Tips&Tricks: Blogger Background

Showing posts with label Blogger Background. Show all posts

You are Here → Home » Blogger Jquery » How to Add jQuery Nivo Slider to Blogger Blog How to Add jQuery Nivo Slider to Blogger Blog

Many of way2blogging readers requesting a awesome and easy to use image slider. before i given a simple jquery slider, which is something difficult to add slides and use. Today i am giving the World’s most awesome jQuery slider. which is jQuery Nivo Slider. jQuery Nivo Slider is free to use and it is offering great setting options to customize your slider, and it is very easy to use with my Widget Generators.

Pinterest is a new social networking site where you can share the awesome images found in the web. Pinterest is an online pin board where you can pin web photos/images and the images are displayed on Pinterest with a link to the source page of the image. Your friends and followers can re-pin(share) your image to their Pin Boards making your image and the post on your blog containing the image go viral. Pinterest is the fastest growing and one of the top social networks on the Web. By add the Pinterest Pin It button to your blog, your readers can easily Pin the article images to their Pin Boards and you will get a good amount traffic from Pinterest.

How To Add New Blogger Tag /Label Cloud Widget

1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see this:

]]></b:skin>

3.Now copy below code and paste it before ]]></b:skin> tag.

Add this useful widget to your blog to give your readers more options to increase their reading comfort.
It allow us to change the text color of the post area as black, white, blue and gray.
It allow us to change the text size of the post area as 10, 12, 14, 16.

Follow below simple steps to add this widget.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag.
3.Now add below code before </head> tag.

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this :

How To Add Icon Image Before Blogger Post Title

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:

How To Add Hover Menu Style Feature to Blogger Links

1.Login to your blogger dashboard.
2.Go to Layout- -> Edit HTML
3.Scroll down to where you see <head> tag :
4.Now add below code immediately after <head> tag .

How To Show HTML/CSS Codes On Coloured Background In Blogger Posts

1.Login to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag.
3.Now copy below code and paste it before ]]></b:skin> tag.

.csscode {margin : 10px 10px 10px 10px;padding : 5px;clear : both;list-style-type : none;background : #F9F7E8;;border-top : 2px solid #000000;border-right : 2px solid #000000;border-bottom : 2px solid #000000;border-left : 2px solid #000000;}

Look at the example below.

How To Add jQuery Scroll Background To Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .

How To Add Style to Mouse Cursor in Blogger 13 delicious

1.Login to your blogger dashboard-->Layout > Page Elements
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.

Numbered Page Navigation Hack For Bloggers

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag .
3.Copy below code and paste it just before the ]]></b:skin> tag.

How To Add Random,Rotating Images for Blogger Header

In this tutorial I am going to explain how to add random,rotating images for your blogger header background.When after you adding this feature to your blogger blog,header image of your blog will rotate/change in each page refresh.Before doing this trick you must create header images for your blog.In this tutorial I am going to show how to rotate 5 header images.
1.Log in to your dashboard--> Design- -> Edit HTML
2.Scroll down to where you see <body> tag.
3.Now copy below code and paste it just after the <body> tag.

Tips&Tricks

You are Here → Home » Blogger Jquery » How to Add jQuery Nivo Slider to Blogger Blog How to Add jQuery Nivo Slider to Blogger Blog

Add Dynamic Pinterest Pin It Button For Blogger / Blogspot