Add Static Social Like Buttons With Popout Effect To Blogger - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOI3W7OLydO6rxhsA1zLRSP-iqMit0_dT6rjAPKhbPmO5U4jHEeFdHw_BL_UDi43P5Gvl5bG0UEDvpWQgDOdF7DP83jUCdMqcwYWBPj5pYYXgCAkekM7yGaoyZa-pDUrNyQCj6ApJqYss/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/AVvXsEjrfj9cgUDJXA30eNauFpjhGgzlmk41iEzPq1ZjaNNuN5pxZA7YLCUswak3lcmHtgX-WJaQIo6eyOYJTWQCWRJxOxRCMHYFliBkiKxpv12T-bEFs4qV60rKIQdeyC_iPZymN2Au-30dH9Y/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/AVvXsEjf5PfFxgAHsOoYTL2FGsKza1pLDf9xIfXAybcvmn9yFnAhoPTr7xZUoW4hn2vNszmA0dGyof67-VunNBexkSfvaQkMSNgtjKKXhc3tePn3V0W81B1F_qGRwmjB59gpDCLBEO3sUzMo_QU/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/AVvXsEhJIMHYlrbVSMGYeD94wAea7TGyxf2OYANdKcq5b-mWkq-vbmIwm4IzuXsT9J1HvjMudPSV9Fw3MyHKPyxRdbUA31NyAIjbH4kna5e74ilrpQw0QSy15C9MFyR50bpRkXd6fTbgBmrYuGc/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/AVvXsEgvS-wNO4nk_ijrK34B8HtHwLDu9lh7Pwj63d5iDBrKjohn8F2di2AqKX3v0Jomk2dN5mX-Q2zAE-Bby_H9Nk6opFBI6xRFM-zAns9C8ejky_23MZUbqnkQVx2joeitsceV8hakckrxBJE/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/AVvXsEhrzRiwScJzkML4bhCSBicYcDRXYicH82RnBplDWqKAIjpwE6AdqV8p00bEa6ia6nl_XqfkSeIQ-nRVECjjCCZKZqUVFVOpToCKk6O2RhAZ_h02dUNbeTg4bPcZNm6ONJhV6XB14hSx_4Q/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/AVvXsEh-QGV2wf98htbr2zjsSdOXKyG6KZN7pCkrVyPYyx28J8w70H_FWSxnQ55_clvrci_Y_z0kCmisNP0UTDxVZ2VWAHzdPLpu-y4CdfyCiCAjRFWIaBoLOALHnXHXZcqHkykRxCwxzidqhAA/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/AVvXsEieiV1uPliNLvkiqYW6YF_BbEWvW97XgcpQzk92PD9aBi99GVUBI3IRn9B5iEe4SIIIgcYV0mRSPZbDjhw-MWT8fqk4LV8B1Gmu2jXuQysK0Ypeei_Xy3xuW8_vDukYanm7YQFXXez3Tdo/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/AVvXsEhfcWWjHKfqsdN7excr-RFR1eR1n6dGSnkk0VXy1oeDa17Xw7IoIygGF2yA7NUPP2SGSFCbTXwhr81T69yXDFTzi6PaFsC_4jvcOgiTXiBXdOPUKx_EhNr1yILeLUd4Tk-wne_yqB_Djhk/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/AVvXsEg_YZseetNBMKs4rswT1CqvM97tqkLW2inPavbhmrtoJUZZvMWFFjWeyVl6J6dUimu-dX5IdVWObiuqj10pdDxnz1dgsxammcBU_mVgwgbqP513mLYClI-QKn6nV6cKqmzuTytcfnf_Tuc/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/AVvXsEizbdtK3gBXXVfaP7ZM3bM7gLtrikn0f9d9_MDuzmbqp4Rm5hgI9duQjZgfaQVwGVgB972w9AcMgt7oqIzHbNMVbl8XQwW8g_Iw1orGWZIMDRRHnOoBQW7X6eHz80pNUs_9iCV6QEr3DQQ/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/AVvXsEjCFCMWvQineSOSno0d84WmkoZFdueVudHdrxGict-F-5SxRyw5gILB8hx2bLacqtqSqehNwf8eL_mGd_AfYgH8LsT0G1zMSfYdKglIgmm0vsEYabi_uaSQMZ3RHNH4Hg7XsDI_qP8IjCE/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.

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.

Post Top Ad

Responsive Ads Here