97 Change Blogger Mouse Cursors / Mouse Pointer / cursor cursors / Mouse Cursor for Blogger

How do I change my Blogger mouse cursor ? You should know that some people find web pages mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download. In this tutorial we show you how to easily change the default mouse cursor white something a little more exciting. How To Change Blogger Mouse Cursors In Easy Way.

37 Add Falling Snowflakes / Snow / colored stars / Yahoo Smiley Emoticons to Your Blog

Guest Post - By 24work

Now Google’s blogger.com is provided some more new option to its users world wide.

In this post 24work shares a fantastic script he created Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog



Live Demo - Click To See The Demo : Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog


24work writes how to Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog. share his new script with bdlab Readers.I will write summarise the steps and how to Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog.

Note - This post and script can not be republished on other blogs by request of Author, if you want to share this you may link to this post.

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

168 17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes

Add drop down menu in blogger you need is just a little bit of CSS and HTML code and put that code at the right place in your blog and done.Here is a list of 17+ Horizontal CSS Drop down menus.May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I tried to give a mild solution of horizontal CSS drop down menus.adding drop down menus in blogger can benefit your readers to find out the intended Posts of the blog with ease.so lets start now introducing the menus one bye one, whichever you like just copy code and paste the code.

UPDATE: I updated some of my posts, this post I update 35+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes ..........

Live Demo

183 How To Create Your Own Blogger Template Theme

There are many people using Google's blogspot platform for their blogging uses. Blogger is the most simplest and the easiest way to get yourself on to the top of Blogging.Blogger provided default templates, they were far from being called good. It allows you to customize HTML to make your own templates, but they require advanced knowledge.This tutorial will cover the steps needed to create your own blogger template.

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

43 22 Amazing Examples To Customize Blockquote Style In Blogger blogspot blog!

Whenever I put hacks codes for the blogger who used the blockquote function are the quotes that appear when you post something you want to ENHANCE your post.Porém in when he wrote that he wanted to highlight something in the posts were featured on the same hacks. So I decided to differentiate the citations codes hacks using a very simple feature that can be embedded in your post during its creation, it is this box of code that you see when you post the codes. (I'm still updating older posts putting the boxes to the codes). First let's learn a little about the function BLOCKQUOTE :

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

Live Demo

36 How To Enable Mobile Version Template On Blogger (blogspot) Blog

Hi! Everyone, hope you all are fine.Today in this post I will tell you how you can enable mobile version template in your Blogger.com blog. Today when I login to Draft.Blogger.com I show Blogger has bought one new feature for mobile readers. You can only able to enable it through Blogger in Draft.

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.

13 233 Brilliant CSS / JavaScript / jQuery / XAML / PHP / HTML Coding Techniques

These tutorials will teach and show you details about the scripting language of web, JavaScript which is used in millions of web pages to add functionality, validate forms, detect browsers, and much more. Wide ranging topics are covered in these JavaScript and Web Development tutorials, including jQuery snippets for different functionalities, using sIFR in Wordpress, XML parsing using jQuery, inline sliding panels in JavaScript, PHP and JavaScript, Silverlight and JavaScript, securing authentication without SSL Using JavaScript and a many other web dev topics related to JavaScript.

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:

19 Animated Recent posts for blogger with thumbnails and Simple Spy

STEP #1 Log in to Blogger, go to Layout

14 How to Make your Blogger Blog ready for Mobile Phones

As you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.

From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.

So, here is how to make your Blogger (blogspot) blog mobile internet friendly..

1. Sign into your Blogger account > Design > Edit html

2. Search (Ctrl+f) for the following line (it will be on top side)

<b:include data='blog' name='all-head-content'/>

3 .Now after this line add the following 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>

6 Animated (On Hover) Fixed-Floating Twitter-Follow Me Badge

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:

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:

24 Add AutoHiding Social Bookmarking [Sharing is Sexy/Caring] Widget To Your Blog

You must have noticed Sharing is sexy/caring social bookmarking autohide widget on many blogs and websites. This widget is very different than other available social bookmarking buttons. The graphics looks very stylish and different. The button of this widget has autohide effect when hover on it. All that makes it a must have widget for any blog. Here in this post, i will explain how you can add Sharing is sexy widget to Blogger blog after every post.



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 before it, paste this code:

4 Simple Mouseover Effect Code For Images

DEMO: Hover mouse over the image!

Here are the codes:

• If you have to place image with mouseover effect through "Add & Arrange Page Elements" section on Blogger use this code (this code may work on IE);

2 How To Add Twittley Retweet Counter Buttons to Blogger

Twitter has become the most important tools for webmasters as its among the top social bookmarking websites. Its a headache for them to Search the appropiate retweet button and script for there Blogs and websites. So here is a little thing you can do by using one of those impressive Twitter Retweet Counters so that your readers can share your blog posts with ease.

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:

<div class='post-header-line-1'/>

3.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.