Blogger Templates Smart Professional Templates Download

Blogumus Flash Animated Tag Label Cloud for Blogger

2009-08-13T00:58:00.000-07:00

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

Update: Improved Widget Code
I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works
This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :) You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location. To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout
Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing. Here are the steps required to install Blogumus in your Blogger layout:
1.Login to blogger dashboard
2.Go to Layout >> Edit HTML
3.Save Your template first and dont expand widget template
4.Choose where you want to add Flash label cloud in your blog ( Sidebar, Footer, Below Header or Above footer or any section). Now Search for respective

(section releted to sidebar, footer, etc). The line of code may look like as follows

<b:section class='sidebar' id='sidebar' preferred='yes'>

or

<b:section class='footer' id='footer' showaddelement='no'>

or

<b:section class='anything' id='anything' preferred='yes'>

5.Immediately after any one of the above line, Paste following widget code

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Save your template and if every thing goes well you will see the Blogumus in your blog.

Customization

250 : To change the width of the Blogumus

200 : To change the height of the Blogumus

000000 : To change the color of text

ffffff : To change the background color of Blogumus

12 : To alter the size of labels

Blog Dictionary

2009-08-12T11:05:00.000-07:00

Are you puzzled by strange blogging terms and unusual blog abbreviations and blogging acronyms? Then this post will get the Blargon Demystified. This article attempts to simplify some common blogging terms organized into a simple blogging glossary. Only common and popular blog tools and services have been included.

Note : The language used here is mostly non technical to make the newbie blogger understand the blogging basics. These have not been created by me, but collected over time. This is NOT a substitute for dictionary meaning or a strict definition of these terms, but a simple layman approach to understanding what they mean. Please feel free to propose a better meaning in the comments.

BLOGGING

* Weblog- An online dated diary listing your periodic thoughts on a specific topic, often in reverse chronological order.

* Blog - short form for weblog

* Blogging - the act of posting on blogs

* Blogger - a person who blogs

* Blogosphere - The internet blogging community

BLOGGING FORMS

* Photoblogging - a blog predominantly using and focusing on photographs and images. Photoblogs are created by photobloggers

* Podcasting - a method of distributing multimedia files (audio / videos) online using feeds for playback on mobile devices and personal computers. Podcasts are created by podcasters.

* Autocasting - is an automated form of podcasting

* Blogcasting - the blog and the podcast merged into a single website.

* Vlogging - Also called video blogging. Shortened to vlog. Posted by vlogger. A variant on the blogging using video instead of text.

* Audioblogging - Also called audioblog, MP3 blog or musicblogs. a variant on the blogging using audio instead of text. Created by audioblogger.

* Moblogging - Also called moblogs. A blog posted and maintained via mobile phone. Moblogs are created by mobloggers.

BLOG COMPONENTS AND FUNCTIONS

* Index page - the front page fo the blog

* Header - the topmost part of the blog usually listing the blog title.

* Footer - the most bottom part of the blog usually listing navigation and copyright statements

* Sidebar - One or more columns along one or both sides of most blogs main page

* Categories - A collection of topic specific posts

* Post, Entry- individual articles that make up a blog

* Comments - enabling readers to leave their remarks

* Captcha - short for Completely Automated Public Turing test to tell Computers and Humans Apart. Those word and letter verification images you need to type in to show you are human and not a bot. Helpful to block automated spam comments.

* Ping - Short for Packet Internet Grouper. Blog and ping helps to notify other blog tracking tools for updates, changes and trackbacks.

* Trackback - A system by which a ping is sent to another blog to notify that their article has been mentioned by you

* Pingback - See trackback.

* Permalink - A link to a specific article

* Tags - labeling / attaching keywords to collect similar posts

* Tag cloud - Displaying tags lists or keywords in a blog.

* Blogroll - list of links to other blogs in your sidebar. Also see blogrolling.com

* Sideblog - A smaller blog usually placed in the sidebar of a blog.

* Template - the blog presentation design

* BlogThis - a function allows a blogger to blog the entry they a reading

* Plugins - Small files that add improved functionality and new features. Wordpress plugins can greatly improve your blog usage and interactivity

* Dashboard - When you login to your blogging account, it is the first screen with all controls, tools and functions.

* Archives - a collection of all your posts on one page. Can be categorized by month etc.

* Expandable post summaries - show a small teaser part of the post on the index page that link to the full post.

* Jump - the continuation of a story on another page to preserve space on index page.

* FTP - short for file transfer protocol. Transferring file to and fro from your web host using FTP tools like Filezilla

WEB FEEDS

* Web Feed - allows online users to subscribe to websites that change or add content regularly.

* RSS - a family of web feed formats used for Web syndication. Short form for Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0). Wordpress generates RSS 2.0

* XML - short for eXtensible Markup Language. a general-purpose markup language for syndication formats used on blogs.

* RDF - short for Resource Description Framework. A web content syndication format.

* Atom - another specific web feed format. Blogger feeds are usually of this type.

* OPML - short for Outline Processor Markup Language. It is an XML format for outlines. Easily import and export multiple blog subscriptions between different rss aggregators.

* Photofeed- a web feed with image enclosures.

BLOGGING SOFTWARE / CLIENTS

* Blogger - a free blogging platform by Google.

* Blogspot - free Blogger hosting blog at name.blogspot.com

* LiveJournal - free blogging tool by SixApart

* Movable Type - paid blogging tool by SixApart

* Typepad - paid blogging tool by SixApart

* Wordpress.org- Free. Easy to Upload, customize and upgrade.

* Wordpress.com - A Wordpress blog hosted free for you.

* Radio Userland - another blog publishing software package

TYPES OF BLOGS

* Group blog- with multiple contributing bloggers.

* Event blog - focussed on an event

* Kittyblogger - writing about cats.

* Celeblog - focused on a celebrity.

* Celebriblog - maintained by a celebrity.

* Clog Blog - written in Dutch and/or in Holland.

* CEOBlog - run by a chief executive officer.

* Plog - a project blog. Also for Amazon.com personalized weblogs

* Movlogs - mobile video blogs.

* Splog- a spam blog

* Tech blog - focused on a technical subject.

* Anonoblog - by an anonymous blogger

* Linguablog - about linguistics, translation etc.

* Metablog - a blog about blogging.

* Milblog - a military blog.

* Blawg - blogged by lawyer / related to legal stuff

* Edu-blog - education oriented blog.

* Progblog - A progressive blog.

* Shocklog - provokes discussion by posting shocking content

* Klog - used by company knowledge workers. by Kloggers

* Blogsite - A web site that combines blog feeds from a number of different sources

* Dark Blog- A non-public blog

* Photocast- a photoblog that automatically updates when new photos are added.

BLOGGING HABITS

* Metablogging - writing articles about blogging

* Blogstipation - writers block for bloggers. Cant think of what to blog about?

* Blogathy - I do not want to post today and I do not care about it

* Blogopotamus - A long long blog post

* Blogorrhea - unusually high output of articles

* Bleg - To use ones blog to beg for assistance etc.

* Hitnosis - Refreshing your browser repeatedly to see if your hit counter or comments have increased

* GAD - Google Adsense Disorder. Repeatedly checking your adsense earnings.

* Blego - Blog+Ego. Measuring blogger worth

* Blog hopping - jumping from one blog to another

* Blogroach - A commenter who rudely disagrees with posted content

* Blogoholic - addicted to blogging

* Blogorific = blogtastic - something which a blogger says is terrific

* Blogsit - maintaining a blog while the primary blogger is on leave

* Blogvertising - Also called blogvert. Advertising on a blog.

* Blurker - a blog reader not posting comments, just lurking around quietly.

* Blogathon - update your website every 30 minutes for 24 hours straight. Maybe collect sponsorships.

* Blogiversary - your blog birthday

* Blog Carnival - Links to other articles covering a specific topic.

* Multiblog - running multiple blogs

* Blog Tipping - Compliment 3 blogs on day 1 of every month.

* Blogger bash - a blogger party

* Commenter - someone who leaves remarks / comments

* Reciprocal Links - called link love. You link to my blog, I link to yours. To improve search engine rankings.

* Linkbaiting - a habit of writing good content with the sole purpose of getting it linked from multiple sites.

* Blogstorm - a large amount of blogosphere activity due to particular controversy. Also called Blog Swarm.

* Blogsnob - refusing to respond to blog comments from not-friends.

* Doppelblogger - plagiarize the content of another blogger. To Doppelblog.

* Blogophobia - Fear of blogs and blogging.

* Bloggerel - the same opinion posted repeatedly on a blog

BLOGGER TYPES

* Problogger - professional blogger

* Blognoscenti - especially knowledgable bloggers

* Blogebrity - a famous blogger.

* Blogerati - the blogosphere intelligentsia.

* Commentariat - The community of those leaving comments.

* Dooced - lost a job because of blog entries. To Dooce.

* Blogther - a fellow blogger.

* A-List- the top bloggers who influence the blogosphere.

* Blogstar- blogger running a popular blog

OTHER BLOGGING TERMS

* Bloggies- Annual blogging awards.
* MSM - Mainstream Media, or old media like newspapers etc.

* BSM - Blogstream media. from most heavily trafficked blogs.

* Blog Day - 31 August. Find 5 new Blogs that you find interesting and tell them.

* Blaudience - your blog audience.

* Blargon - Also called Blogssary. Blogging slang and glossary. What I am telling you now.

* Blogiversary - your blog birthday

* Blogiverse - see blogosphere

* XFN - short for XHTML Friends Network. Is a simple way to represent human relationships using hyperlinks.

* Blogonomics - blogging conference on a Blog Cruise in 2006.

* EFF - short for Electronic Frontier Foundation. A nonprofit group working to protect blogger rights.

* Blog of Note - a recommended blog.

* Navbar - a navigation bar usually seen on top of Blogger blogspot hosted blogs.

* Blook - a book created from a blog.

* Hat Tip- acknowledgement of the source that tipped you the news.

* Spomments- Spam comments

* Blammer- Blog spammer

* SOB- acronym for Successful and Outstanding Blogger. From successful-blog.com

* Blogiday- you get fed up and take a holiday from blogging

BLOGGING TOOLS & SERVICES

* Bloglines, Rojo, Newsgator, Kinja, - are News Aggregators that display content from syndicated Web content from web feed. Can be configured online or downloaded on your desktop. Like . Also called RSS readers, feed readers, feed aggregators or news readers

* Pageflakes, Newsvine - Track multiple feeds on a single page by modules.

* Odeo, Podnova - are Podcatchers, a form of aggregator used to automatically download podcasts and can sometimes transfer a portable media player. Like

* Feedburner - a professional feed management system

* Pingomatic, Pingoat - ping multiple blog tracking services.

* Feedblitz, Zokooda - Email subscriptions and newletter tools.

* Technorati - a real-time search engine that keeps track of what is going on in the blogosphere

* b5media, 9rules - examples of popular blogging networks. Collection of blogs and bloggers providing great content, with revenue sharing sometimes.
* K2, Blix - names of some popular wordpress themes.

* Blogexplosion, Blogclicker- popular blog traffic generation / exchange services.

* Adsense, Adbrite, CJ, Chitka, Blogads - popular affiliate programs to generate money from your blogs.

* Sphere, Icerocket - blog search engines

* Live Bookmarks - a firefox web browser feature. Update themselves automatically with the latest content from the Web.

* Creative Commons - licenses provide a flexible range of protections and freedoms for authors to offer a voluntary some rights reserved approach.
* CoComment - Tracks your comments across different platforms and follow conversations

* WBloggar, Ecto, Qumanna - desktop blog publishing tools

* Mint, Mybloglog, Measuremap, Analytics - site traffic tracking tools.

* Haloscan- free trackback service

* YouTube, Rapidshare- puts video on your blog

* Flickr, Imageshack - photo sharing service. Host images on your blog

* Del.icio.us, furl, spurl - share social bookmarks.

* Blogburst - Syndicating your feed to top publishers.

* Bloggeropoly - professional blogger recruiting agency.

* Blogger code - a way to describe different types of bloggers.

* Bloggoggle - Directory of Blogging Professionals

* BlogHer - where the women bloggers are. At Blogher.org

BLOG TRAFFIC SURGES

* Digged - link posted on digg.com driving huge traffic to your blog

* Slashdotted - link posted on slashdot.org driving huge traffic to your blog.

* Instalanche - link posted on instapundit.com driving huge traffic to your blog

* Farked - link posted on fark.com driving huge traffic to your blog
* Boing Boinged - link posted on boingboing.net driving huge traffic to your blog

MISCELLANEOUS BLOGGING TERMS

* Ajax - acronym for Asynchronous JavaScript and XML. creates interactive web applications.

* Greasemonkey - a firefox web browser extension that can alter the functionality of any website using specific scripts.

* Wiki - a collaborative on-line software that allows readers to add and edit content.

* SEO - search engine optimization. To improve your search engine rankings.

* Page Rank - Google measures of importance of a page which reflects in its rankings.

* CMS - short for Content management system. software used to publish and manage websites.

Jeans 3C

2009-08-01T04:02:00.000-07:00

Download Jeans 3C Template

Live Demo

Aspire

2009-08-01T04:00:00.000-07:00

Download Aspire Template

Live Demo

Unlink

2009-08-01T03:52:00.000-07:00

Download Unlink Template

Live Demo

Bloggin' Out Loud

2009-08-01T03:49:00.000-07:00

Download Bloggin' Out Loud Template

Live Demo

Styleicious

2009-08-01T03:40:00.000-07:00

Download Styleicious Template

Live Demo

Minyx 2.0

2009-08-01T03:27:00.000-07:00

Live Demo

Download Minyx 2.0 Template

Forex Megadroid (Highly Rated!) FOREX Trading Tool

2009-07-27T13:38:00.000-07:00

Forex Megadroid (Highly Rated!)

Forex Megadroid brings the experience of Forex experts to your fingertips through a proven system that can skyrocket your Forex earnings. …

Forex Trading Tool: Forex Megadroid
Format: Autotrader for MetaTrader4 Platform
Price: $97.00
Warranty Information: 60 Day Money Back Guarantee
Created By: Albert Perrie and John Grace
Customer Support: Full Email Support
Product Review: Forex Megadroid Review
Official Site: Forex Megadroid

Create zoom effect for images in blogspot

2009-07-26T08:59:00.000-07:00

This is the demo, click on the image to see :

1st , log in Blogger > Layout > Edit HTML then add this code below before </head> tag:

Ok now next step, you have to change the <body> by <body onload="setupZoom()"> instead

Save! You have already created zoom effect for images. However ,to zoom image you have from now , you don't have to use the tag <img src="Image link" /> to add image anymore , but you have to use this new form :

Note:
Image link : support jpg, png, gif ...
Width : thumbnail width.
Height: thumbnail height.
Border: thumbnail border.

For example :
<a href="http://img193.imageshack.us/img193/6925/flowersandswirls.jpg"><img src="http://imgcash2.imageshack.us/img193/6925/flowersandswirls.th.jpg" width="300" height="200" border="0" /></a>

Align Adsense Widget on Blogger

2009-07-22T02:19:00.000-07:00

1. Go to Blogger Dashboard.

2. Go to Layouts and click on Edit Html subtab of Template tab.

3. Backup your template to PC.

4. Then put a check in Expand Widgets Template box at top of Edit Template text box and scroll down to or Ctrl+F <b:widget id='AdSense to this line :

Then add align='center'. Like this…

<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<data:adCode/>
</div>
</b:includable>
</b:widget>

Code AFTER changes:

<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div align='center' class='widget-content'>
<data:adCode/>
</div>
</b:includable>
</b:widget>

optional

align='center'

align='left'

align='right'

How to Integrate "Digg this" button to Blogger Blog

2009-07-19T05:07:00.000-07:00

In this tutorial I will show you "how to integrate "digg this" button to your blogger blog and how to wrap "digg this" button around and inline beside Blogger post content. This will be good part of your blog design.

I think you know Digg, Why you need to install Digg button to your blog? This is the quote from the Digg:

The Digg This button is for website and blog publishers that want to encourage their audience to submit or digg their content on Digg. Join thousands of sites that have already added Digg This and seen their content exposed to the Digg community.

We've given our latest Digg This button a brain - it's smart enough to:

* Encourage users to submit new content from your site to Digg. We'll detect if the content exists already and provide either a Submit or Digging interface
* Display the real-time Digg count for content already on Digg
* Support News, Video, or Podcast content.
* Be backward compatible with the last version of our Digg This button

So, you can get some (or , maybe, big) traffic from Digg.

This is how it will look like:

It is hard to install this button to your blog and make it wrap around and inline beside post content, so, I will tell you how to do it:

1. Go to Blogger Dashboard.

2. Go to Layouts and click on Edit Html subtab of Template tab.

3. Backup your template to PC.

4. Then put a check in Expand Widgets Template box at top of Edit Template text box and scroll down to the blog posts widget body to this line :

Append the following lines of code into the template BEFORE the line of

<data:post.body/>

located above:

<div id='digg'><script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

6.Now you need to create CSS style for Digg this button. Find this line:

]]></b:skin>

If you want to have digg button on the left side of post, append the following lines of code into the template BEFORE the line of

]]></b:skin>

located above:

#digg {
float: left;
margin-right: 5px;
}

If you want to have digg button on the right side of post, append the following lines of code into the template BEFORE the line of

]]></b:skin> located above:

#digg {
float: right;
margin-left: 5px;
}

Save your template.
That's all =)

New Moon

2009-07-12T14:58:00.001-07:00

Download New Moon Template

Live Demo
Author: Lecca

Pad Mess

2009-07-12T14:40:00.000-07:00

Download Pad Mess Template

Live Demo

Author:                Deluxe Templates
Designer:              EZwpthemes

Fixed Side Menu For Blogger

2009-07-05T14:18:00.000-07:00

Fixed side menu for blogger blogspot or some says it as fixed slide in menu for blogger as was seen only in wordpress but now can be used in bloggers also.As you could see it in my blog i have side menu that moves together with you scroll movement up and down on my blog.I am sharing this with you because many of my readers were asking how to make it as they liked it much and wanted to add it to there blogs so if you liked side menu in my blog you can go further to install it in your blog too.

First Download these two files to your computer.
ssm.js
ssmItems.js

Now open the ssmItems.js file in notepad
After opening it in notepad you will see the codes like written below.

Now just edit the the links in red in codes to place your own link which you want to display and text in blue which you want to show up the title for that link.

After editing all these links just save the file.

Now upload both files ssm.js and ssmItems.js to your own server like on geocities or sigmirror dot com,don't use mine as will not work due to exceeded bandwidth.

Now GO To LAYOUT > EDIT HTML
and find the </head> tag and place the below codes before it.

And don't forget to change the links in red above with the links of yours where your ssm.js and ssmItems.js file are uploaded to your own server.

And now SAVE It.

Yup you have just Done now. View your blog. If you have any problem please write below in comments i will help you out.I think you will enjoy this widget for sure.

New Blogger Tag Cloud / Label Cloud

2009-07-05T05:09:00.000-07:00

A tag cloud or label cloud for blogger is a visual depiction of all labels used on your blog.You can see a demo of the Label cloud for blogger(blogger label cloud) here on my site. This Tag Cloud Widget was originally developed by phydeaux3. I have just simplified and made it easier to install..

First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.

Choose to sort the labels Alphabetically when prompted.

After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)
You will find some code similar to

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Now Replace that with

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [35,130,196];
var minFontSize = 10;
var minColor = [35,130,195];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < i="0;3"> i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<br/>Powered By:<small><a href='http://www.bloggerplugins.org'&t;Blogger Widgets</a></small>
<br/>Blogger Label Cloud:<small><a href='http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html'>Label Cloud for Blogger</a></small>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Now find

]]></b:skin>

and replace it with

#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
]]></b:skin>

Save your template and now you should get a working Label Cloud On your Blog.

Optional Parts Proceed further only if you want to customize the cloud to a better level...

Changing Cloud Colours:

you can change those colors editing the code a little bit..
you will have to expand your widget templates and modify these 2 lines of code

var maxColor =

and

var minColor =
you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this.

Changing the Font Sizes:
You can change the font sizes by editing these 2 lines of code

var minFontSize =
and
var maxFontSize =

How to Back up Your Blogger Template Design

2009-07-01T15:11:00.000-07:00

Before making any type of customization (any type of changes in the HTML code) of your blog template, it's a wise decision to back-up the blog template design. This will help you to back your previous blog stage if you don't like the new modification or you have done some mistake at the time of template code modification. You can easily back-up your blog template design. It's very easy and quick process. This page contains the information to back-up your blog's template design only.
Steps to back-up blogger template design

Follow the following steps to back-up blogger template design:

Step 1: Accessing the code of your blog

Log in to your blogger account and then from the Dashboard, select the Layout of the blog which you want to take back-up. Finally, click on the Edit HTML option.

Step 2: Downloading the template design

After finishing the above steps, you will find an option Download Full Template under Backup/Restore section. Click on Download Full Template to back-up your blog's template design and show the location to download the template.

Random Post for Blogger / Blogspot

2009-07-01T15:06:00.000-07:00

This widget can definitely bring some excitement to your blogger powered blog. Letting your readers surf your blog to the fullest extent by creating a link to a random post in your blog's sidebar.

How to install: Blogger Dashboard --> Layout --> Page Elements --> Add Gadget --> HTML / JavaScript --> Copy and Paste code below in Content --> Save

<h1 class="title"><data:title/><div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script></data:title></h1>

Once you have installed the widget, you can change the link text. The default value is "View Random Post". To change this, view the code and search for View Random Post, and change it to any desired text.

Note: Before Testing Take A Backup Of You Template

Automatic Thumbnail and Read More Function for Blogger

2009-07-01T14:27:00.000-07:00

Read more function is used to cut our post on homepage, post will appear fully when we click read more link. It's cut automatically and if we insert image, it appears thumbnail.
This is automatic read more function with thumbnail. We just need to set up our HTML code.

Follow steps:
1. Go to "Layout" click "Edit HTML"
2. Tick on "Expand Widget Templates"
3. Find this code

<data:post.body/>

4. Replace with this code below

5. Save / Preview your blog

clarification code above:

summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

Note: Before Testing Take A Backup Of You Template

Blogger Templates Smart Professional Templates Download

Blogumus Flash Animated Tag Label Cloud for Blogger

Blog Dictionary

Recent Posts with Thumbnails Widget for Blogger

Explanation:

Jeans 3C

Aspire

Unlink

Bloggin' Out Loud

Styleicious

Minyx 2.0

Forex Megadroid (Highly Rated!) FOREX Trading Tool

Create zoom effect for images in blogspot

Align Adsense Widget on Blogger

How to Integrate "Digg this" button to Blogger Blog

New Moon

Pad Mess

Fixed Side Menu For Blogger

New Blogger Tag Cloud / Label Cloud

How to Back up Your Blogger Template Design

Random Post for Blogger / Blogspot

Related Posts for Blogger / Blogspot

Automatic Thumbnail and Read More Function for Blogger