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/AVvXsEhZcvKbgeH1WxQtOxxsRkRSPwnifbLJ7_d8y09bpm6szmopAputIpvRtXByjP2FnEu3jEUqkxYYwohB1vT7eaYNKMXv7cXybgjJk2QBQEyadoZW-wMd5JA_DMvIbxHPBcqGaoqtw3hIWlI/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.
Post a Comment