SSL Security You Can Bank On at GoDaddy.com Flexible Cloud Hosting from GoDaddy.com, starting at $.05 per hour!

Monday, January 30, 2012

Make a Sticky bar with Feed Subscriber box


As last time we give you the Sticky Bar with fb like button and Google +1 button but in this tutorial you can add a sticky bar Feed Subscriber Box.



Sticky Bar With Feed Subscriber Box

  • Login to Blogger > Dashboard
  • Go to Design > Edit HTML
  • Check Expand Widget Template
  • Search ]]></b:skin> 
  • Paste below code just above ]]></b:skin>


#md-stickybar{
background:#0033CC url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8DleFL_whw0_3wL14hxH-5xrGv3JEEXRryobkbCB4Q0UmGWNerofatFasg54wmC14zuVM0a5o6CwNwNBxzHmiXO4_YwwROfyrjyxEJt_58R1hTb1ekiowSKWN-ufANuoN2dBIctaV1w/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 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;
}
#md-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#md-stickybar a:hover{
text-decoration:underline;
}
#md-stickybar p {margin:0; list-style:none;}
#md-stickybar img {vertical-align: middle;
margin-right: 6px;
}

#mdenteryouremail{
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999; font-size: 12px;
height: 25px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
}

#mdsubmitbutton{
background:#3399CC;
border: 1px solid #F66303;
text-shadow: 1px 1px 1px #333;
box-shadow: 3px 3px 3px #666;
font:bold 12px Arial, sans-serif;
color: #fff;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;}


  • Now Search for <body> 
  • Paste below code after <body> tag
Get all the latest news and updates direct to your inbox ►►►►►►►►►►

Make Changes....!

  • Search for fblatest/nflb two times in second coding area and replace it with your feed tittle.


Thanks for Visit Here Like Us on Facebook.
If Any Problem, Ask in Comments Follow US on Twitter.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
$1.99 Domains* at GoDaddy.com
Home | Advertise Here | About Author
Blogger Wordpress Gadgets

About Author

Hi....! I'm Hemant Verma, Graduate in Computer Applications in 2012, Love to Make Blogger Hacks and Like to Play with HTML and a Business Man. Read More....

Demanding Tut