Add Falling Snowflakes / Flowers / Leaves to Your Blog

Steps To Follow:Log in to Blogger, go to Layout, click on Add a Gadget and select it as HTML/JavaScript. And add any of the two code snippets: Falling Snow flakes:  <script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_snowflakes.js"> </script> And to display falling leaves, use this code: Falling Leaves:  <script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_leaves.js"> </script> And...

read more

A Simple Drop-Down Menu Using Jquery

STEP1: Log in to Blogger, go to "Layout" -> "Edit HTML"Now find this code: </head> and immediately BEFORE/ABOVE it, paste this code: <!--jquery-DD-Menu-Starts--><style type="text/css">/* menu styles */#jsddm{ margin: 0;padding: 0}#jsddm li{ float: left;list-style: none;font: 12px Tahoma, Arial}#jsddm li a{ display: block;background: #324143; /*DARK-GREEN*/padding: 5px 12px;text-decoration: none;border-right: 1px solid white;width: 70px;color: #EAFFED;white-space:...

read more

How Create 'To The Top Of Page' Link For Blogger

STEP #1 Log in to Blogger, go to Layout Add a Gadget of HTML/JavaScript type.  Then add this code in to it: <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.incontext.indiana.edu/images/to_top_arrow.gif" /></a>Now click S...

read more

Add Streaming Music or Songs audio mp3 files in your blogger posts

This tutorial will show you how to add streaming music or mp3 songs in your blogger post. Its much simple than any other trick found on the net because you just have to add a simple single code to your blogspot post. This will benefit most of the bloggers who runs music blogs. Lets first see what actually we are making, check the bellow player. 1. Embed streaming mp3 audio file with auto start function As you can see in the above player , the songs autostarts with the loading of the webpage....

read more

Total Posts And Comments Widget

STEP #1 Log in to Blogger, go to Layout Add a Gadget of HTML/JavaScript type.  Then add this code in to it: <script style="text/javascript">function totalPosts(json) {document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}function totalComments(json) {document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script><script...

read more

Page navigation with google style for blogger

 STEP #1Log in to Blogger -> Layout -> Edit HTMLand select the tick-box Expand Widget Templates Then, find (CTRL+F) this code in the template:]]></b:skin>And immediately before it, paste this code: #nav a,#nav a:visited,.blk a{color:#000} #nav a{display:block} #nav .b a,#nav .b a:visited{color:#20c} #nav .i{color:#a90a08;font-weight:bold} .csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png)...

read more