WebMasters Guide

HTML COLOR CODES

2011-10-05T12:58:00.000+00:00

HTML COLOR CODES GENERATOR

Generate your own hex color codes with this Flash based chart
Hex Code Generator for color selection for your web projects.
Get HTML color codes for your website. Color chart, color picker and color palettes.
Color Picker façon Photoshop Valeurs couleurs HSB - RGB - Hexadécimal

Just Select the Color with your mouse and copy the HEX code
any problem with the tool leave a comment to resolve it.
Good luck.

Change Blogger Mouse Cursors (+1000 Free Cursors) Easy Way

2011-09-06T12:51:00.000+00:00

Change Blogger Mouse Cursors (+ 1000 Free Cursors ) Easy Way

I know a lot of blogger who want to control the look of every part of the blog, from template, to colors, font size, to style, and some people asked about changing the blogger mouse cursor, So today we are gonna talk about it in the easy way,

It can be done in only one step. Want to see a demo, then please click below and look how mouse is looking.

How to add it.

Go to your blogger account, And navigate to dashboard >> design >> edit html >>

And find the following code,

]]></b:skin>

And exactly before it, add the following code

body, a, a:hover {cursor: url(http://cursors1.totallyfreecursors.com/thumbnails/rainbow-ani.gif), progress;}

And now click "Save Template"

The above step will give you a mouse cursor just like the one in the above demo blog, And because the aim of this tutorial is to give you all control over your blog cursor, So you can just change the red part in the above code
To What ever cursor url you like, So the code should be

body, a, a:hover {cursor: url(Cursor-Url), progress;}

And the question now is how to get another cursors.

Free sources for +1000 ready to use mouse cursors.

On this 2 links you’ll find more than 1000 free and ready to use cursors well categorized, so you just browse and find your favorite one, once you found your favorite one, replace the red words in the above code with it’s url.

Related Titles:
How To Change Blogger Mouse Cursors In Easy Way ( + 1000 Free Cursors )
How To Change Mouse Cursor on Blogger.
how to change my cursor in my blog
change mouse cursor in blogger blog to animated cursors.

Adsense Revenue Sharing for authors in Blogger Blogs

2011-09-04T18:19:00.000+00:00

This cool trick shows how to implement Google Adsense Revenue sharing feature in blogger(blogspot) blogs:

Do you run a blogger blog which is controlled by multiple authors ? Are you looking for an idea to share revenue with your co-authors? If so, then this nice Blogger trick solves all your problems.

First, What is Adsense Revenue Sharing ?

Suppose, you're the administrator of a blogger blog which has multiple guest authors. If you want to share the blog revenue with them, normally you divide the total revenue based on the Post count or Pageviews. But, most of the time it may not be accurate because CPC and CPM varies from post to post depending on the keywords,etc. So, it may not encourage the team members to post more stuff .

But, with this cool trick, you can share the blog revenue with them more precisely because every author gets his own ad displayed in all the posts he/she does.

So, lets see how to add this feature to your blog..
For example, If your blog as 3 authors - John, Ricky and Britney

1. Sign into Blogger » Layout » Edit html. and Tick the "Expand Widget Templates"

2. You can insert the ad anywhere you want in the post body.. In this example, I'll show you how to add it inside the blog post (between the post title and post body).

Find this line:

<p><data:post.body/></p>

and Paste the below code above that line

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "John"'>
PASTE THE AD CODE OF JOHN HERE
</b:if>
<b:if cond='data:post.author == "Ricky"'>
PASTE THE AD CODE OF RICKY HERE
</b:if>
<b:if cond='data:post.author == "Britney"'>
PASTE THE AD CODE OF BRITNEY HERE
</b:if>
</b:if>
<br/>

Replace the Names with your Blog authors (Case sensitive)

3.Don't Copy and Paste the Adsense Code directly in the template. First, Go to this Blogger Ad Code Converter Page and paste your adsense code in the box provided and click on "Convert Ad Code".
Now, copy that code and paste it in the template.(Look at the screenshot below)

and Finally, SAVE THE CHANGES.

From now on, Each member of your blog can monetize their posts with their own adsense ads... Happy Blogging :)

Note: You can use the same hack to put other advertising networks aswell.. like adbrite,bidvertiser,etc.

Related Titles:
Adsense Revenue Sharing Feature in Blogger Blogs.
Implement AdSense Revenue Sharing on a Multi-Author Blog.
What is the AdSense revenue share?
Adsense Revenue sharing in blogger.
how to Sharing adsense revenue in blogger.

Make your Blogger Blog ready for Mobile Phones

2011-09-04T17:52:00.002+00:00

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..
Follow the procedure to do this:

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

2.Find this line..

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

3.Paste this code below that line...

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

4. click on the orange "Save Changes" button

That's it! Now, your visitors can access your blogger blog through mobile phones with blazing speed.

Related Titles:
How to Make your Blogger Blog ready for Mobile Phones.
Make your Blogger Blog ready for Mobile Phones.
Make your Blogger Blog compatible with mobile phones.

placing adsense ads between and inside posts blogger

2011-09-04T12:51:00.000+00:00

Adding adsense ads inside blog posts is a very good thing to do to increase your CTR.
CTR means"(the number of times your ad clicked) divided by (number of times it is shown).So,the more CTR you have,the more $$ you get.

WebMasters Guide

HTML COLOR CODES

Change Blogger Mouse Cursors (+1000 Free Cursors) Easy Way

Adsense Revenue Sharing for authors in Blogger Blogs

Make your Blogger Blog ready for Mobile Phones

placing adsense ads between and inside posts blogger

Google +1 a new way to Share Your site or your Blog

VideoBlog Blogger Template

Auto Style Blogger Template

Play FootBall Blogger Template

Vital Blogger Template

Football Fan Blogger Template

NitroMac Blogger Template

Viera Blogger Template

Hubs Blogger Template

How To Install a Blogger Template !

Add Share Buttons to custom templates Blogger

How to make SEO friendly URL structure for wordpress

make your blog friendly to search engine with {Meta Tag}

Adsense, Earn money from your blog [beginning]

How to index your site in search engines

How to create a blog on blogger platform

Adsense and HTML Code Converter

Blogger Ad Code Converter

How to add FOLLOWERS widget to blogger

Add a poll widget to your blog

Tips for choosing your blog template