Cam-magic: blogger

The most effective method to Add Social Media Buttons to Blogger Posts

<div style="text-align: justify;">
You need your blog guests to impart your incredible substance to their companions, isn't that so? So make it simple for them by adding web-based social networking catches to each of your Blogger posts! They can share your posts on Facebook, Twitter, Google+ and Pinterest without leaving your blog. (In the event that you have a WordPress blog, you can see those directions here: How to Add Social Media Sharing Buttons to WordPress Posts.) Don't stress – you don't have to do this each time you compose a blog entry. Basically alter your Blogger layout and they'll show up on all your blog entries. 
 
I found a few web journals and sites with directions; however most demonstrate to you industry standards to include only the Pin It catch – or only a Facebook Like catch. Including the code for each of them exclusively brings about the symbols not arranging pleasantly in your post. At that point I found an article on the <a href="http://www.bloggersentral.com/2012/01/aligning-google-1-twitter-and-facebook.html" target="_blank">BloggerSentral</a> blog from writer "Greenlava" that included code to include a Twitter Tweet catch, a Google+ catch, Facebook Like and Send catches, and a Pinterest Pin It catch – all pleasantly adjusted in succession! Beneath you will discover the directions from that blog entry, and in addition guidelines for some extraordinary varieties for how the catches show up in your blog. 
 
Refresh 12/3/2012: This code has been altered to settle the Pinterest "Stick It" catch not recovering the thumbnail pictures from the blog entry. 
 
<blockquote class="tr_bq">
NOTE: This requires altering your Blogger layout. Before continuing with the directions underneath, I prescribe that you reinforcement your Blogger format first!
</blockquote>
<h3>
Instructions to Add Social Media Buttons to the Top of your Blogger Posts</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFwjY5nqCRwAg2aNZI4JveEHnMV-a4BEIXkLVqbxP9_SrXiSrRjK8mj2u7fkIfLwwW3Oz6_coEk9xGr3B4oQB8jbrYgtnxvf0sK0_6tDgZ3X_N-4hAtuv6bQcRlZ40vw_F6_8XKuEy6To/s1600/01.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="25" data-original-width="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFwjY5nqCRwAg2aNZI4JveEHnMV-a4BEIXkLVqbxP9_SrXiSrRjK8mj2u7fkIfLwwW3Oz6_coEk9xGr3B4oQB8jbrYgtnxvf0sK0_6tDgZ3X_N-4hAtuv6bQcRlZ40vw_F6_8XKuEy6To/s1600/01.gif" /></a></div>
 
1. In your Blogger Dashboard tap on "Layout" in the left menu. (In case you're utilizing the old interface, you should click "Design.)"

2. Tap the "Edit HTML" catch. In the window that shows up, tap the "Continue" catch. 
3. In the window that shows up, check the "Grow Widget Templates" checkbox at the best. 
4. In the HTML code, locate the main case of this line of code: 
<data:post.body/> 
<blockquote class="tr_bq">
(Note: This line of code seems numerous circumstances all through your format. The quantity of times this shows up fluctuates relying upon your format. Of late a large portion of the layouts I've dealt with required that I locate the SECOND example of it.)
</blockquote>
 
5. Copy below code past above this 
<data:post.body/> 
<div style="height: auto; width: 100%;">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-9756522673127693" data-ad-slot="4849702662" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="code">
<pre>
<b:if cond='data:post.isFirstPost'>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>


<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>

<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>

<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/>
</div> 
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<style type='text/css'> 
#pin-wrapper > a {background-image:none !important;}
</style> 
</b:if> 

</div>
<div style='clear: both;'/>

</pre>
</div>
 
6. Click on "Save Button" and close done! 
 
<h2>
You can customize it as below</h2>
<h4>
Variety #1: Moving the Social Media Buttons to the Bottom of your Blogger Posts </h4>
 
In the event that you favor that your online networking sharing catches are at the BOTTOM of your posts, take after the guidelines above – however as opposed to setting your code over the <data:post.body/> line, put the code BELOW it. 
 
<h4>
Variety #2: Adding the Pin It catch to the Posts on your Home Page</h4>
 
You may see that every one of the four catches (Twitter, Facebook, Google+ and Pinterest) show up on your blog entry pages; yet the Pin It catch is lost from the posts on your landing page. That is on the grounds that if somebody somehow managed to stick one of your pictures from your landing page, the connection would backpedal to your blog's landing page (rather than to that blog entry). This isn't extremely useful to somebody tapping on your picture on Pinterest – in light of the fact that it would take them to your landing page rather than to the blog entry where that picture is. That being said – on the off chance that you do like to have the Pinterest symbol/connect show up on your landing page as well: 
Erase this line of code (line 40): 
 
<b:if cond="’data:blog.pageType" item="" quot=""> 
 
what's more, erase this line of code (line 55): 
 
[/b:if>]

<h4>
Variety #3: Removing the Facebook Send Button</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6rRxMu_nzacApq1ndCJQy7Hp8OiUEuSiwlbSlVY443edhd9DQ9vUxhXxnf3S48pNm8rLenqwiD-FhRB1G3V8Ged8Uy4K67cw1GVsirD7v9-Xydbvn5LqoFw_nAUZoNRYD_acwOwlQso/s1600/02.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="25" data-original-width="342" height="23" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6rRxMu_nzacApq1ndCJQy7Hp8OiUEuSiwlbSlVY443edhd9DQ9vUxhXxnf3S48pNm8rLenqwiD-FhRB1G3V8Ged8Uy4K67cw1GVsirD7v9-Xydbvn5LqoFw_nAUZoNRYD_acwOwlQso/s320/02.gif" width="320" /></a></div>
 
On the off chance that you simply need the Facebook Like catch to show up (and not the Facebook Send catch) discover this line of code: 
 <fb:like colorscheme=’light’ expr:href=’data:post.url’ font=” layout=’button_count’ send=’true’ show_faces=’false’/> 
 What’s more, change it to this line of code: 
<fb:like colorscheme=’light’ expr:href=’data:post.url’ font=” layout=’button_count’ send=’false’ show_faces=’false’/>  
 
<h4>
Variety #4: Adding the StumbleUpon Button </h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pH4OorWulv3FZx6FwYesG76DgL69zY0rLPDSvLck_-r7aupPAu5PSmzenR1_IBTwCeALjY-CxrORRr1aFQ-ArP0dtayg93CTs5XuZOB5CQ_aKCJt5YFL3SYZpysTwuh5Xlp7rhvE-Tk/s1600/03.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="35" data-original-width="508" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pH4OorWulv3FZx6FwYesG76DgL69zY0rLPDSvLck_-r7aupPAu5PSmzenR1_IBTwCeALjY-CxrORRr1aFQ-ArP0dtayg93CTs5XuZOB5CQ_aKCJt5YFL3SYZpysTwuh5Xlp7rhvE-Tk/s320/03.gif" width="320" /></a></div>
 
Discover this line of code: 
 
<div class=’horizontal-social-buttons’ style=’padding:10px 0 10px;’>  
 
What’s more, include these lines of code beneath it: 
 
<!– StumbleUpon –> <div style=’float:left; margin-right:30px;’> <script src=’http://www.stumbleupon.com/hostedbadge.php?s=1’/> </div> 
 
<h4>
Variety #5: Removing the Google+ Button </h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7upjnSvuD2QJqB760-u2pw-F47ssF0IpON7pLzA5kxhaiH1dlyb0lIZy8BAd4U0QpuE5woTehBWQ5-adfC3uVv9lA_01VNTY9NqrRCaM0GWJDo4amxN5SI3gCtrSRBl66TgYAjsSVSaY/s1600/04.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="35" data-original-width="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7upjnSvuD2QJqB760-u2pw-F47ssF0IpON7pLzA5kxhaiH1dlyb0lIZy8BAd4U0QpuE5woTehBWQ5-adfC3uVv9lA_01VNTY9NqrRCaM0GWJDo4amxN5SI3gCtrSRBl66TgYAjsSVSaY/s1600/04.gif" /></a></div>
 
Erase the accompanying lines of code: 
 
<!– Google +1 –> <script type=’text/javascript’> (function() { var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true; po.src = &#39;https://apis.google.com/js/plusone.js&#39;; var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s); })(); </script> 
 
 
What’s more, erase these lines of code: 
 
 <!– Google +1 –> <div style=’float:left;’> <g:plusone annotation=’bubble’ expr:href=’data:post.url’ size=’medium’/> </div></div>

The most effective method to Add Social Media Buttons to Blogger Posts

You need your blog guests to impart your incredible substance to their companions, isn't that so? So make it simple for them by adding ...

2 Best Email Subscribe Widget for Blogger | Blogger

<div style="text-align: justify;">
The most effective method to include feed burner email membership gadget for blogger. Email subscribe gadget is most critical piece of each blogger. Do you know what is email subscribe gadget? Yes! This is gather immense sum movement for your blog. Today I am share 2 lovely blogger email membership gadget for your blog. Check this JSC Exam Result 2016 Earlier some days, I shared another popup subscribe box for blogger and that is Pop up Email Subscribe box for Blogger. Yet, today I am share another 2 innovative email membership gadget box for blogger and one membership gadget is with social symbols. A Feed burner email membership gadget can expedite countless your blog. Guests are subscribe in your blog by put their email and they generally get your new reports on their email. Email membership shape on blogger is an essential gadget. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgiN1N3TuuF8vZZ9d4tkn6prfrWlM50K_gSlsrdJFaEpuqzT1imLBml6pAewPerhZSJh9zeTrYW-90Vf4q48iQnZ6KBfpAQ9p6tgSLhyphenhyphenY50d8FHCOyphi03qiBhmvaUMX6KTdcbKvgRo/s1600/img-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="600" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgiN1N3TuuF8vZZ9d4tkn6prfrWlM50K_gSlsrdJFaEpuqzT1imLBml6pAewPerhZSJh9zeTrYW-90Vf4q48iQnZ6KBfpAQ9p6tgSLhyphenhyphenY50d8FHCOyphi03qiBhmvaUMX6KTdcbKvgRo/s640/img-0001.jpg" width="640" /></a></div>
</div>
<h3>
Email Subscribe Widgets for Blogger</h3>
<div style="text-align: justify;">
On the off chance that you put blogger email membership gadget on sidebar at that point, it will be better. Yet, popup and beneath of each post is additionally great place to include email subscribe confine blogger. Today i am share 2 imaginative sidebar email subscribe box gadget for blogger.</div>
<h3>
How it function?</h3>
<div style="text-align: justify;">
Everybody think about Google’s feed burner. So, Google feed burner is most well-known RSS web benefit bolster. On the off chance that anybody subscribe on your blog with their email, at that point feed burner to convey your most recent posts on every single subscribed email. In this instructional exercise i shared 2 subscribe box gadget for blogger. Utilizing these gadget you can likewise grow up your blog's guests. How to enlistment on feed burner? Go to the accompanying connection and enlistment with your blog address and your email: feed burner.google.com. On the off chance that one’s done, at that point gather your feed burner username and note it. Presently let’s begin our instructional exercise. 
<h2>
1-Dark foundation with social symbols</h2>
It’s the magnificent and adorable email pamphlet subscribe box gadget for blogger that made with immaculate CSS with font awesome symbols. By utilizing this email pamphlet frames you can likewise utilize your online networking joins like Facebook, twitter, LinkedIn, Google additionally, Pinterest, vine and integral social symbols. Appealing membership gadget box is better for each blog. Our first gadget is more appealing for blogger. 
 
<div class="demo" style="text-align: center;">
<a href="https://codepen.io/msdesignbd/full/yYrGXm" target="_blank">Demo</a> 
 
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="280" data-original-width="578" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-B1s4JZVkQsZ9D5_k98QNQlv02OmNMeywegs9-n5kA8GwRyPUIO-mVMNYZkn3k5fY-7DKY-yuKn1d1z9cqO_zFUlog23Tg97ZuE74h2H4z1DKHb31XpHjoF5KjYrpn9sGvpJ5d-c-nA/s640/img-0002.jpg" width="640" /></div>
<div style="text-align: justify;">
</div>
</div>
</div>
 
<div style="text-align: justify;">
In the first place you need to require include font awesome symbol and PT Sans Google textual style. In the event that as of now included at that point disregard step 1. 
<blockquote class="tr_bq">
Note: If you use our code, then you agree to give proper footer credit. </blockquote>
</div>
Step 1: Go to Blogger Dashboard > Template > Edit HTML and past beneath codes directly after head tag: 
<div class="code">
<pre class="line-numbers language-markup" data-codetype="HTMLku" title="HTML"><code class=" language-markup"><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/></code></pre>
</div>
Step 2: Now need to include CSS Code some time recently before </style> tag 
<div class="code">
<pre class="line-numbers language-css" data-codetype="CSSku" title="CSS"><code class=" language-css">#subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;}</code></pre>
</div>
Save Template. 
Customization: 
<ul>
<li>Change all # tag with everything in web-based social networking join.</li>
<li>Change all YOUR-USER-NAME with your feed burner client name.</li>
</ul>
Now go to your blogger layout Add a gadget => html/javascript and past html code below in your gadget: 
<div class="code">
<pre class="line-numbers language-markup" data-codetype="HTMLku" title="HTML"><code class=" language-markup"><div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>Subscribe to my Newsletter</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
</div>
<div class="creadit">
<a href="http://msdesignbd.com" rel="dofollow" target="_blank"> Get This Widget</a></div></code></pre>
</div>
 
save, enjoy it. 
 
<h2>
2 - Colorful gadget with name box </h2>
<div style="text-align: justify;">
You can utilize this gadget underneath of each post. This subscribe box gadget is made with straightforward css with bright foundation. In this email membership gadget guests are capable compose their name. The name box make this gadget more expert. In this gadget you can change subscribe box heading. Default heading is: "Subscribe for everything most recent news and updates". Presently let’s begin this, 
 
<div class="demo" style="text-align: center;">
<a href="https://codepen.io/msdesignbd/full/wKZRqY" target="_blank">Demo</a>
</div>
 
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="280" data-original-width="578" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTh8T-ub-SL-eAmLk3pyIbKkGd_50WiUvlaKax-CdrlsbE0MVu-CyDhIeB16d2VrJUbkDZjq6N2izO49rdV2pQiHA85kf-eP466Nnjn7Qns4U2LxzbRrZ1YlcjDnF-y04fMcrWsbHQn6M/s640/img-0003.jpg" width="640" /> </div>
<div class="separator" style="clear: both; text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: justify;">
step 1: You need to put style for this gadget, so copy below css style past before </style> tag:</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
 
<div class="code">
<pre class="line-numbers language-css" data-codetype="CSSku" title="CSS"><code class=" language-css">#subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;}
#subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} 
.creadit a{color: #A7A6A6; float: right; font-size: 8px</code></pre>
</div>
 
Save your template 
 
This step need to add new widget by go to blogger layout and add new widget => html/javascript, then past below code: 
 </div>
<div class="code">
<pre class="line-numbers language-markup" data-codetype="HTMLku" title="HTML"><code class=" language-markup"><div id="subscribe-box">
<center>
Subscribe for our all latest news and updates</center>
<div class="emailfield">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Name" />
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Email" />
<input name="uri" type="hidden" value="USER-NAME" />
<input name="loc" type="hidden" value="en_US" />
<input class="submitbutton" type="submit" value="Subscribe Now" />

</form>
</div>
</div>
<div class="creadit">
<a href="http://msdesignbd.com/" rel="dofollow" target="_blank"> Get This Widget</a></div></code></pre>
</div>
 
Save Widget 
<div style="text-align: justify;">
Customization: 
<ul>
<li>Replace all USER-NAME with your feed burner user name.
</li>
</ul>
</div>
<div style="text-align: justify;">
Expectation this 2 email subscribe box gadget is helped you. On the off chance that you found any issues, at that point advise me on remark area, I will endeavor to take care of your issues. Lastly bear in mind to impart our presents on your companions. Much obliged... </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
</div>

2 Best Email Subscribe Widget for Blogger | Blogger

The most effective method to include feed burner email membership gadget for blogger. Email subscribe gadget is most critical piece of each...

Way Floating Social Bookmark Golf widget for Blogger

<div class="separator" style="clear: both; text-align: center;">
</div>
Social mass media networks always great useful resource to get traffic. Just about every bloggers wish to get huge traffic for blog. For that reason we have to be active in social medias site. Because we need get lot of enthusiasts and friends. In this tutorial im gonna make clear How to add Way Floating Social Bookmark Golf widget for Blogger. It will help to increase your followers and friends. This Floating Public Bookmark Widget shows in each pages in writers. You may link your interpersonal media profile Facebook, Tweets Pinterest and Google plus. It helps to get new followers and friends to your profile. Check below link for demo. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-P5osczqPpYf6oKcIVJ226Ftf9LoiaDn9NiFIRDMrNy4d0AeHxPwwHb3PnEwjSRPPnLDF2TZs6C0eroqdrt0386Wzw-ApX1k9hNl3ohtlbzKpNVrsz1WWkPKrU2qNjJXP0FwCXDJKEao/s1600/Floating+Social+Bookmark.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-P5osczqPpYf6oKcIVJ226Ftf9LoiaDn9NiFIRDMrNy4d0AeHxPwwHb3PnEwjSRPPnLDF2TZs6C0eroqdrt0386Wzw-ApX1k9hNl3ohtlbzKpNVrsz1WWkPKrU2qNjJXP0FwCXDJKEao/s400/Floating+Social+Bookmark.png" width="400" /></a></div>
<h3>
Just how to Add Unique Really simply syndication Subscribe Widget For blog owner</h3>
 
1. Log in to tumblr account and Click drop down. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaP9yMH0PR_5A2-jCgN-PBcEB05cnQ0ZIK-Kl5AxnoTHdsPSmjtuUgtnFQir6a2BKkz6sJuwE3RpyqSluv3P0KOXY6i3nUrSuspr1H9OoLNC1uF9hpwy6SbLcVwWv7hYCpYkL42mhxBs/s1600/Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaP9yMH0PR_5A2-jCgN-PBcEB05cnQ0ZIK-Kl5AxnoTHdsPSmjtuUgtnFQir6a2BKkz6sJuwE3RpyqSluv3P0KOXY6i3nUrSuspr1H9OoLNC1uF9hpwy6SbLcVwWv7hYCpYkL42mhxBs/s320/Template.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
2. Now select "Template" and click edit html 
3. Find this tag by using Ctrl+F </head> 
<div class="separator" style="clear: both; text-align: left;">
4. Past Code Below before </head> tag</div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="code">
<div class="separator" style="clear: both;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> </div>
<div class="separator" style="clear: both;">
<script language='javascript'> </div>
<div class="separator" style="clear: both;">
var name = &quot;#floatMenu&quot;;</div>
<div class="separator" style="clear: both;">
var menuYloc = null;</div>
<div class="separator" style="clear: both;">
$(document).ready(function(){menuYloc = </div>
<div class="separator" style="clear: both;">
parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css </div>
<div class="separator" style="clear: both;">
(&quot;top&quot;).indexOf(&quot;px&quot;)))</div>
<div class="separator" style="clear: both;">
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;$(name).animate({top:offset},{duration:1000,queue:false});});}); </div>
<div class="separator" style="clear: both;">
#floatMenu {</div>
<div class="separator" style="clear: both;">
position:absolute;top:150px;float:left;width:45px;}</div>
<div class="separator" style="clear: both;">
#floatMenu ul {list-style: none;}</div>
<div class="separator" style="clear: both;">
#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}</div>
<div class="separator" style="clear: both;">
#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}</div>
<div class="separator" style="clear: both;">
</style></div>
<div class="separator" style="clear: both;">
</div>
</div>
<div class="separator" style="clear: both;">
 </div>
5. Press Ctrl+F to find </body>  and press Enter 
<div class="separator" style="clear: both;">
6. Past Code below before </body> tag</div>
<div class="separator" style="clear: both;">
 </div>
<div class="code">
<div id='floatMenu'> 
<ul> 
<li><a href='http://facebook.com/cam-magic' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhakbWp6z6FSa3rQPAsp4XW7AZF-lSNQ7cQHsPy95J8SsXh343aA0TNfTgmmDwuVvxfn_jQ995z1lwNU5x3vCRr3Dr_cov2LVSwT2WjRPn6KPqVaRElF3l-VyKscG4Fsliuppqr7T-vUEM/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On  Facebook'/></a></li> 
<li><a href='http://twitter.com/cam-magic' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSnwj77Z4r03TN16JeNYGKLQhs5pegquK2MeamDORHpYGizD_CQKkU9Yffpa3Jxcqjw4j-WxD_Xig51FhgD_fZfS9_KThXEIzs4ExFaHkVdWiOkzGTrO9uyEWbfwVbG-mtKwnCi4OCq0/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On  Twitter'/></a></li> 
<li><a href='http://pinterest.com/cam-magic/' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPoI6X1YdpbrO-gRlxfTQaLSvjiyfRwG8HOikGyLv7G02dsLnF2FuAmh1n_ZfgfasvHF5fS0W8WA2_Tnd-lF4IKSI3CZRAH_eLmPRJTHcp914fWSjzRG5-1Cucd7-FCZdTbR5xPTNaMMg/s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On  Pinterest'/></a></li> 
<li><a href='https://plus.google.com/107955298793879607964' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9yQQkYUGuYQaMlBkQqhCxaGMhnVu03JVBG0HdiA0O5Tl03ev7CGnD1SLPh9C07MCoKOeGy67W6vk3yvqwWn8ZJ6nOcDt62bGfr_LxqEv4rqjb0Ehc7lml45y5OdKSeYbFx4W-L7QRcZI/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li> 
</ul></div></div>
 
Replace cam-magic with your facebook username 
Replace cam-magic with your twitter username 
Replace cam-magic with your pinterest username 
Replace 107955298793879607964 with your Google Plus ID Username 
 
7. Click Save. Enjoy with float social Media!

Way Floating Social Bookmark Golf widget for Blogger

Social mass media networks always great useful resource to get traffic. Just about every bloggers wish to get huge traffic for blog. For t...

10 Best Blogger Widgets Or Gadgets for Every blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUa-TWN-fTPDRYBh6MpgUUCtDKV4FvyvTdhHda6HYT9lC4NgdpF1mP1OpliP6Ds-8YKXA-GgEVWFPeLpaoaBSKGx2avm4vA3Bp2Gk1pYqyL5GDE-0vxoCGG9hzyNvDt6gmZcZC7owkyI/s1600/sharing-widget-for-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUa-TWN-fTPDRYBh6MpgUUCtDKV4FvyvTdhHda6HYT9lC4NgdpF1mP1OpliP6Ds-8YKXA-GgEVWFPeLpaoaBSKGx2avm4vA3Bp2Gk1pYqyL5GDE-0vxoCGG9hzyNvDt6gmZcZC7owkyI/s320/sharing-widget-for-blogger.jpg" width="320" /></a></div>
A widget is a tiny window which often is performing a specific function in a blogger. Blogger always motivate their particular user to use preliminary default and thousands regarding other developer’s widgets or Gadgets. These widgets play a very important rule to create an effective weblog because it attracts the visitors plus they can also spread your voice with other persons through social mass media. 
TBG always try to be able to bring new gizmo and other plugins for their own followers. Today we usually are going to share along with a list about top 10 widgets, which very important for each and every blog. This list includes in Facebook such as box, email subscribe, sociable media share buttons, author box etc. 
Top blogger widget for each blog page 2015 
 
Facebook like package 
Because we know Facebook is usually a major social mass media site in the globe. We can be utilised to attract huge traffic for a new weblog or website, nevertheless it totally depends exactly how many followers you have got on Facebook. So, this specific is very important to raise the Facebook followers. Facebook like a box can execute this task, this specific widget produced by Facebook plus already used so numerous blogs. When a guest finds your weblog helpful, they obviously like your current blog page through this box. 
 
Email membership box 
This truly important golf widget for any weblog due to the fact it help to increase your email subscribers. Several your visitors desired to mindful of your new articles. This device is really helpful for these site visitors. They will receive your own blog page update in their email inbox and this specific important method to regain the particular visitors. 
 
Search box 
Search box is an essential thing for each blog, it allows two visitors to explore a weblog by means of search a query. All of us can put in a search box from the blogger standard device pack, but When you add more sophisticated and attractive than I already shared a article about that. 
 
Social networking sharing button 
This specific truly important widget plus already employed in so numerous weblogs and websites. If you are writing quality posts, but your weblog doesn’t have an effective approach for visitors to discuss you on social press then you can’t create a successful blog. This social media button in a position to try this task regarding you. 
 
Twitter followers package 
After Facebook, Twitter is another major social media internet site. It works extremely well to market and increase blog page traffic, but it all based on how many followers a person have on Twitter. Tweets followers box will help you to boost your twitter followers. 
 
Recent posts golf widget 
Recent posts tool aid to display your weblog recently posted articles, this particular helpful for your regular visitors, they easily locate your new posts. Read How to add the recent post widget in doodlekit blog. 
 
Popular posts golf widget 
This tumblr default tool and show posts according to its reputation. It helps to boost your own weblog page previews. 
 
Brand or category tool 
This specific tool works such as a course-plotting bar and help typically the visitors to easily understand your site. We can include this from your blogger standard gadget. I would like to make it more attractive. 
 
Related posts widget 
It is very essential widget for virtually any weblog or website. It displays the same tag or category posts beneath the current post. It’s very helpful to increase your weblog page survey. 
 
Floating sharing social mass media button 
This very incredible widget, it offers cute style, you can make your blog page more embellish using this amazing gizmo which is usually having Facebook, Twitter, Google plus following buttons and The rss feeds. 
 
CSS drop down menus 
Menu bar always an essential part of any blog, that helps visitors to navigate a new blog, then that truly essential to add a good food selection, but the blogger standard template doesn’t have this specific feature but no worry, read here how in order to add CSS drop lower menu in blogger. 
 
Live chat widget 
This is a very cute gadget, if you would like to incorporate more fun to your blog site, then try this a single, by making use of this device your weblog visitors can carry out live chat with you, they might ask a question about weblog or products. If you have a great ecommerce blog, then that is very useful for these types of kind blog. 
 
Then that is my today widget series, which I shared together with you and I hope, a person will be enjoying this particular list and appreciate my hard too. If a person feel that I missed virtually any essential widget then opinion within the below, I will certainly try to add this one in this list. Many thanks

10 Best Blogger Widgets Or Gadgets for Every blog

A widget is a tiny window which often is performing a specific function in a blogger. Blogger always motivate their particular user to use...

How you can backup or restore blog owner templates

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKjU4LgQd6OP7_yJ-3UYr8HrfdHf4FwvgypAI_8AMpBSWZXyEWGzoUZblYFvu-rGJwMOM3Oouc0guyZ-D1LNsEylWEoNfOwsXnZPgxIctFHlrPoJZET7_B1IOa-rgKb76yEJnrJnq52cw5/s1600/backup+bloggrt.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKjU4LgQd6OP7_yJ-3UYr8HrfdHf4FwvgypAI_8AMpBSWZXyEWGzoUZblYFvu-rGJwMOM3Oouc0guyZ-D1LNsEylWEoNfOwsXnZPgxIctFHlrPoJZET7_B1IOa-rgKb76yEJnrJnq52cw5/s200/backup+bloggrt.png" width="200" /></a></div>
Blogger provides XML templates and you will find tonnes of 1 / 3 party templates on the internet. You might also want to tweak the templates to change the way how your website appears. Before you make any becomes your template, it might regularly be a good idea to take a backup of your design. This will allow one to restore it backside in case website modify did not go well. Stopping up restoring templates on blogger is very simple using the new Tumblr interface. In this guide, we will guide you through the process. 
 
 
Just how to take a back-up of your Blogger Design 
 
Like we said previous, it is advisable to a good idea to backup your design template before you make any changes to your Blog's template. Below are the straightforward steps which can help you in taking a backup of your tumblr template. 
1. Login to your blogger account, and go to the Theme section in the blog owner dashboard(for that blog) 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagk-8Zwb8Pze4bWbxXE3tAzFKjv-Sp0yJrA2kpkQ0e4Uff6GyfGjVT24Lhsqm9mPAIbrmvQfXFBw9rUc-wfUkazEjNzoF-T3tHiuHM6g2evk3pKJVQzt5x3gOLt3rYMWiDiX644fsCCdP/s1600/backup+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagk-8Zwb8Pze4bWbxXE3tAzFKjv-Sp0yJrA2kpkQ0e4Uff6GyfGjVT24Lhsqm9mPAIbrmvQfXFBw9rUc-wfUkazEjNzoF-T3tHiuHM6g2evk3pKJVQzt5x3gOLt3rYMWiDiX644fsCCdP/s400/backup+blogger.png" width="400" /></a></div>
 
2. Now click on the "Backup/Restore" button on the right top of the page. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXYZOxX6X5C4JFHFPhv6O75lIV0ONqvUQLGlMM_8DUHhqtqxehIsrElccJUj8528Vt_0m_HLgYWsAwlxTJneCJQQ4TXAQ1c8_H3JaExt_qQCLOAI1InnuwZRv-NKzA9wKc7mpH4kEVwkl/s1600/backup+blogger-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXYZOxX6X5C4JFHFPhv6O75lIV0ONqvUQLGlMM_8DUHhqtqxehIsrElccJUj8528Vt_0m_HLgYWsAwlxTJneCJQQ4TXAQ1c8_H3JaExt_qQCLOAI1InnuwZRv-NKzA9wKc7mpH4kEVwkl/s400/backup+blogger-05.png" width="400" /></a></div>
 
3. You will see a popup with an option to down load the current template. Simply click on that button 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5F9e7EkiGIy4bUry38zcQp6ejFnCK6Tzrbf8MWFFKihLgre2Z6FnwRYPUkJYH9RJvK0kIwdOKto-jbHEwNfg5TlaEe6zkBqIvQ-CiRciuzJfi0x2bDdu86kZlbOgHybwI8N6mRYYEycZP/s1600/backup+blogger-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5F9e7EkiGIy4bUry38zcQp6ejFnCK6Tzrbf8MWFFKihLgre2Z6FnwRYPUkJYH9RJvK0kIwdOKto-jbHEwNfg5TlaEe6zkBqIvQ-CiRciuzJfi0x2bDdu86kZlbOgHybwI8N6mRYYEycZP/s400/backup+blogger-02.png" width="400" /></a></div>
 
4. You will get a backup XML file with the name template-somenumber. xml. Keep this backup 
record safe to enable you to restore it when required. 
 
How to restore the Blogger design from a previous back-up 
 
In case you have made some changes to the template which has messed up the way your site looks, you can restore the old design from the backup record which you could have created. Below are the steps to regenerate the template from a previous backup. 
you. 
1. Login to your blog owner account, and see a Theme section in the blogger dashboard(for that blog) 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4R7xyrmlVtwDy4sgPQSin9NgtX0xgYWX-fqxNPh5sNge8ZOfHua25R_dwKb2iDIklsefmKKia5UuAqgG27wdBMvHLR4TOlbxAOO4H06DXqdg59qO3TjhhcEZdVV26cwDgsa5XXvWXIHf/s1600/backup+blogger-03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4R7xyrmlVtwDy4sgPQSin9NgtX0xgYWX-fqxNPh5sNge8ZOfHua25R_dwKb2iDIklsefmKKia5UuAqgG27wdBMvHLR4TOlbxAOO4H06DXqdg59qO3TjhhcEZdVV26cwDgsa5XXvWXIHf/s400/backup+blogger-03.png" width="400" /></a></div>
 
2. Now click on the "Backup/Restore" button on the right top of the page. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1_TekEih2fOA1TfUfDkMqN5DIgGe9Kt4IVC_RPfhFVtRIHMIPUZPx0GdnQmJkZ9u0GuT-Hz9_lnEoRSoOUaeamBB8La1SMmpH1WMcWA8SHclIbVsvzf5oVlB_RgC9FPYDUMom1OJSa2k/s1600/backup+blogger-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1_TekEih2fOA1TfUfDkMqN5DIgGe9Kt4IVC_RPfhFVtRIHMIPUZPx0GdnQmJkZ9u0GuT-Hz9_lnEoRSoOUaeamBB8La1SMmpH1WMcWA8SHclIbVsvzf5oVlB_RgC9FPYDUMom1OJSa2k/s400/backup+blogger-05.png" width="400" /></a></div>
 
3. You will notice a popup with a choice to upload a template from your hard drive. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Dsv1lWBrjutheF6xNRwW_OIm0IEQKypHUSzLEvnypSuliT28HUCC5yqzfLvn9E3RBrOdQ7ckuoHbvnP7Dft7H1F_t9-pqK57ulbigOaYWdi_dqJNSHT9oh8h-8CYDc7wjLKyoXEzCtcV/s1600/backup+blogger-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Dsv1lWBrjutheF6xNRwW_OIm0IEQKypHUSzLEvnypSuliT28HUCC5yqzfLvn9E3RBrOdQ7ckuoHbvnP7Dft7H1F_t9-pqK57ulbigOaYWdi_dqJNSHT9oh8h-8CYDc7wjLKyoXEzCtcV/s400/backup+blogger-06.png" width="400" /></a></div>
 
When the upload is complete, your old template should be back in action

How you can backup or restore blog owner templates

Blogger provides XML templates and you will find tonnes of 1 / 3 party templates on the internet. You might also want to tweak the templat...

Cam-magic

The most effective method to Add Social Media Buttons to Blogger Posts

2 Best Email Subscribe Widget for Blogger | Blogger

Way Floating Social Bookmark Golf widget for Blogger

10 Best Blogger Widgets Or Gadgets for Every blog

How you can backup or restore blog owner templates

Popular Posts

Labels

Featured Post

Way Floating Social Bookmark Golf widget for Blogger