How To Create Recent Articles Widget using Feed2JS

1.First Go to Feed2JS Website.Look at the picture below.2.Now fill in the form above.URL Enter the web address of the RSS Feed : http://yourblogname.blogspot.com/feeds/posts/defaultFill Other informations as your choice.Look at the example below.3.Now Click on 'Generate JavaScript'.Now you can get your JavaScript code.4.Log in to your dashboard-->...

Continue Reading...

How To Add Zoom Effect for images

1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see </head> tag.4.Now add below code before </head> tag.<script src='http://wam8387.110mb.com/FancyZoom.js' type='text/javascript'/><script src='http://wam8387.110mb.com/FancyZoomHTML.js' type='text/javascript'/>5.Now...

Continue Reading...

How To Create SnapShots for blogger blog

This allows web users to preview a website before visiting it. When hover your mouse over the link you can see a preview of website without visiting it.1.Log in to your dashboard--> layout- -> Edit HTML2.Scroll down to where you see this:</body>3.Now copy below code and paste it before above code.<script language="javascript" src="http://thumbnails.iwebtool.com/src.js?border=004891"...

Continue Reading...

How To Add FeedFlare below your Blog Post

1. Login to your Feedburner account.2. Click on the Feed Title.3. Click on Optimize Tab.4. Click on FeedFlare.5. Check on the services you want to display in your Feed or on your Site.6.There is a FeedFlare Preview/Ordering below the list of services. This lets you see how FeedFlare will appear in your feed and/or on your site. Just Click and Drag...

Continue Reading...

Another Good Post Rating Widget for bloggers

1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see this:<data:post.body/>4.After the above code , copy and paste the code below:<div class="js-kit-rating" title="" permalink=""></div><script src="http://js-kit.com/ratings.js"></script>5.Click on "Save...

Continue Reading...

How To Give New look to Your Links

1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see this:a:hover {text-decoration:underline;}4.Now Replace the above code with the code given below:a:hover {position: relative;bottom: 5px;left: 1px;color:#000000;}5.Click on "Save Templates" and refresh your site.Note : You can change...

Continue Reading...