TIPS TRICKS BLOG

6 Elements Every Blog Should Have

noreply@blogger.com (Ary) — Mon, 27 Oct 2008 05:58:00 +0000

6 Elements Every Blog Should Have

A simple tip describe here is for all the bloggers out there. If you are a blogger, chances are that you’re blog contains different types of elements somewhere whether it’s a plugin that does something, or a list of links to important articles.

No matter what niche is, these 6 elements every blog should have. Without these elements, a blog is incomplete.

1. Great High-Quality Content

This is a no brainer. This is the most important element of a blog. It’s the reason why your readers are reading your blog in the first place. Without this content that you write, there is no blog.

2. Visible RSS/Email Subscription Link

Every blog needs this no matter what. No excuses. A blog isn’t a blog if readers can’t subscribe to it whether if it’s through RSS or email subscriptions. You need to be able to send out content right to their feed readers or email inbox. Otherwise, it will just be a regular site.

The location of the subscription links are also important. Most of the times, they are located on the highest point of a blog’s sidebar. It’s also a good tactic to optimize them within each and every post, just below the content. Use the Subscribe Remind WordPress plugin to add a little snippet of text at the end of each post to remind readers to subscribe .

3. About Page

Readers love reading about the blogger who owns the blog. It provides them with a way to connect to you indirectly, and by having an about page, you are increasing the trust and loyalty they have for you. If you need help with writing your about page, check out Darren’s post on How To Write Your “About Me” Page from ProBlogger.

4. Contact Page

You need a way for people to reach you. Having a page that is dedicated for this is essential. If you don’t have one yet, try using the Cforms plugin. It creates nice-looking contact forms that you can put on your contact page.

5. Archives and Categories

Whether it’s on the sidebar, or on top of the page like I have for this blog, you need to provide your readers with the links to all the different categories that your posts are written on. It makes organization and navigation 300% easier for both the blog and its readers.

6. Featured Content

Whether it’s your most popular posts or most commented posts, it’s important to have some form of featured content listed somewhere. As you can see, the most popular, most recent, and most commented posts for SlyVisions are located on the sidebar. It doesn’t matter which one you have as long as you have some form of featured content. This gives new readers a quick look at your best work.
If You Don’t Have Them, You Don’t Have a Blog

These 6 elements are essential. If you don’t have them, you don’t have a blog. Just take a look at every blog you read and go over the list. Does it have those 6 elements? 99% of the time, the blog will have these elements. If you see a blog that doesn’t, do the blogger a favor and point them to this post.

By Sly Blanco.

Print This Page

The Best Keywords for Your Google Ads

noreply@blogger.com (Ary) — Mon, 27 Oct 2008 05:28:00 +0000

The Best Keywords for Your Google Ads

Choosing the right keywords is essential for achieving search engine visibility for your website or blog. You should know what are the best keywords to bid on Google AdWords to add or enhance traffic to your website. The ideal way to select the best keywords for your site is to try and choose the words prospective clients would type in to search for a product or service. Using the right keywords is a very effective method for people involved in search engine optimization, search engine marketing or ad campaigns. The best keywords can also help increase the sales volume on your ad campaigns.

How Do I Find The Best Keywords For Google AdWords?

There are many keyword tools which can help you to decide what are the best keywords to bid on Google AdWords. Many of these tools are available online completely free of charge whereas some others are charged but also have a free edition with limited features. Tools such as Wordtracker, Google AdWords Keyword tool and IBP can help you to discover the best keywords to use, or you can visit our High Paying Keywords Checker for free. These tools can also help you to find the best keywords, their search volume and also tell you how best to use the keywords to your benefit. An important point to keep in mind is, if you are creating pages to generate more of search engine traffic, then use keywords which are used more in searches. And if it is a niche area, use keywords which are used less in searches to get a better ranking in search engines.

The Importance Of The Right Keywords On Google AdWords

To run an effective pay per click marketing campaign, you need to know what are the best keywords to bid on Google AdWords. Of course, apart from this, other factors such as the effectiveness of your landing page, the content of your advertisement and the price and quality of your service or product also need to be considered. An important point to keep in mind here is that the keyword can be either single or a combination of two or more words or even phrases. You also need to be extremely targeted while selecting your keywords. When you choose a broad or general term as your keyword phrase; for e.g., ‘Home Business’ or ‘Multilevel Marketing’, you are likely to attract more curious visitors to your site rather than serious customers. By becoming aware of what are the best keywords to bid on Google AdWords and by using them appropriately, you can actually target the exact clientele that you want.

ref: feedonadsense.cn
Print This Page

Creating Funny Clock

noreply@blogger.com (Ary) — Sat, 25 Oct 2008 01:39:00 +0000

You want this clock?

copy this script and add to your widget.

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="101" height="101">
<tr>
<td width="100%" background="http://www.ladylony.com/clockred801.gif" valign="top">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="101">
<tr>
<td width="100%" height="14"></td>
</tr>
<tr>
<td width="100%" height="69">
<p align="center"><SCRIPT LANGUAGE="JavaScript">var clocksize=71;</SCRIPT>
<SCRIPT SRC="http://gheos.net/js/clock.js"></SCRIPT></td>
</tr>
<tr>
<td width="100%" height="14"></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>

ref: ladylony.com

Print This Page

METEOR CURSOR

noreply@blogger.com (Ary) — Sat, 25 Oct 2008 01:26:00 +0000

To make cursor with meteor effect:

Copy this script between and

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

ref: ladylony.com
Print This Page

Free Tools for Your Blog/website

noreply@blogger.com (Ary) — Thu, 23 Oct 2008 08:56:00 +0000

There ‘re a lot of tools that can you wear for your website/blog. This tools’re very useful because by using them you can increase performance, speed, know your statistic and more. This article will gives you free tool for your website/blog.

Web Page Analyzer
This tool for analyzing speed, improving performance of your website/blog.

CSS Compressor
This tool for compressing your CSS to increase loading speed & save on bandwidth as well.

CleanCSS
This tool for cleaning CSS code that’s not useful.

Website Spell Checking Service
This tool for reviewing your entire website & helping you keep it free from all text errors.

JPEG Wizard Online Image Optimizer!
This tool provides highly optimized JPEG compression.

Pagetest
This open source tool for measuring & analyzing web page performance right from your web browser.

Online Image Optimizer
This tool for optimize your gifs, animated gifs, jpgs, & pngs, so they load as fast as possible on your site.

Google PageRank Prediction
This predictor tool does what it says, it predicts your future Google PageRank.

PageRank Checker
This tool for checking a website's Google PageRank on major Google datacenters instantly.

Backlink Checker
This tool for finding backlinks linking to a website & their URL information.

Multi-Rank Checker
This tool supplies the same results as the Rank Checker tool, these‘re the PageRank & Alexa Rating. You can use this tool for multiple domain check-ups.

Website Speed Test
This tool for finding out how fast your website loads. Too slow? Perhaps you need to optimize the page/move to a faster

Rank Checker
This tool for viewing the ranking of a specific website. Find out how popular a website is to users & search engines.

Link Popularity
This tool for finding how many links a domain has on the most common search engines.

Reverse IP/Look-up
This tool for searching domain names hosted on your IP address. Just enter a domain/an IP address to get a list of domain names that share the same IP address.

Ping Test
This tool for testing the presence of an active connection.

Cloaking Checker
This tool for comparig how search engine sees it as opposed to a real web browser.

Google Banned Checker
This tool for analyzing your domain with Google search to detect if the domain is banned.

Google Datacenter Search
This tool for searching keywords/phrase through different Google data centres.

Index Checker
This tool for searching though search engines to determine how many pages from a specific website is present on a search engines index.

Keyword Destiny Checker
This tool is useful for helping webmasters achieve optimum keyword distribution.

Keyword Suggestion
This tool for displaying up to 10 popular keywords matching your initial keyword.

Search Engine Position
This tool for checking your search engine positions on Google Search Engine.

Search Listings Preview
This tool for creating a preview of how your website will appear on Google, MSN & Yahoo Search.

Spider View
This tool for viewing the perspective of a search engine spider, from the website you require to view.

URL Redirect Checker
This tool for determining if the redirect you have created is Search Engine Friendly.

Visual PageRank
This tool for viewing all the links along with the pageranks on the page that you require to view.

.htaccess URL Rewrite
This tool for converting your long & dynamic address into a short & search engine friendly URL.

Google Adsense Calculator
This tool for predict changes in your earnings depending on Impressions, Click Rate & Cost Per Click.

Link Shortener
This tool for making a long web address short & easy to remember link for that web address.

List Cleaner
This tool for cleaning & removing duplicates from a list in a matter of seconds.

Md5 Encrypt
This tool for encoding any inputted text to md5 encryption.

Your Browser Details
This tool for finding out your IP address & hostname, your browser details (User-Agent, Cookies Enabled, Java Enabled, JavaScript Status, Screen Width & Height, CPU class/type, Screen Colour Depth, Window Width & Height) & browser headers.

Alexa Traffic Rank
This tool for viewing & comparing Alexa Traffic charts.

Broken Link Checker
This tool for checking for Broken Links on a website.

Domain Look-up
Retrieve a number of information about a domain including age of domain, speed, Dmoz listings, Current PageRank, Predicted PageRank, Alexa Ranking, Backlinks, Listings on Google/MSN/Yahoo & Website's competition.

Domain Whois
This tool for finding all the information you need on any domain name.

IP Location
This tools helps you determine the Country of an IP Address.

Link Price Calculator
This tool for calculating the approximate amount you should be paying/charging per month for a link of a specified website.

Reciprocal Link Checker
This tool for viewing all your link partners who are still linking back to your site.

Server Status
This tool for checking the status of a website easily by using this tool.

HTML Encrypt
This tool for hiding all your HTML source code simply with this HTML encrypter.

HTML Optimizer
This tool for removing all the extra white spacing in your HTML website. This will optimize your sites for faster load speed.

HTTP Headers
This tool for extracting the HTTP Headers of a server.

Link Extractor
This tool for extracting links from a specific web page with associated anchor text, HTML code, attributes & Google pagerank.

Meta-tag Extractor
This tool for viewing a site's meta information, you can also copy & paste the tags onto your website.

Meta-tag Generator
Meta-tags are used frequently by most search engines. They identify your website content using your meta-tags. This simple tool will allow you to configure them easily!

Keyword Research Tool
This tool for researching appropriate words & phrases to include in your webpage's body text to aid in promotion.

Keyword Analysis Tool
This tool will read the page you specify & give a report on what words are used & how many times they are used.

Search Engine Spider Simulator
This tool for striping out the HTML tags from the page you specify & showing you how the page would look to search engine spiders.

Top PPC Bids Checker
This tool allows you to query a number of PPC (Pay Per Click) engines to see what the top bids are for a certain keyword or phrase.

Dreamweaver Code Cleaner
This tool will reads the page you specify & cleans a lot of the un-needed code created by Macromedia Dreamweaver.

Frontpage Code Cleaner
This tool will reads the page you specify & cleans a lot of the un-needed code created by Microsoft Frontpage.

Drop Down/Sitemap Menu Generator
This tool for creating your own sitemap menu / drop down menu.

Popup Window Generator
This tool for creating a customizable popup window on your site.

Class C Checker
This tool for finding out whether some sites are hosted on the same Class C IP Range.

Domain Age Check
This tool for finding the age of a domain.

Keyword Optimizer
This tool will remove any duplicate entries & re-order the list alphabetically.

Robots.txt Generator
This tool for generating a simple robots.txt file for your website, which allows you to hide files/directories that you don’t wish to be spidered.

Domain Stats Tool
This tool for getting all kind of statistics of your competitor’s domains.

Copyscape
This tool for searching for copies of your page on the Web.

Translingo
This tool for making your site multilingual.

ref: blog-tips-tricks.blogspot.com
Print This Page

Moslem Calendar

noreply@blogger.com (Ary) — Wed, 22 Oct 2008 07:38:00 +0000

you want this calendar pictures?

copy this code to your widget:

for more details go to moslem calendar

Print This Page

RSS HUGGER

noreply@blogger.com (Ary) — Wed, 22 Oct 2008 03:07:00 +0000

What is RSS?
RSS (Rich Site Summary) is a format for delivering regularly changing web content. Many news-related sites, weblogs and other online publishers syndicate their content as an RSS Feed to whoever wants it. RSS solves a problem for people who regularly use the web. It allows you to easily stay informed by retrieving the latest content from the sites you are interested in. You save time by not needing to visit each site individually. You ensure your privacy, by not needing to join each site's email newsletter. The number of sites offering RSS feeds is growing rapidly and includes big names like Yahoo News. More info can be found at WhatisRSS.com

The Idea
rssHugger is a unique website that aims to bring bloggers and readers together. rssHugger aims to provide blog owners with a unique easy-to-use way to promote their blogs by sending them traffic, building backlinks for search engine optimization, as well as attracting new rss subscribers if the content is interesting to the reader. rssHugger aims to help visitors be able to easily find blogs that write about subjects they are interested in. These subjects include: internet marketing, making money online, charity, sports, gambling, and many more. If the visitors find a blog that they had not previously heard about, they can easily add it to their RSS readers or bookmark it.

The Goal
My goal was originally to get 50,000 blogs signed up with a $10 joiners fee, but due to the fact that I want to support all of the great bloggers, even those who cannot afford $10, I changed this goal to sign up 250,000 free blogs within the first year of operation. With over 112 million registered blogs, with about 175,000 new ones per day, I feel this goal is possible. The money will be used to pay off college expenses, to invest in my other internet startup companies, sponsor like-minded business folk, and continue to support Kiva, who support entrepreneurs in the developing world.

Who am I?
My name is Collin LaHay, and I am an experienced entrepreneur, search engine optimizer, and internet marketer looking to expand my portfolio.

How much does a blog page cost?
Due to the popular vote in the community, we have removed the registration fee! To get a permanent RSS page on rssHugger, all you need to do is write an honest review of the website on your blog. If you do not want to talk about rssHugger on your blog, we do offer an alternative of a $20 review fee, which ultimately runs down to only $2 per year!

How can I maximize my blog's visibility?
After you have signed up, begin by writing your blog post about rssHugger as per our agreement, but make sure to include your rssHugger blog page in your post. The more visitors you send to your page, the higher you will rank on the Top 100 page. To keep everyone on an even playing field, the Top 100 blogs page resets everyone back to zero on the 1st of every month. This will allow those that actively participate or promote their page on rssHugger to receive much more promotion in return. If you want to keep your rssHugger blog page ranking high at all times, it is recommended that you add your page to your Blogroll, or make a monthly post updating your visitors about the website.

Also make sure to pick some specific categories to add your rssHugger page in. To find examples of what other people are doing, visit the search page.

Who should purchase a blog page?
Now that we have removed the registration fee, and offer a completely free way to join rssHugger for 10 years, everyone that writes a quality blog should join!

What are the benefits of owning a blog page?
For the blog owners:

Raise awareness of your blog
Send tons of visitors to your blog
Share traffic with the community
Be part of a viral/buzz marketing campaign
Build deep-links for your blog posts to help with search engine optimization
Get new interested RSS subscribers who view your content on a regular basis.

For the visitors:

Find blogs that interest you
Easily subscribe to many blogs
Skim over hundreds of blogs to find what suits you

How does the idea work?
A blog owner writes a review about rssHugger (Who we are, what we do, your opinion, suggestions, etc), and registers his blog on rssHugger.com (We manually review all blogs/reviews to ensure that our website only hosts quality blogs). With that blog post, a lot of new users come to check out the site and then 10% of the readers may own their own blog and repeat the process. (If you do not want to make a blog post about our website, you can pay a $20 one time review fee to join). All in all, the site idea comes down to something like this:

What inspired you to make this website?
I came up with this unique idea while reading about ShoeMoney.com's $13,000 rss contest for October, in which he was competing with JohnChow.com on who of the two had more new rss subscribers for their blog in a month.

Can I change my blog later on?
Absolutely. If you decide to change your blog's URL whether it be from a .blogspot.com to your own domain, or just an entirely new blog itself, just shoot me an email and I will change it when I have time.

What will the blog's URL be?
The format for blogs is: www.rssHugger.com/YourBlog.com

What kind of blogs are not allowed?
rssHugger will not allow any blogs that promote illicit/illegal activities, violate trademark/copyright infringement policies, display pornographic content, or any other hate page. Spam of any kind is also not tolerated. I reserve the right to deny any page that I feel is not 'family friendly,' for the benefit of the rest of rssHugger's users. If you are wondering whether your blog violates any of the rules about porn/spam, I generally go by the rule: "If you have to ask... the chance is it probably wont be accepted." You can always email me asking and I will respond within 24 hours.

Contact Me
mailto:collin@wordhugger.com

Print This Page

Displaying HTML Tag in a Post

noreply@blogger.com (Ary) — Wed, 22 Oct 2008 02:30:00 +0000

How to display <a href=URL">Description</a> in your post? it's very easy.

change < with and change > with

and the tag should be:

or use tool for encode/decode html

ref: blogger-tricks.blogspot.com

Print This Page

Make Active Link in a Post or Comment

noreply@blogger.com (Ary) — Wed, 22 Oct 2008 02:15:00 +0000

This post will just focus on HTML for hyperlinks and is for everybody, not just Blogger users. This is how you should type your HTML:

<a href="URL of target site">anchor text</a>

example:

<a href="http://tipstricksblogging.blogspot.com" target="_blank">Tips Tricks Blog</a>

ref: blogger-tricks.blogspot.com

Print This Page

How to Display Underline Text

noreply@blogger.com (Ary) — Wed, 22 Oct 2008 01:58:00 +0000

Want to underline some text in your post? It is very easy.

1. In the new post, go to tab Edit Html
2. copy this CSS:

<span style="text-decoration:underline;">Your Text Here</span>.

Print This Page

How to Display Adsense in The Post

noreply@blogger.com (Ary) — Tue, 21 Oct 2008 06:33:00 +0000

1. Login to bloggers and then select "Layout -> Edit HTML"
2. Check the box "Expand widget template"
3. Search Code follows:

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

4. In the HTML code that is installed "ReadMore" 2 code as above. Select the code first.
5. Adsense code would be like this:

<script type="text/javascript">
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

6. note that the code is red (<- and //-->). Remove the code.

7. Then copy the adsense codec and place it under the <data:post.body/> </ p>. Then save.

Print This Page

Making A Scrollbox

noreply@blogger.com (Ary) — Mon, 20 Oct 2008 05:31:00 +0000

One of the way do this is to paste this code in your post editor (there is another way further down the post):

<div style="overflow:auto; height:300px; width:400px">
<table cellpadding="0" cellspacing="0" style="width:250px;">
<tr>
<td>Put your stuff here</td>
</tr>
</table>
</div>

Type or paste whatever text or HTML you want in the place where you see "Put your stuff here" (and of course then delete "Put your stuff here" and publish your post).

Note: The width and the height of the box can be changed by changing the numbers in height:300px; width:400px".

ref: blogger-tricks.blogspot.com

Print This Page

Hide The Navigation Bar Blogger

noreply@blogger.com (Ary) — Mon, 20 Oct 2008 05:01:00 +0000

Sign into Dashboard, click LAYOUT for the relevant blog and then click the EDIT HTML sub-tab. This will open the template editor window. Look for this tag: </head>. Paste this script immediately above that tag:

/*---Hidden navbar---*/

#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}

Preview, and if satisfied, click "Save Template".

ref: blogger-tricks.blogspot.com

Print This Page

Adding "Print This Page" Option For Your Blog

noreply@blogger.com (Ary) — Mon, 20 Oct 2008 04:39:00 +0000

Here is a hack to enable your blog visitors to be able to print your blog, HP has provided a hack. This is what you need to do. As usual, BACKUP your template before you make any changes to the template.

In your template, paste this script just below the <head> tag: (actually, it can be anywhere between the <head> and </head> tags, but pasting it immediately after the <head> tag is the easiest and the easiest to explain):

Preview, and if everything seems OK, click "Save Template"

Then in one of your post (or all your posts if you want) put this at the bottom of the post in the post editor window:

<a href="javascript:window.print()"><em><strong>
Print This Page</strong></em></a>

If you want the "Print This Page" to appear in all your post, go to SETTINGS > FORMATTING and paste the above into the post template window.

ref: blogger-tricks.blogspot.com

Print This Page

Creating/Displaying Recent Post

noreply@blogger.com (Ary) — Sun, 19 Oct 2008 05:18:00 +0000

You can generate a Javascript to put into your Page Element to display any number of posts you want, including all. Go to The script generator.

You will have to enter the feed URL for your blog which will take the form of
http://yourblog.blogspot.com/rss.xml or
http://yourblog.blogspot.com/feeds/posts/default?alt=rss or
(substituting "yourblog" with the actual URL of your blog)

If you select the number of items to display to zero, then all the posts will be listed. I have limited it to 8 as showing all posts will give a very long list. Putting "Show item descriptions?" as 0 will give no description, 1 will give full description, and n>1 will display the first n characters of the description. The rest are self-explanatory.

copy the generated script, go to the Layout of your blog, click "Add a Page Element", then select HTML/Javascript, and paste the script into the pop-up window. In the pop-up for the "Add a Page Element" widget, put in the TITLE "List of Post" so that your list of post will have a visible heading.

ref: blogger-tricks.blogspot.com

Print This Page

Displaying Google Translate On Your Blog

noreply@blogger.com (Ary) — Sun, 19 Oct 2008 02:47:00 +0000

Add gadgets translations to your website, and offer instant access to the automated translation of the page

A Search Widget for Your Blog

noreply@blogger.com (Ary) — Sat, 18 Oct 2008 02:03:00 +0000

This form will take you to Blogger where you can choose to install the search widget into your sidebar (or other element of your template). However, if you prefer to install the search widget manually, you should take the following steps:

1. Go to Template>Layout in your Blogger Dashboard.
2. Create a new HTML/Javascript element in your sidebar.
3. Insert the following code into the widget:

4. Give your widget a title if you like (eg: "Search this Blog"), and click save. You should now have a fully functional search box in your blog's sidebar!

ref: bloggerbuster.com

Creating Related Post Blog

noreply@blogger.com (Ary) — Fri, 17 Oct 2008 07:33:00 +0000

Benefits show "Related Post" is the blog readers can easily find other information that is related to articles that are read. Related post is based on the category or the same label.

1. Select the menu "layout -> Edit HTML"
2. Check the box "Expand Widgets Template."
3. Search <data:post.body/> code and place the script was underneath. put the script under the code first.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Related Post:</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 3;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 100;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>
</b:if>

4. Save your template

Displaying Recent Post

noreply@blogger.com (Ary) — Fri, 17 Oct 2008 03:31:00 +0000

1. Log in to Blogger and then select "Layout"
2. Click on the "Page Element" select "Add a Gadget - HTML / Javascript"
3. Copy the following code in the box and put the "content".

4. Change YOURBLOGNAME with the name of your blog.
5. The number "10" shows the number of "Recent Post" that is displayed, you can replace
6. Save.

ref:trik-tips.blogspot.com

Making a Read More...

noreply@blogger.com (Ary) — Fri, 17 Oct 2008 02:17:00 +0000

1. Open the Layout menu and then select Edit HTML.
2. Give a check mark on ceckbox "expand widget template"
3. Find the following code:

4. Replace the code

with:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>

5. Save the results of editing.
6. Then select Settings menu and select Formatting
7. In the Post Template box enter the following code:

8. Then Save.
9. When the post, 2 tab option, "Compose" and "Edit Html", select "Edit HTML", Then automatically the code will appear as follows:

10. Put the posts or articles that will be displayed in the main above this code: <span class="fullpost">so that the entire post in place between the code and <span class="fullpost"> </span>
11. Done

ref: trik-tips.blogspot.com

Label Cloud

noreply@blogger.com (Ary) — Fri, 17 Oct 2008 02:15:00 +0000

1. Go to your template and choose edit HTML and choose the widgets expanded.
2. Find ]]></b:skin> and paste these codes before that.

/* Label Cloud Styles
----------------------------------------------- */
#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}

3. paste these code after ]]></b:skin>and before the </head> tag

4. Find this line <b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'/"></b:widget> . If you can't find it just go to the page elements sub menu and add a label widget first and replace it 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'/>
<script type='text/javascript'>

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] < cloudMin){
continue;
}
for (var 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';
li.style.lineHeight = '1';
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>

<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>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

for more details:

Now if all has gone well, and you have posts already labeled, then if you preview the
blog you should see some form of the Cloud appearing. If it doesn't appear, then something
went wrong. You should probably back out and try it again from the start.

Update : I've found 2 things to check for first if the label cloud isn't showing. First make sure that at least one of your labels has more than one entry. A bug in the script causes it to fail when all the labels have only one entry.(As soon as any label has more than one entry, then it should be ok from then on) Also, make sure that none of your labels contain quote marks " . Apostrophes or single ticks ' are ok. ------

Most likely the cloud with it's default settings won't be what you ultimately want. But all
the colors and sizes are configurable to match your tastes. If the cloud is appearing in preview
then you can go about changing some of the variables so they suit.

The settings in the Variables section will be where you make most of your adjustments. Here I'll
explain what each setting does.

var cloudMin= 1;

This setting you can use to limit the number of labels shown (for example if you have a lot of labels). Leave the setting at 1 to show ALL labels. If you enter in a higher number, then only labels that have at least that number of entries will appear in the cloud.

var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;

The lines for
maxFontSize
maxColor
do what you may think they do. The first one sets the size (in pixels) of the label with the
most amount entries. The maxColor sets the color of that entry (in RGB format). Similiar with
the next two
minFontSize
minColor
Just these are for the label with the least amount of entries. Again the size is in pixels,
the color is in RGB format. Any labels between the two will get their color/sizes based on
how many labels they are, and where their entry count falls, giving the much desired cloud
effect.

From my experimenting, there are many factors that make up a pleasant looking cloud. From
color/size choice, to the number of actual labels, to how well dispersed the entries are amoung
the labels. 3 Labels don't make a good cloud as there isn't much to work with. You just have
to experiment around to see what looks good with your setup.

IMPORTANT, when change the color settings, Keep them in the format supplied. In between the [] and
the numbers separated by commas. The default colors are BLUE for the max and BLACK for the min.
You can select any valid RGB color combination. If you don't know what RGB colors are, don't
worry. It's just a way of defining a color. You can use many charts on the Internet to
get the correct RGB value for the color you want to try. Here's one that is fairly good.

RGB Color Code Chart

Remember, if you get the 3 sets of numbers to enter them in correctly. Inside the [ ] separated by
commas.

Also experiment with different font sizes. Again it depends on how many entries, how dispersed
they are, and how much room for the cloud is available as to what looks good.

The last variable there is

lcShowCount

This can either be false (default) or true. All this does is turn off/on the post count displayed
next to the label. Usually in a 'traditional' cloud the count isn't used. But if you go to a
'flat' listing then it's sometimes useful to turn it on.

Now to the CSS section. Most people won't need to tweak these much, and it's not necessary to
understand what all those entries are for. Most are just to make sure that other styling
elements from the rest of your page don't inherit in and ruin the cloud. But there are a few
that you may want to change to suit.
The first line

#labelCloud {text-align:center;font-family:arial,sans-serif;}

You could change the fonts used in the cloud here if you wanted.
Also, the text-align statement can also be changed. I have it set to center by default but you
could use

text-align:justify;
text-align:right;
text-align:left;

If those suit better.

The next line

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

Well don't worry about most of it unless you are a hardcore CSS'er. The only one of real
importance is the first entry

display:inline;

You can change that to

display:block;

To get the 'Flat' (each entry on it's own separate line) listing of the weighted entries.
Usually if that is set to block you would probably want to change the sort frequency from
alphabetical to frequency. You do that by editing the widget from the Page Elements tab in
Blogger.

And the last bit I'll mention is the line

#labelCloud .label-count

If you set the lcShowCount variable to true to show the post counts, you could change the
color/size of those numbered entries with that line.

ref: Label Cloud