How to Create a Scrolling Sticky Footer to Blogger

Sticky Footer is Really a Cool Feature that Helps to Highlight Most Visited Links or Notifications on your Blog.When You Want to Show up or Highlight  Any Notes then this Sticky Footer is Really Useful Tool.It Sticks to Bottom of the Blog. So Follow the Below Steps to Add this Tool.




How to Create Scrolling Sticky Footer To Blogger:.


Login to Blogger < Template < Edit Html.
Now add the Below CSS Code to the Template.
Add the Below Code Above ]]></b:skin> Tag.

.simplestickybar{
position:fixed;
color:#FFFFFF;
left: 0px;
right: 0px;
bottom: 0px;
text-align:center;
height:40px;
background:black;
}

You Can Replace the Size and Color of the Sticky Footer At Any Time.


So After Adding the Code to the Template then You've Add Some Html Tags So that We Can Add a Message to the Sticky Footer.


Go to Blogger < Page Elements < Add a Gadget <Html/Javascript.

<div class="simplestickybar">
Your Message Here
</div>
Now Paste the Above Code in the Html Section and Add Some Message of Your Own. So That's it Now You're Done..

0 comments:

Blogger Template by Clairvo