How to add image rotation with JavaScript

From this tutorial, you will be able to filter images through a single script. This is a handy script for not only web-development but also online marketing. By filtering affiliate ad’s through the script, you will be able to gain valuable insights on your readers interest and which ads are actually generating clicks and leads for you or vice versa.

 Click here to see the demo

To add the image rotation:

1. From your Blogger dashboard, navigate to Layouts and then Edit HTML.

2. From Page Elements, select Add HTML/JavaScript and then add the following JavaScript below after modifying it with your images:

 

<script language='javascript'>
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
<!--
i=0;
var ads = new Object();
var header='<CENTER><TABLE CELLPADDING=0 CELLSPACING=1 BORDER=0><TR><TD '
+ 'ALIGN=CENTER><FONT SIZE=2 FACE=Arial>';
ads[i++] = header

+'<A HREF="THE HEADER LINK" TARGET="_top">HEADER TITLE</A>'
+'</TD><TR></TR><TD><A HREF="THE IMAGE LINK" TARGET'
+'="_top"><CENTER><IMG SRC="THE LINK TO YOUR DESIRED IMAGE TO BE DISPLAYED"></CENTER>'
+'</A></TD></TR></TABLE></CENTER>';

ads.length = i;
dat = new Date();
dat = (dat.getTime()+"").charAt(8);
if (dat.length == 1)
ad_num = dat%ads.length;
else
ad_num = 0;
document.write(ads[ad_num]);
// –>
</script>

 

You can add more images by simply adding the section code below right after the middle section code above.

 

ads[i++] = header +'&lt;a href=&quot;THE HEADER LINK&quot; target=&quot;_top&quot;&gt;HEADER TITLE&lt;/a&gt;' +'&lt;/td&gt;&lt;tr&gt;&lt;/tr&gt;&lt;td&gt;&lt;a href=&quot;THE IMAGE LINK&quot; +?=&quot;_top&quot; TARGET?=&quot;TARGET?&quot;&gt;&lt;/a&gt;&lt;center&gt;&lt;img src=&quot;THE LINK TO YOUR DESIRED IMAGE TO BE DISPLAYED&quot; /&gt;&lt;/center&gt;' +'&lt;/p&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;center&gt;&lt;/center&gt;';

 

 

 

 

 

4. You should preview your blog first to see if all codes have been implemented correctly. If so, save your template and you’re finished.

Source: http://simplythebest.net/scripts/

Colors Pallete Generator

With the colors pallete generator at CSSdrive.com, you can instantly generate primary colors within an image to use on your blog.

Click here to use the color generator

Notes about the generator

1. You can upload by PC or by URL
2. Max file size: 1MB
3. Supported image types: .png, .gif, .jpg, .jpeg

Brought to you by:  cssdrive.com

Babylon 8

Babylon 8 is provider of quick online and offline dictionary and translation software in over 75 languages in one simple click and is being used by millions of private users and organizations in more than 200 countries. Recommended for all bloggers, can come in handy when you need at a click translation of tutorials, definitions, or languages. Full web page and document translation.provider of quick online and offline dictionary and translation software in over 75 languages in one simple click and is being used by millions of private users and organizations in more than 200 countries. Recommended for all bloggers, can come in handy when you need at a click translation of tutorials, definitions, or languages. Full web page and document translation.provider of quick online and offline dictionary and translation software in over 75 languages in one simple click and is being used by millions of private users and organizations in more than 200 countries. Recommended for all bloggers, can come in handy when you need at a click translation of tutorials, definitions, or languages. Full web page and document translation.


Click here to download


Screen Shots:

Windows Live Writer

Windows Live Writer is a desktop application that makes it easier to compose compelling blog posts using Windows Live Spaces or your current blog service. Includes a WSYIWG blog editor as well as tools for publishing photos and maps. Included SDK allows developers to extend the capabilities of Writer to publish additional content formats. This is a great client for Windows Live Spaces but also works well with other weblogs services including: Blogger, LiveJournal, TypePad, and WordPress.

Click here to download

Screen Shots:

DHTML Color Picker - Free to use on your own projects

F1FFCC

X

DHTML Color Picker

Show/ hide Color Picker

Encode / Decode HTML entities or vice versa for placement of section codes in the body section

If your trying to add an adsense code, insert a table, or use a script that requires placement in the HTML section of Blogger, use this web-tool to convert your text to HTML entities or vice versa to make it work. The HTML section of Blogger can usually be found after the closing head tag (</head>)  and most of the time requires conversion of the HTML code.

Click here to use the converter

This converter is brought to you by: centricle.com

Picking out the right keywords that will optimize search engines ranking

There are two major parts when setting up your blog. The first part is your part, and that deals with setting it up and making sure the template runs smoothly and quickly for your users and readers. It’s important to keep this in mind when implementing your layout, you want to make sure your visitors have a good experience when they visit your blog, ie. loading time, functionality, appearance, etc. The second part, is your blog’s part, and this part deals with optimization. You want to make sure your blog can work for you while you’re there, away, or perhaps in Chicago at an SEO event.

To do this, you’ll definitely need to have the right tools and information about your blog, the visitors that come to your blog, and how they are getting there. In most cases, for blogs just starting up, your visitors will be coming from referring sites or direct traffic. What about search engines? You want to make sure your blog shows up on search results on topics that are relevant to your blog’s niche, and you want to make sure it’s able to compete with other blogs that are in the same game.

To gather the right information from your Blogger blog/blogs, you want to go with it’s provider, Google. Google provides tools for webmasters trying to optimize visibility of their websites.

With the Google Webmaster Tools, webmasters are able to -

• Check and set the crawl rate
• List internal and external pages that link to your blog/site
• See what keyword searches on Google led to the site being listed in the SERPs, and the click through rates of such listings
• View statistics about how Google indexes your blog/site
• Submit and check a sitemap
• Generate and check a robots.txt file

You can set your site/blog up with Google’s Webmaster Tools here.

A few tips and information to help you out in the process:

Set site defaults
You can set your site’s settings with Google to show your page with or without the www. or target a specific geographic area

 
Check errors on your blog/site
See if any errors are occurring on your blogs/sites for your visitors, ie. broken links, links that are driving traffic to the site for which there is no valid page, and pages it knows about but has been restricted from crawling.


Analyze meta descriptions and title tags
See a list of URLs that have duplicate title tags or meta descriptions and pages with too short, or too long of meta descriptions or titles.

 
Keywords
See the most common keywords Google found when crawling your site/blog and it’s significance. These keywords should be used more often in your content to help it’s search engine optimization.


Site performance
See how your site/blog is performing so you can make changes to improve speed of your site and create a faster experience for your users.

Top search queries
See information about user search queries that have returned from your site/blog. Which searches allowed your site to appear on search engines and which ones were clicked to get to your site/blog.

and many other useful information for you to analyze …