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 ;)

sticky bar,social shae,blogger widgets

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

In this very post,you will know How to add Sticky social share widget or custom announcement bar for your blog / website.

Follow this simple steps:
1.Goto Blogger> Design > Edit HTML

2.Find ]]>
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 Plugins

Liked us?

Technology

Recent Posts

Apple News