1 HTML COLOR CODES


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.

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

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.



0 Adsense Revenue Sharing for authors in Blogger Blogs

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.

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

0 placing adsense ads between and inside posts blogger


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.

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

The +1 button lets you start great conversations. When you click +1 you're publicly recommending pages across the web. You can also use +1 to share with the right circles on Google+. +1’s can help improve Google Search too, since you can see which pages your social connections have +1'd right beneath search results and ads.

0 VideoBlog Blogger Template

VideoBlog Blogger Template
Template name:VideoBlog
Template Type:Video Blog is first free galleria Blogger template by Deluxe Templates which will be best theme for your music or movie blog. Just install and blog no need any trick. 3 columns with left and right sidebar, gallery, blue and black colors, search box, ads ready.

0 Auto Style Blogger Template

Auto Style Blogger Template
Template name:Auto Style
Template Type:Blogger Template with 2 column, fix width, right sidebar, space for ads, Ads Ready, slideshow, Ready Social Widgets, RSS, Twitter Widgets, posts thumbnails, Gravatar on comments, Gray background, Search Box Ready.

0 Play FootBall Blogger Template

Play FootBall Blogger Template
Template name:Play FootBall
Template Type:PlayFootball its a game Blogger template with a 2 columns, and the background of Manchester City Stadium, its free premium theme.
2 columns with a right sidebars, widgets ready, social icons, featured posts, search box.
Relised Date:July 22,2011

0 Vital Blogger Template

Vital Blogger Template
Template name:Vital
Template Type:1 Sidebar, 2 Column, Adapted from WordPress, Blue, Featured Section, Fixed width, Header Banner, Magazine, Premium, Right Sidebar, Red, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White
Relised Date:December 29, 2010

0 Football Fan Blogger Template

Football Fan Blogger Template
Template name:Football Fan
Template Type:As its name implies, Football Fan is a free template for Blogger, ideal for football blogs with CSS3.
Relised Date:Augoust 21,2011

0 NitroMac Blogger Template

NitroMac Blogger Template
Template name:NitroMac
Template Type:2 Sidebar, 3 Column, Adapted from WordPress, Blue, Elegant, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White
Relised Date:June 21,2011

0 Viera Blogger Template

Viera blogger Template
Template name:Viera
Template Type:2 Sidebar, 3 column, 3 Column footer, Adapted from WordPress, Elegant, Featured Section, Fixed width, Green, Header Banner, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White
Relised Date:Augoust 25,2011

0 Hubs Blogger Template

Hubs Blogger Template
Template name:Hubs
Template Type:2 Sidebar, 3 Column footer, Adapted from WordPress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Orange, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White, Yellow
Relised Date:June 8, 2011

0 How To Install a Blogger Template !

How to install a Blogger template?
to make it easier for you, here is the complete tutorial on how to install blogger templates downloaded from this site..


Initially follow the following steps :
1. Download the template.
2. Unzip the file.
3. Template files

12 Add Share Buttons to custom templates Blogger

Share Buttons feature which makes it easier for your Blog visitors to bookmark, tweet, fshare, email , google+1, etc your post.




But, if you're using any custom blogger template. you may not see the widget appearing in blog. even though you activate it.

So, if you have that problem. here is how to fix it. (before making any changes..first backup your template)

2 How to make SEO friendly URL structure for wordpress

WordPress is the best blogging platform. You can do anything and everything easily. In this post I will talk about URL structure of wordpress and how can you make it SEO and user friendly. By default the wordpress URL structure is like this http://goalz.co.tv/?p=661.



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

Everyone knows the importance of search engines in the success and popularity of a website, When we talk about search engine automatically We're talking about spiders,

The first thing that see these spiders in your blog is the meta tag I mean keywords, description and title of your blog,

 for  Example, suppose you put the word computer in the "keywords". When a person looking for  "computer" will spiders put your blog in the first results
on this post i will explain 7 META TAG and its importance in improving the search results (search engine optimization) 

0 Adsense, Earn money from your blog [beginning]

Any site or blog need moral and material support To continue in the tender and shine
You will learn in this subject the method of registration in the Google AdSense program put ads on your blog

Before we begin this simple definition for Google Adsense



Initial release : June 18, 2003

1 How to index your site in search engines

In this post we will learn how to make a sitemap for our website and added 
to the search engines Like Google




The first thing we have to enter to this site, will make a sitemap


www.xml-sitemaps.com

0 How to create a blog on blogger platform

How to create a blog on blogger

absolutely the way is so simple and all body know how create one
but may be some didn't know or he find some problem During Signup
this topic for them i will explain every stage from stages of signup and post the first blog





1 Adsense and HTML Code Converter

Blogger Ad Code Converter

If you want to add Adsense Ad units or any other ad scripts inside the Blogger Post or anywhere in the Blog, You can't directly Paste it in the template code. You need to first convert the code using this HTML Entities Encoder tool and then you can put ads anywhere you want

7 How to add FOLLOWERS widget to blogger

How to add FOLLOWERS widget to blogger


You Want to know who regularly reads your blog and set up a public base of loyal readers for your blog?


So you must add this tool until it becomes its own blog FOLLOWERS





Add this gadget is very simple

login on your account Go to "Dessign" then "Page Elements"


Click on the link "Add Gadget" which appears on the sidebar of the layout


In the pop-up window look for this tools "Followers" and click on it


Now you can save with the default style of your template


and you can choose a new style 


after you choose what you want click "save" and go to you blog
look the result , these is my result



one Follower "very bad result" -_^

We meet on another post,, Bye

Most Viewed

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More