LATEST: We are offering PENTESTING and WEB DEVELOPMENT service with low price Learn More

6/30/2013

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://lh5.googleusercontent.com/-hBxDJpRFsTM/Ub75aLOusII/AAAAAAAAAho/g14K2kK0wzk/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://lh4.googleusercontent.com/-M2a74WeaI7c/Ub75g7TiF6I/AAAAAAAAAhw/5KTtDHFPW0s/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://lh5.googleusercontent.com/-UASccCJJ3NA/Ub75n9v_v9I/AAAAAAAAAh4/Ia3S7SUjZco/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://lh6.googleusercontent.com/-YO3YxrrtJF4/Ub75uSgun5I/AAAAAAAAAiA/SoLiYEeM6kk/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://lh6.googleusercontent.com/-IoDB3gNT-bI/Ub752_lUNwI/AAAAAAAAAiI/cD32K1udw84/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://lh5.googleusercontent.com/-Ve4viqVSQwc/Ub759b5d-lI/AAAAAAAAAiQ/vsw-MdKvOZg/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://lh4.googleusercontent.com/-rdA5qnc0IXs/Ub76FBUxA8I/AAAAAAAAAiY/asTSnDcb7yQ/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://lh5.googleusercontent.com/-BeasiCfTWIk/Ub76LJO6HPI/AAAAAAAAAig/E0dNW5BN1jM/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://lh3.googleusercontent.com/-d56PUaAltII/Ub76ait-crI/AAAAAAAAAio/xLTycXa6R8k/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://lh6.googleusercontent.com/-YtYQKeA-GJY/Ub76kXbSNXI/AAAAAAAAAiw/C2QnVe7C3ao/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://lh6.googleusercontent.com/-6PXEDmiUg8k/Ub76r6FoEqI/AAAAAAAAAi4/WX-lP7aIT90/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://lh5.googleusercontent.com/-uoHRW1M20yg/Ub760JlSbKI/AAAAAAAAAjA/02Ec3qLTk1M/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.


About Author:

Hi, Its me Aamir Khan, Owner of HACKING ARTICLES. I am an Ethical Hacker, Pro Blogger, addicted Web Developer and Security Researcher with experience in various aspects of Information Security. I am from Pakistan.Hacking is my passion and i wanna myself to be called as a LEGEND in this field.

Follow him @ Twitter | Facebook


1 comment:

  1. Hello My Name Is FAIQ-UL-Hussain
    Soo Pleasee Visit My Website And Leave A Comment In All My Post Follow My Website And Like In Facebook http://facebook.com/smartboyfaiq
    And My Website
    http://smartboyfaiq.blogspot.com


    .....................▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ...............▄▄█▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓█▄▄ ............▄▀▀▓▒░░░░░░░░░░░░░░░░▒▓▓▀▄ .........▄▀▓▒▒░░░░░░░░░░░░░░░░░░░▒▒▓▀▄ ........█▓█▒░░░░░░░░░░░░░░░░░░░░░▒▓▒▓█ .....▌▓▀▒░░░░░░░░░░░░░░░░░░░░░░░░▒▀▓█ .....█▌▓▒▒░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█ ...▐█▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█▌ ...█▓▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█ ..█▐▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒█▓█ ...█▓█▒░░░░░░░░░░░░░░░░░░░░░░░░░░░▒█▌▓█ ..█▓▓█▒░░░░▒█▄▒▒░░░░░░░░░▒▒▄█▒░░░░▒█▓▓█ ..█▓█▒░▒▒▒▒░░▀▀█▄▄░░░░░▄▄█▀▀░░▒▒▒▒░▒█▓█ .█▓▌▒▒▓▓▓▓▄▄▄▒▒▒▀█░░░░█▀▒▒▒▄▄▄▓▓▓▓▒▒▐▓█ .██▌▒▓███▓█████▓▒▐▌░░▐▌▒▓████▓████▓▒▐██ ..██▒▒▓███▓▓▓████▓▄░░░▄▓████▓▓▓███▓▒▒██ ..█▓▒▒▓██████████▓▒░░░▒▓██████████▓▒▒▓█ ..█▓▒░▒▓███████▓▓▄▀░░▀▄▓▓███████▓▒░▒▓█ ....█▓▒░▒▒▓▓▓▓▄▄▄▀▒░░░░░▒▀▄▄▄▓▓▓▓▒▒░▓█ ......█▓▒░▒▒▒▒░░░░░░▒▒▒▒░░░░░░▒▒▒▒░▒▓█ .........█▓▓▒▒▒░░██░░▒▓██▓▒░░██░░▒▒▒▓▓█ .........▀██▓▓▓▒░░▀░▒▓████▓▒░▀░░▒▓▓▓██▀ .............░▀█▓▒▒░░░▓█▓▒▒▓█▓▒░░▒▒▓█▀░ ............█░░██▓▓▒░░▒▒▒░▒▒▒░░▒▓▓██░░█ .............█▄░░▀█▓▒░░░░░░░░░░▒▓█▀░░▄█ ..............█▓█░░█▓▒▒▒░░░░░▒▒▒▓█░░█▓█ ................█▓█░░█▀█▓▓▓▓▓▓█▀░░█░█▓█▌ .................█▓▓█░█░█░█▀▀▀█░█░▄▀░█▓█ .................█▓▓█░░▀█▀█░█░█▄█▀░░█▓▓█ ..................█▓▒▓█░░░░▀▀▀▀░░░░░█▓▓█ ..................█▓▒▒▓█░░░░░░░░░░░█▓▓█ ....................█▓▒▓██▄█░░░▄░▄██▓▒▓█ ....................█▓▒▒▓█▒█▀█▄█▀█▒█▓▒▓█............

    ◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄ ░█░░░█░█░▄▀░█▀▀░░░░▀█▀░█░█░█░▄▀▀░ ░█░░░█░█▀░░░█▀░░▄▄░░█░░█▀█░█░░▀▄░ ░█▄▄░█░█░▀▄░█▄▄░░░░░█░░█░█░█░▄▄▀░ ◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄◄

    ReplyDelete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.