Add Static Social Like Buttons With Popout Effect To Blogger

You have seen in many pro blogs that a static social Profiles buttons are floating on right side of blog.So today i will show you how to add that widget to your own blog.This widget look is very proffessional, and help you to increase your facebook, twitter, google + etc likes and followers.
After adding it to your blog, it will look like image below:


Also Read: How to add 4 125x125 ad slots to blogger sidebar
  • Follow These Steps Carefully For Adding This Widget:
  • Goto Blogger Dashboard
  • Click on TEMPLATE => EDIT HTML
  • Now press ctrl+f (use in HTML box) and search for </body>, Now Paste the Code Shown Below just Before </body>
<!-- popout social buttons by www.hacking-articles.blogspot.com !-->
<style>
.PTTFacebook{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRduA165-MuC834TYQQv5ZyErg3y-BdAheKUBoyOIaE6frBVfNdTxrMy1kkBIKf06Qo2RBu85ySAlddsirKH-YntKCjlqMZQ0J7UemFv9jr58L4N4_NoqD0Ejx1ijYZeydSxE4S6La3Y/h120/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.PTTFacebookopen{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2gAu89C5NSlwqrmVPovydK-YvbAePYGqqdkmk-hpsOwC5-lPnIAkD959ksQQuEtL__8iXa50GEnNF9c1u0evy1YB9Fb18gB_VzoV35RPLE78p9UJLnuZQsKmscTNvUujLeLkH1Rj_Tc/h103/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.PCFacebook{margin:0px 0 0 43px}
.PTTtwitter{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtibhWBOc9dHL4q-WEV-1_PXQNKgdjVqf8cNpJqnpy7B17THZF9f4kdPiCU2yk-sXHdfl-K3xG2EnUC26e97nd_zuqMQdDSt5Uet4qRii02rOs8Iaj1U73wIjJIG-bHJnnFBcqb7iR59M/h120/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.PTTtwitteropen{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVniYl7pmWNJ5PEdWr9dcP3yMOz2YizNru3_rDuPIWomKNTUHJ2mqpwEnPF-r4kAtE51sn54aHw50H6FoqmlqtFGCj_RoOLkeFmGTVW0D9wSwGW2gZi3N-exM3btpHShvD85jNkV8fmg/h103/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.PCtwitter{margin:0px 0 0 43px}
.PTTGooglePlus{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihBEgpT3SZH8f7qvyNrZKfKQNHxjaQ3YSkW3s9OsDgkFd5KhQa_Sjn5Fu4UN_kYOIceDFqVW-xUREcp_NmQm1DTI3TkBjLRSnSILWusywk78uHGYPCWJsIYRzYBTJtbT1AfXLcoxL0PNg/h120/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.PTTGooglePlusopen{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir5R5iyc2OUbsIN_nf9HEYhrsCoMUsEmcjZnz2tWWlKXnlzo6k9cmxb5aNxsNK_-jtQxPPbyGpcyl5h8vrf32zW3qDosTNHTrV4MIY8C1pU0bRc86xJ165bFtUtB2kd1xy-DCVBKHuR1I/h103/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.PCGooglePlus{margin:0px 0 0 43px}
.PTTRss{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMB2wY8juPDijDkNosIoH8qu9jROxSjAhl5KdiqEtIDlXdVrTRK21leDGVqWvSfB86TYnRJaCCNE2Arqf4JoC0viw5xoX8T8wHQW7zyPPGPcXaIP0RUzqS0W3C4aHn_5gkua8mz2BZJtA/h120/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.PTTRssopen{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglT-bdfHx6Dhe6KhI1hG95VlENgE9GGk0PewJomasxJxenFOYGJP9UbZgCymAxOeKrdQlwlzZo7GCpMD-_U_YWuHuek1Q-HdhXx3Oxa6jXvKTJf5dMttKZfGuc2BdJCfQQkaJpahRyz7Y/h103/Pc+Tools+Tips.png');
background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.PCRss{margin:0px 0 0 43px}
</style>
<div class='PTTFacebook' onmouseout='this.className=&apos;PTTFacebook&apos;' onmouseover='this.className=&apos;PTTFacebookopen&apos;'><div class='PCFacebook'><a href='http://facebook.com/USERNAME' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSTZuUk6wyrAU0LExN0sPlHp7KSyPQtf9ViFwOntKtrftM9QnazbqXbs_ifuy2agD97eluvmZrHb-dANiu8P9qaKhIy0k-8lXA3uvb7zzy0v6JnCt405PieQ8XiCvqc6Tq5f9gdrBIGQI/h120/Pc+Tools+Tips.png' title='Like us on Facebook'/></a><br/>
</div>
</div>
<div class='PTTtwitter' onmouseout='this.className=&apos;PTTtwitter&apos;' onmouseover='this.className=&apos;PTTtwitteropen&apos;'><div class='PCtwitter'><a href='https://twitter.com/USERNAME' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ3_z-F6OoAIjeDPwPIUJkWhQGC-W326g0ccynBFdJrYjNkBFq-3I6C3RPRXsYgXOyG-GF_IwGBS-dE5pdhVepzS8fkJtUNnglsJCoNojKIl9LdhfTqb4IaZbgWulgGscRNJfC-5T2ZU/h120/Pc+Tools+Tips.png' title='Follow us on Twitter'/></a><br/>
</div>
</div>
<div class='PTTGooglePlus' onmouseout='this.className=&apos;PTTGooglePlus&apos;' onmouseover='this.className=&apos;PTTGooglePlusopen&apos;'><div class='PCGooglePlus'><a href=' G+ USER NAME' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJiCauxumkB5BVfh970YDCXZHkgM_bEZXZUgt0VCRc8smd4z4cSpx2W_2aB34I85hwDs1ur3y1Y29oe9VKt_ROHP_TqNiZW86iqu4EJQXEJDUkNF_KZJOgW0ST6wMnwyZSeevJWIlpYM/h120/Pc+Tools+Tips.png' title='Recommend us on Google Plus'/></a><br/>
</div>
</div>
<div class='PTTRss' onmouseout='this.className=&apos;PTTRss&apos;' onmouseover='this.className=&apos;PTTRssopen&apos;'><div class='PCRss'><a href='http://feeds.feedburner.com/USERNAME' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQ4-hDFSBEA2j6hdzdjKdZeTDzrb_pBpg1xrYjhLJBCxfmV2OoW_FRdlBVe5k4Y-_Taab5zUFJh_QUeeO-4M39KHM2ZZ7mVHExsRMdUyUIaD1-aN4oD5W9PLkaj5OwB4Bf_8_1jb1BK0/h120/Pc+Tools+Tips.png' title='Subscribe me'/></a><br/>
</div>
<a href="http://hacking-articles.blogspot.com"><font color="white">?</font></a>
</div>
<!-- popout social buttons by www.hacking-articles.blogspot.com !-->
  • Now change USERNAME in above code with your desire username or URL.
  • Now save yout template and reload your blog and see the changes.

Share this

Related Posts

Previous
Next Post »