How to add Sticky Facebook Like and Google+
Here is yet an another Blogger widget i would like to share here,although i didnt design this thanks to MBT but i hope will do release my own designs on blogger soon
Everyblogger hunts for Facebook fans , Twitter and google+ followers,needless to say that visitors are the main part to play on any blog or website.But getting them back to each of your update is very crucial part and blog owners are using many techniques for it and some of them works well.
In my previous post in blogger widgets,i’ve shared
Follow this simple steps:
1.Goto Blogger> Design > Edit HTML
3. Paste the following code just after the above code:
/*MBT Stickybar*/
#mbt_bar{
background:#0080ff url(‘http://3.bp.blogspot.com/-zQeUG7PU9Uw/TmkiptyZ1eI/AAAAAAAAE98/At4tRBC9HQc/s400/stickybar.png’) repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,”Helvetica”,sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}
4.Now find and Just paste the below code above
/*MBT Stickybar*/
#mbt_bar{
background:#0080ff url(‘http://3.bp.blogspot.com/-zQeUG7PU9Uw/TmkiptyZ1eI/AAAAAAAAE98/At4tRBC9HQc/s400/stickybar.png’) repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,”Helvetica”,sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}
5. Finally, find
and paste the following code below it.
Stickybar with social PluginsLiked us?
Replace StudentsCrunch with your facebook fan page name.
6. Preview your Template and Save it! Thanks MBT
Thats it.The social share sticky bar alternative to HELLO bar has been installed on your blog .
You can also use this widget to make an announcement to your visitors like Free Ebooks, Giveaways ,contents.So that your visitors will be more engaged on your blog.
If you like it ,do share it..Thanks friends..
tags: facebook like box at top of blog,fb like widget,google plus widget for blogger,facebook like button float on top,blogger widget,new widgets for blogger

