One of the best blogger gadgets which allows your readers to follow you and get your blog's updates on social networking sites is the social follow gadget. This means more loyal readers, increased traffic and number of followers. You don't have to fill up your blog with seperate social follow gadgets which can increase your blog's page load time. Socializing is necessary to increase you blog's popularity and another SEO technique since it appears in search results.
Also Read: Twitter Feeds Widget For Blogger
1. From your Blogger dashboard, go to 'Template'. As usual Backup your template before making any new changes to it.
2. Click 'Edit HTML'.Press ctrl+F and search forcode in your blogger template and paste this code just 'below'
Also Read: How to Add 'Link to This Post Widget' to Blogger Post
Also Read: Sliding Recent Posts Gadget For Blogger
4. After adding the code given above on either the second or thirdedit it and make some necessary changes in the USER-ID for each social network. The first two are for Facebook which is the Username, the third and fourth are the Twitter handles and the last two are for Feedburner ID. Save the Template.
One of the best blogger gadgets which allows your readers to follow you and get your blog's updates on social networking sites is the social follow gadget. This means more loyal readers, increased traffic and number of followers. You don't have to fill up your blog with seperate social follow gadgets which can increase your blog's page load time. Socializing is necessary to increase you blog's popularity and another SEO technique since it appears in search results.Also Read: Twitter Feeds Widget For Blogger
How to Add Social Follow Gadget to Blogger
1. From your Blogger dashboard, go to 'Template'. As usual Backup your template before making any new changes to it.
2. Click 'Edit HTML'.Press ctrl+F and search for
.body/>
.body/>
Also Read: How to Add 'Link to This Post Widget' to Blogger Post
class="newsletter">
Tired of checking for new posts ?
id="form-newsletter">
class="social twitter">
href="https://twitter.com/news_ville" target="_blank">
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_TI-fzAn1gOrwdDSSBEJG8X1F7tfzF7-4GYQvp474Egbc76sBamrbp-sU3cY-oFfyJfztxcXp3A04VRnUkcEDMQdwoeDFnef2HyqC6lAfJCbwc7iufzaMFakEoD7oVzHoPYTcFXYbzXG/s1600/nl-twitter@2x.png" />
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
class="newsletter-form">
Get all posts directly in your mail.
class="fields">
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:" ";display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
Also Read: Sliding Recent Posts Gadget For Blogger
4. After adding the code given above on either the second or third
.body/>
Also Read: Twitter Feeds Widget For Blogger
How to Add Social Follow Gadget to Blogger
1. From your Blogger dashboard, go to 'Template'. As usual Backup your template before making any new changes to it.
2. Click 'Edit HTML'.Press ctrl+F and search for
.body/>
.body/>
Also Read: How to Add 'Link to This Post Widget' to Blogger Post
class="newsletter">
Tired of checking for new posts ?
id="form-newsletter">
class="social twitter">
href="https://twitter.com/news_ville" target="_blank">
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_TI-fzAn1gOrwdDSSBEJG8X1F7tfzF7-4GYQvp474Egbc76sBamrbp-sU3cY-oFfyJfztxcXp3A04VRnUkcEDMQdwoeDFnef2HyqC6lAfJCbwc7iufzaMFakEoD7oVzHoPYTcFXYbzXG/s1600/nl-twitter@2x.png" />
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
class="newsletter-form">
Get all posts directly in your mail.
class="fields">
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:" ";display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
Also Read: Sliding Recent Posts Gadget For Blogger
4. After adding the code given above on either the second or third
.body/>
No Comment