40 11+ Featured Content Slider for Blogger Using jQuery

You’ve probably noticed that a lot of websites lately have a featured area with content that slides or changes in some way.content sliders are a great way to show large amount of content on a smaller area of a web page or blog. Dynamic auto sliding content sliders are a lot popular on numerous websites over the web.This is a great technique to show several pieces of content in a limited amount of space and a good way to engage the user.

UPDATE: I updated some of my posts, this post I update 17+ Featured Content Slider for Blogger Using jQuery ..........

Live Demo

16 Related Posts Widget with thumbnails for Blogger

One of the best way to increase page views and readership is using a related posts plugin. After the huge success of thumbnail realated posts widget by linkwithin, Aneesh developed the same widget using custom code which was indeed more reliable and totally customizable.

20 how to Add yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments.

Now Friends you can use yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments as well.today i'm give you cool emoticons for blogger comments.you can add this most wonderful emocation for your blog.Now I will tell you how to install yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments.

UPDATE: I updated some of my posts, this post I update 17+ Featured Content Slider for Blogger Using jQuery ..........

Tutorial Step by Step


1.Login to your Blogger dashboard > Layout > Edit HTML and check the "Expand Widget Templates" box.
As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.

24 Free Feedjit LiveTraffic Feed For Blogger

Ever wanted to see where traffic is coming from on your blog?
Live traffic widget can help you to show visitors’ traffic flow.
So you can see in real time, WHO, FROM WHERE coming on your site and ON WHICH ARTICLE!!
Feedjit is a free tracking tool that tracks visitors to a blog in real time and identifies what pages are visited. FFeedjit gives you up to the minute information about where they are from, the type of browser used, the landing page your visitors arrive at and where they exit from. It also displays the search keyword or keywords the visitor used to access your blog and will help you understand more about the content your visitors are interested in.Feedjit is one of the most popular website which provides the LiveTraffic Feed widget.You don’t need to send any email request or no need to even register yourself to get the widget.It is easy to place a Feedjit Live Traffic Feed widget into the sidebar or footer of your Blogger Blogspot blog. It only takes a few minutes to customize the look of the widget to suit your blog and paste the Feedjit javascript code into a gadget in your Blogger sidebar or footer.

Feedjit not only provides “Live Traffic Feed” widget,There is a choice of 4 different widgets: Live Traffic Feed, Live Traffic Map, Recommended Reading, and Page Popularity. Each of these widgets has different functions:


How To Install Free Live Traffic Feed From FeedJit On Your Blogger

19 Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves to Your Blog

Guest Post - By 24work



Perhaps by Christmas cheer to your blog once covered (colored) stars?

You Might Want to decorate your Christmas blog with falling stars?

yeah this tutorial will show you how to Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves to Your Blog.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.Adding a colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves posts widget is very easy...


Simply log in to Blogger -> go to Layout ->, click on "Add a Gadget", and select it as "HTML/JavaScript" type.

And finally paste this code in to it:

17 Add Automatic ShortURL Widget For Every Blogger Post

This tutorial will explain how to automatically generate short urls (using the bit.lyAPI) for every Blogger post, and display this URL in a box at the bottom of each post .

Now, using bit.ly’s API, Twitter’s default service, we can create and publish short URL’s for every entry on Blogger.

Tutorial Step by Step

1.Login to your Blogger dashboard > Layout > Edit HTML and check the "Expand Widget Templates" box.
As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.
Now find (CTRL+F) this code in the template:
</head>
And immediately before it, paste this code:

8 Referring URL Tips & Tricks to Blogger Blog

Welcome Messages

Quickly give your site a personal feel by including a welcome message on your page or in an alert box that pops up when your page loads.

Use this to place it in the BODY of the document:

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers
if (document.referrer != '')
document.write('Thanks for visiting from ' + document.referrer);
//-- Stop hiding script -->
</SCRIPT>


If you prefer an alert box, use this in the HEAD section:

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers
if (document.referrer != '')
alert('Thanks for visiting from ' + document.referrer);
//-- Stop hiding script -->
</SCRIPT>

In this particular script, using the NOSCRIPT tag is optional because you aren't including any important site information in the alert box or document.write statement.

UPDATE:  I updated some of my posts, this post I update Free Backlinks for Blog and Website........

1 How to Stream MP3 Music on Your Blog

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 player.

STEP #1 Log in to Blogger, go to Layout

19 Animated Recent posts for blogger with thumbnails and Simple Spy

STEP #1 Log in to Blogger, go to Layout

16 Scrolling Title in Browser title bar for blogspot

One of the most common uses of JavaScript is to create a scrolling message in the browser's status line. You can create a scrolling message using the string methods you have learned in this hour.

To begin, you'll need to define the message to be scrolled. You will use a variable called msg to store the message. To begin the script, initialize the variable (feel free to choose your own text for the message):

Steps to follow:

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

<head>

And immediately before it, paste this code:

5 Page load timer script: show your page loading time

Steps to follow:

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template
<head>

And immediately after it, paste this code:

<!-- page load timer -->
<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime();  //Get the start time
</script>

18 Add Floating Hover Text - Which Trails Mouse Cursor

If you want to show any text like "Welcome Here" or "Sign My Guestbook"or "Your Text Here", which follows the mouse cursor (trail text effect), like the one displayed in the image


STEP #1 Log in to Blogger, go to Layout

6 How to Install Floating Social Bookmark on Blogger.

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

]]></b:skin>

And immediately ABOVE/BEFORE it, paste this code:

3 Add a Floating Bar (Always On Top) To Your Blog

This script displays a floating bar that sits at the top of the window, gliding gently back into view when the page is scrolled. Regular HTML content can be shown inside of it. And to make the bar less intrusive, once it is closed (by clicking on the "x"), the bar can be set to dismiss for the entire duration of the browser session, by using cookies. Reloading the page won't bring it back. Sites like About.com use something similar to display important tidbits of information.

STEP #1
Log in to Blogger -> Layout -> Edit HTMLand select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template:

</head>

.,

And immediately ABOVE/BEFORE it add these lines:

8 Add Floating Share Buttons Like Mashable to Blogger

Instructions To Follow:

STEP #1

Log in to Blogger, go to Layout -> Edit HTML

and mark the tick box "Expand Widget Templates"


STEP #2

Now find (CTRL+F) this code in the template:

]]></b:skin>

And immediately before it, paste this code:

9 How to Add Floating Back to Top Icon Button in Blogger

Today we’ll learn a very easy and important trick, Specially if you have got a lot of content on you blog pages, And if you want your blog to be easy to use for your visitors, A back to top link or button on your blogspot blog will make it easier and faster to your visitors when it comes to fast exploring and browsing.

Ad

Now we’ll see how to add

STEP #1 Log in to Blogger, go to Layout