Skip to main content

Posts

Showing posts with the label jQuery

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner. Read More: 1. Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery Live Demo How to Install Animated Recent posts for blogger with thumbnails and Simple Spy Now let's start adding it... Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. Step 2. After click on Add a Gadget link A pop-up box will open now with many gadget list, Choose HTML/JavaScript fro

Add Multi Tabbed Navigation Widget To Blogger Sidebar

Hi Friends, Today I am going to share how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog’s sidebar.It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI. How to Install This Widget on Blogger? Steps... A. Adding Script Code B. Adding CSS Theme Code C. Adding HTML Code Adding Script Code How to add HTML-CSS-Javascript Codes to your Blog ? This is very simple and easy you only follow below steps and add this widget in your blog. Step 1 Log-in to your Blogger account . Step 2 Backup your Template. Step 3 Click on The Template >> Edit HTML >> Proceed . Step 4 Now find [by pressing Ctrl  +  F  ] this code in the template: </head> And immediately Before it, paste this code: <script src="http://ajax.googleapis.com/ajax/libs/jquer

Recommended Post Slider Widget for Blogger with Twitter / Facebook share button

In this post I have an awesome new gadget that can be seen Wordpress blogs is now available for Blogger.Recommended post slider in each post is interesting widget.Those of you who follow some Wordpress blogs have seen the recommended or related posts slider.You may have seen this type of widget in many popular websites like The New York Times, Mashable, Times of India, etc.The widget is originally developed by bloggerplugins, i just changed something in the widget.It keeps readers to read more pages of your blog. How to Install Recommended Post Slider Widget for Blogger with Facebook,Twitter share button I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog.. Step 1: If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget. Add a Gadget of HTML/JavaScript type. If you're using the new B