How To Add Sticky Notification Bar To Blogger ? - SUBILINK

Latest

here u can get all mixed information and content just like wallpapers,Sweet and Cute Sms,Pc tips and triks,Hacking Tips and Tricks,Facebook tips and tricks,Windows Tips and Tricks,Mobile phone tips and Tricks,softwares, upcomming events,buddha quotes ,,health tips of the day,etc

hot post

Sunday, September 20

How To Add Sticky Notification Bar To Blogger ?


Hey Guys this is Bibek Here Again With One More Interesting Trick For The Blogger. Most Of You Blogger Want To Show Your Important Posts At First When The Blog Opens. If Yes You're Wish Is Going To be Fulfilled Yes I Am Going To Give You Something That Can Really Make This Happen

A Sticky Notification Bar Which Can Simply Show Your Most Important Post's Or Any Other Message You Want To Give To Your Blog Fan's. See The Picture Below
You Can Change The Message According To You And We Are Giving You The Option To Close It Also. So, Do Wanna Get This Amazing Notification Bar For Your Blogger Then Follow My Step's Below.

1. Go To Blogger Dashboard
2. Then Go To Template's Note-: Please Backup Your Blog Before Doing This
3. Click Edit HTML
4. In The Code Click Anywhere And Press CTRL+F In Your Keyboard And Search For </body>
5. Post The Following Code Just Above The </body>

Note-:In The Following Code Modify The Red Colour Code According To Your Need
le>
#wcsticky-container {
  height:46px;
  width:100%;
 position:fixed;
z-index:9999999;
  top: 0px;
left:0px;
 background:#222222;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
color:#ffffff;
 border-bottom:solid 2px green;
-moz-box-shadow:5px 5px 5px #333333;
-web-kit-box-shadow: 5px 5px 5px #333333;
-goog-ms-box-shadow: 5px 5px 5px #333333;
box-shadow:3px 2px 4px green;
}

#wc-stickylinks
{
color:orange;
font:14px verdana;
margin-top:12px;
margin-left:20px;
text-decoration:none;
}
#wc-stickylinks a
{
font:14px georgia, verdana;
color:#ffffff;
text-decoration:none;
}
#wcstickyclose
{
float:right;
margin-top:15px;
margin-right:20px;
}
#wcstickyclose a
{
color:#ffffff;
text-decoration:none;
font:14px verdana;
padding:3px;
background:red;
border-radius:10px;
}
#wcsticky-main
{float:left;
}
</style>
<script language='JavaScript'>
function closesticky() { 
document.getElementById("wcsticky-container").style.visibility = "hidden"; 
} 

</script>

<div id='wcsticky-container'>
<div id="wcsticky-main">
<p id='wc-stickylinks'> Popular Topics:<a href='paste Notification 1 link here'>  Notification 1</a> | <a href='paste Notification 2 link here'>Notification 2</a></p>
</div>
<div id="wcstickyclose">
<a href="javascript:closesticky();" >X</a>
</div>
  </div>

No comments:

Post a Comment