Free Web Scripts Templates Graphics: blog Help

How to blog Import and Export New Feature

How to blog  Import and Export

</h1>
<div class="article-content entry-content" itemprop="articleBody">
Today’s release brings another long-desired feature to Blogger: Import and Export of blogs. Now you can export all of your posts and comments into a single, Atom-formatted XML file for easy backup. You can then import the posts back into Blogger, either into an existing blog or into a new one. 
 
<div class="separator" style="clear: both; text-align: center;">
<img src="http://4.bp.blogspot.com/_ePNaPx__W9w/SGRHP6I-SzI/AAAAAAAAAWM/IluwVgdjrQk/s400-R/export-blog.png" style="border: 0pt none;" /></div>
To export your blog, log in to http://yourblogname.blogspot.com/ and go to the Settings > Basic page. You’ll see the Others  Tools 
 links at the top of the page for importing and exporting. (We also 
moved blog deletion up here from the bottom of the page. Don’t worry 
about accidentally clicking it, though; your blog wouldn’t be deleted 
until you confirmed on the next page.) 
 
<img src="http://2.bp.blogspot.com/_ePNaPx__W9w/SGRHRojdDmI/AAAAAAAAAWU/9qW9_cxn-x8/s200-R/export-save.png" style="border: 0pt none;" />Once
 you click “Export blog” and press the “Export” button on the next page,
 your browser will prompt you to save the XML file for your blog. Keep 
it somewhere safe as a backup, or import it into a different blog. You 
can import one blog into another from the Blog Tools links, or when 
creating a new blog. Look for the “Advanced Options” at the bottom of 
the page. 
 
<div class="separator" style="clear: both; text-align: center;">
<img src="http://3.bp.blogspot.com/_ePNaPx__W9w/SGRI5DrEl9I/AAAAAAAAAWc/xKEHfhh8tYM/s320-R/import-new.png" style="border: 0pt none;" /></div>
When
 you import a blog, all of the posts will get saved in an “imported” 
state. From there you can publish just a few, or all of them at once. 
Here are some ideas for what you can do with importing and exporting: 
<ul>
<li>Merge two or more blogs into one. Take the exported posts and comments from one blog and import them into another one. </li>
<li>Move individual posts from blog to blog. After importing, select just a set of posts to publish and publish them with one click.</li>
<li>Back up your blog to your own storage. You can keep your 
words safe and under your control in case anything happens to your blog,
 or us, or if you want to remove them from the Internet.</li>
<li>Move your blog somewhere else. Our export format is standard 
Atom XML. We hope to see other blogging providers extend their Atom 
support to include import and export. And, if you decide to come back to
 Blogger, importing your export file will get you back up and running in
 seconds.</li>
</ul>
Caveats 
<ul>
<li>The export format currently only covers blog posts and comments to those posts, not blog settings or templates.
 To back up a Classic template, copy and paste the template code from 
the editor. To back up a Layouts template, use the Backup / Restore 
template option to download a copy of your template.</li>
<li>Before importing a blog for the first time, we recommend that you 
create a new, throwaway blog to import into so you get a sense for how 
the process works. Once you’re comfortable, import into your public 
blog.</li>
<li>At the moment there is a 1MB size limit on the blog you can import. This is a bug that we are correcting the issue. 
</li>
</ul>
Have you imported or exported your blog? Let us know about how it went in the comments.</div>
<div class="publish-info">
Posted <abbr class="time published" itemprop="datePublished" title="2008-06-27T01:20:00.000Z">27th June 2008</abbr> by JJ from the Data Liberation Front
 
</div>
</div>

How to blog Import and Export New Feature

How to blog Import and Export Today’s release brings another long-desired feature to Blogger: Import and Export ...

Create Blogger Make a Menu Bar That Categorizes Posts

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Create  Blogger Make a Menu Bar That Categorizes Posts </h2>
<div style="text-align: justify;">
One of the biggest problems with 
Blogspot is the menu bar. In WordPress, you can easily and quickly 
create drop down menus. In order to make that work in Blogger, you need 
to modify your code. However, not all is lost. Maybe you can’t have drop
 down menus without a lot of headache, but you can have categories at 
the top of your menu bar. You can use your labels as categories. Let’s 
say for example you write about food, marriage, and fashion. When 
someone comes to your site, they may only want to browse through the 
marriage posts. By creating a menu tab with the word marriage, blogger 
will pull up only those posts. Typically a menu bar is only comprised of
 static pages or outbound links. However, using a simple formula, you 
can create your labels to work as menu bar items!</div>
<div style="text-align: justify;">
If you haven’t created labels yet, you 
should. Labels are like extra keywords that attach to your post, but if 
you want to use the labels to help categorize your posts, pick about 
five or six labels and always use the same label when you are adding it 
to a post.</div>
<div style="text-align: justify;">
Once all your posts are labeled, here’s how to make the menu bar.</div>
<div style="text-align: justify;">
1. Login to your Blogspot dashboard.</div>
<div style="text-align: justify;">
2. Go to layout.</div>
<div style="text-align: justify;">
3. Click on your menu bar widget (it’s probably labeled pages) to open it up. 
<a href="http://www.fabulousblogging.com/wp-content/uploads/2013/03/Screen-Shot-2014-05-14-at-1.00.19-PM.png"><img alt="Screen Shot 2014-05-14 at 1.00.19 PM" class="aligncenter wp-image-4138" height="166" src="http://www.fabulousblogging.com/wp-content/uploads/2013/03/Screen-Shot-2014-05-14-at-1.00.19-PM.png" width="575" /></a></div>
<div style="text-align: justify;">
4. Go to the bottom where it says ADD LINK PAGE. 
<a href="http://www.fabulousblogging.com/wp-content/uploads/2013/03/Screen-Shot-2014-05-14-at-12.53.07-PM.png"><img alt="Screen Shot 2014-05-14 at 12.53.07 PM" class="aligncenter size-full wp-image-4135" height="341" src="http://www.fabulousblogging.com/wp-content/uploads/2013/03/Screen-Shot-2014-05-14-at-12.53.07-PM.png" width="509" /></a></div>
<div style="text-align: justify;">
5. Type in the title as you want it to appear (in our example, type the word wordpress).</div>
<div style="text-align: justify;">
6. Now you need to type in a URL. http://www.[your blog name].com/search/label/[your label]</div>
<div style="text-align: justify;">
7. Hit save.</div>
<div style="text-align: justify;">
You are all set! Any blog post that uses that label will be pulled up like a filtered archive  (listed according to date).</div>
</div>

Create Blogger Make a Menu Bar That Categorizes Posts

Create Blogger Make a Menu Bar That Categorizes Posts One of the biggest problems with Blogspot is the menu bar. In WordPress, you can...

Best Top 9 Wordpress Plugin

Best Top 9 Wordpress Plugin Now I will share information about WordPress. Several plugins WordPress, which I think important to install on y...

Page Numbers to Blogspot

Page Numbers to Blogspot
 Usually the blogger template only provides the "Older Posts" or "Newer Posts" link to let the reader navigate, and browse to another page on the site, archives, categories and page labels. Unlike a <a href="http://blog-helpers.blogspot.com/">blog</a> like <a href="http://blog-helpers.blogspot.com/search/label/Wordpress">wordpress</a> that supports plugins to customize the page navigation links to the page number list to make it user friendly.
 
 However, it is still possible to modify and replace the typical classical "Posts Older" and "Newer Posts" navigation links on Blogger blogs to navigation numbered pages. You can see the demo <a href="http://abu-farhan.com/Demo/Pagenavi/css/WP1.html" rel="nofollow">here</a>, the navigation <a href="http://blog-helpers.blogspot.com/search/label/Outbound%20link">links</a> consist of page numbers, next page and previous page (if applicable) is the display on Blogger blogs are not "older Items" and "Newer Items" link text.
 
 To change your link navigation to page number on your Blogspot blog
 simply add the <a href="http://blog-helpers.blogspot.com/search/label/HTML%20Script">script</a> below before ]]></b:skin> :
 
 
 <blockquote>.showpageNum a {
 padding: 3px 8px;
 margin:0 4px;
 text-decoration: none;
 border:1px solid #999;
 -webkit-border-radius:3px;-moz-border-radius:3px;
 background: #ddd;
 }
 
 .showpageOf {
 margin:0 8px 0 0;
 }
 .showpageNum a:hover {
 border:1px solid #888;
 background: #ccc;
 }
 
 .showpagePoint {
 color:#fff;
 text-shadow:0 1px 2px #333;
 padding: 3px 8px;
 margin: 2px;
 font-weight: 700;
 -webkit-border-radius:3px;-moz-border-radius:3px;
 border:1px solid #999;
 background: #666;
 text-decoration: none;
 }</blockquote>Second, you need to replace </body> with :
 <blockquote><script type="'text/javascript'">
 var home_page="/";
 var urlactivepage=location.href;
 var postperpage=4;
 var numshowpage=5;
 var upPageWord ='Prev';
 var downPageWord ='Next';
 </script>
 <script src="'http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js'" type="'text/javascript'"></script>
 
 </body></blockquote>

Page Numbers to Blogspot

Page Numbers to Blogspot Usually the blogger template only provides the "Older Posts" or "Newer Posts" link to let th...

Adding a second sidebar to your Blog -

Adding a second sidebar to your Blog - part 2 In one of my older posts, I gave a short tutorial on how to add a second sidebar to your Blog. Recently I got some comments of people who got stuck, so I decided to post a second, more detailed tutorial on how to rig up a second sidebar. Understanding structure and layout. First of all, you have to understand that your Blog Layout consists of several sections. The standard Blogger template has a Header-section, a Sidebar-section, a Main-section and a Footer-section. Inside these section Blogger puts the widgets, these are the page-elements that you can select from the Template-tab. Now, let's take a look at the structure of a standard Blog. If you create a fresh, new Blog, the Page Elements Tab looks like this:   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidiXVdCytiCAzinV9yQ-J9JbaA8g9y2W2FkEicFVzZrKMd0lt56x7m6LbzPPIHcn0mlaEYAkMf_IGl8EQMS2WicVoYfRL08UoEfCCgl3jtozHUxOPpsIUJrdW8TZ3ADUtDKevZjm5Ycbhb/s1600-h/image2.png"><img alt="image" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJzNeVXYT3fqrxwMOF9dZUc_UWjhfXO_Wr4iGZUYV9uDEhK0rct2jykG59ATxoIsz_iA7QaCw3tJWLDep4PCwvxxhxEMiaeQi7QSXebooReiK1jgYx4NSat-NRqtaaiGBMbS0Soyj9Bobo/?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="244" /></a> This Layout has 4 sections: Header, Main (with the Blog Posts), Sidebar and Footer. The HTML-template looks like this (the line-numbers are added for reference only): 010: <body> 020: <div id='outer-wrapper'>l<div id='wrap2'> 030:  040: 050: <a href='#main'>skip to main </a> 060: <a href='#sidebar'>skip to sidebar</a> 070: 080: <div id='header-wrapper'> 090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)' type='Header'/> 110: </b:section> 120: </div> 130: <div id='content-wrapper'> 140: <div id='main-wrapper'> 150: <b:section class='main' id='main' showaddelement='no'> 160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 170: </b:section> 180: </div> 190: <div id='sidebar-wrapper'> 200: <b:section class='sidebar' id='sidebar' preferred='yes'> 210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> 220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> 230: </b:section> 240: </div> 250:  260: <div class='clear'> </div> 270: </div>  280: <div id='footer-wrapper'> 290: <b:section class='footer' id='footer'/> 300: </div> 310: </div></div>  320: </body> Lines 010 and 320 are the body-tags. All your code has to be between these two tags. Lines 020 and 310 are the div-tags for two wrappers, the wrapper called "outer-wrapper" and the wrapper called "wrap2". In CSS you can define fonts, colors, and other styling for these wrappers. We'll look into CSS later in this tutorial. Lines 080 to 120 contain the header. As you see, there is a div-wrapper (080 and 120), section-tags (090 and 110) and the widget that contains the header itself (100). Lines 130 to 270 contain the content. Content means here: blog posts and sidebar. There is a div-wrapper called "content-wrapper" (130 and 270), and inside this wrapper there are 2 more wrappers: the "main-wrapper" (140-180) and the "sidebar-wrapper" (190-240). Inside the main-wrapper we find the main-section (150 and 170) with the Blog-widget (160). This widget contains your posts. Inside the sidebar-wrapper we find the sidebar-section (200 and 230) with an Archive-widget (210) and a Profile-widget (220). And finally we have a Footer (280-300). Now that we understand the structure, let's take a look at the formatting of this template. In the stylesheet you will fund the following code: #outer-wrapper { width: 660px; padding: 10px; ....... } #main-wrapper { width: 410px; float: left; ....... } #sidebar-wrapper { width: 220px; float: right; ........ } The outer-wrapper has a width of 660 pixels. The padding is set to 10 pixels, so that everything that is inside the outer-wrapper stays 10 pixels from the border. So that leaves 660 - 20 = 640 pixels for main-wrapper and sidebar-wrapper. The main-wrapper has a width of 410 pixels, and floats to the left. The sidebar-wrapper had a width of 220 pixels, and floats to the right. Together, main-wrapper and sidebar-wrapper have a width of 410 + 220 = 630 pixels. In the middle there is a space of 640 - 630 = 10 pixels. So, if we want to squeeze in a second sidebar, we have to do something to create space. As it is now, it won't fit in. Adding a second sidebar. First, we will add the sidebar to the structure of the template, then we will add it to the CSS, and make it fit into the page. Step 1: Backup the template. Step 2: Make your right-sidebar unique. Change lines 190 and 200: 190: <div id='right-sidebar-wrapper'> 200: <b:section class='sidebar' id='right-sidebar' preferred='yes'> In your CSS style-sheet, change "#sidebar-wrapper" to "#right-sidebar-wrapper". If you save your template now and view your blog, it should look okay. Step 3: Add a left sidebar by adding new lines of code: 131: <div id='left-sidebar-wrapper'> 132: <b:section class='sidebar' id='left-sidebar' preferred='yes'/> 133: </div> Now save your template, and take a look at the Page Elements tab. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGXGZbwoNqR3k6Ytbq9D8WoabBUnWr5KAImpd5bNA_jP2A5hnH4vTfxk-184gZ-kyMviEDb2iCCY9dHDFPSRKI-g4LlVzWVcQ4TpmtS3Sf7H3y2Zt4y75-tulhoDXfbf5EbSIKgGsE0zi/s1600-h/image5.png"><img alt="image" border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEsPrsttsJsSP3NZU8Koe8lkq_EZqWEvrSuQTGBylNs-9IyPFH3kWpW0Fngsor-_pQvqKCWgxd7gh2RVmqiO-CMLs_B3SztZtm6f_yERLqbg2dq-xlaX3Gauapagy0_frZJajJpR-kGw7/?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="244" /></a> You can see there is a new section, just below the header and above the posts. But it is not at the left side of the screen jet. Therefore, we have to add some CSS. Step 4: Add CSS for the left sidebar. In your CSS-style sheet, add the following code: #left-sidebar-wrapper { width: 220px; float: left; word-wrap: break-word; overflow: hidden; } Your Page Layout tab will show something like this:   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFJjk1_Cr-aEBfiyKK9LZB5d5lY6GMduhc91nWOZKh6eWr356F0kGM5hitaxGL8gkLFAx30qPsf07EAlmDxrE-W8H72bndlPyoY9H80CM1YixZBnp0JycbhiM64jIhjgr5KdK-RFMJXAK/s1600-h/image8.png"><img alt="image" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMqLTyOAV8fQSyJe_P3qV55y1fd2ytWpW-kDGiGtRCHSrcNPGb0oKmLOQruhKKJHPSSE6LyCVmQZZ1jJGa5I_BK_Gm9XdhZjayCZREN4HSUMqoRYW7sp1DBkwwuAx_P6P7bKc4Ft8NV-j/?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="244" /></a> The sidebar-section is now to the left, but your right-sidebar is suddenly below your posts. That is because the width of 2 sidebars and a main-section counts up to 840 pixels, and that is more than the width of the outer-wrapper (660 pixels). Step 5. Change outer-wrapper and header-wrapper width. In your CSS-stylesheet look for the #header-wrapper and #outer-wrapper definitions, and change the width from 660 to 860. Step 6. Add a page element. Now finally, add a page element to your left sidebar. Your Blog Layout will look like this now: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOuy56hW5g1s7AwLAairZaIujBwLDqMmACbLNnHJvZNCQ6ArQohOFfiV8eUXTkUzaA66zWLSjLVtbCc2Ho5xjou6zeOAkP0JlmMVv6AqFQ-aPGE7WkauGYWwaxWiXiY3MwxlqC_zGc6pek/s1600-h/image11.png"><img alt="image" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMDnF-Ch-Z1MEgeCEjOO8dx_50lv1DmbyG6FqmUb6TqI6Kg8wCf4ijQTfgOEnP71gxrnPMlZ-MrDXzcAXjjWdn2c59x6frk4gZkhJ6qhu84xFYmwTsitYrihCY7HXUGBjq1CzKP9_snHg/?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="244" /></a>

Adding a second sidebar to your Blog -

Adding a second sidebar to your Blog - part 2 In one of my older posts, I gave a short tutorial on how to add a second sidebar to your Bl...

Setup and configuration for New Blogger Tag Cloud / Label Cloud

Comments and Problems can be reported at the home post for this at
 Code for New Blogger Tag Cloud / Label Cloud
 
 Here is the code and setup information to use the Label Cloud in New Blogger.
 First you obviously have to have a blog on New Blogger, and you MUST be using the layouts templates,
 (this isn't available for classic templates, or FTP published blogs ) and you must have some posts labeled already. (There needs to be at least ONE label with more than ONE entry or the scripts hit a bug - so have at least one label with more than one entry before starting).
 Make sure you backup your template before making any changes!
 
 Log into Blogger and go to your layouts section. On the 'Page Elements' setup page
 make sure you have a label widget already installed where you want it (it can be moved around
 later). Then go to the Edit HTML settings and leave the widgets NOT exapanded. It will make
 things easier to deal with.
 
 
 Now the code comes in 3 parts. A section for the stylesheet, a configurations section,
 and then the actual widget itself.
 
 The first part to put in is the stylesheet section. The following code needs to be copied
 and inserted into your stylesheet, which in the layouts is marked out by the <b:skin> tags.
 Easiest thing to do is find the closing skin tag
 
 ]]></b:skin>
 
 and place the code right BEFORE that.
 Here it is, copy and paste without modification right now. I'll explain what can be tweaked
 later.
 
 <textarea style="width: 432px; height: 100px;" onfocus="this.select();" name="textarea" cols="26"> /* 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}

This next section is the configuration section for the Cloud. It also goes in the head
of the template, but outside of the stylesheet part. Easiest thing to do again is to find
the closing stylesheet tag

]]>

But this time place the code right AFTER that line, but BEFORE the tag. Here it is.

All of these settings can be changed but I'll explain them in a moment. The defaults will work for now.

Now the widget itself. Scroll down and find the label widget in your sidebar. It should look
something like this.

Copy the following code (from beginning widget tag to ending widget tag) and replace
the line above with it.

<b:widget id="'Label1'" locked="'false'" title="'Label" 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'"> // 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] < 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.name/> <b:else/> <a 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>

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.

Setup and configuration for New Blogger Tag Cloud / Label Cloud

Comments and Problems can be reported at the home post for this at Code for New Blogger Tag Cloud / Label Cloud Here is the code and set...

Widget Below of the Header

Widget Below of the Header Few days ago, there are some friends who ask me, “ How to save widget below header exactly? ” Generally, we can’t save widget or element, right in below of header in Blogger template. Usually, we can only put element or widget in top of Post element, but of course width of that element just as wide as ‘post width’. Then maybe you will ask me, “ Do we have some ways, to save widget or element, exactly below the header? ” The answer is…. Of course, we can…. In fact, we have a lot of ways for fix that thing. But, in order that there are limitations of times and places, I can’t write all of the tricks here. I will only give you one way for fix that problem. Ready? Okay then, here we go…. Follow my instructions below: 1 Login to Blogger with your id. Click Layout. 2 Click Page Element tab, look at the structure of your layout template. Usually, the header element will be show like this : <a href="http://lh3.ggpht.com/rohmaN24/SI39wqeDEBI/AAAAAAAAApc/NKNFjY5qqKk/elemenheader_thumb7_thumb%5B23%5D.jpg?imgmax=800" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://lh3.ggpht.com/rohmaN24/SI39wqeDEBI/AAAAAAAAApc/NKNFjY5qqKk/elemenheader_thumb7_thumb%5B23%5D.jpg?imgmax=800" style="cursor: pointer; width: 409px; height: 72px;" /></a> We are going to fix this thing. Let’s begin the party!!! Just click Edit HTML tab. Click sentence Download Full Template, you must backup this thing. It’s very important! Find out codes which like this : <textarea style="width: 332px; height: 100px;" onfocus="this.select();" name="textarea" cols="19"><b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'">

Delete that code and change with this one:

Click Save Template button. Wait ‘till this is done.

Click Page Element tab and your layout template will be like this :

Feel please to customize your blog with a new Page Element below the header.
In order to add Page Element, you can click Add Page Element. You can add anything you want. And then, you can drag the new element, below of header elementr, if you already finish your business with your new element.
If your setting was done, just click SAVE in top of that page.
Well done, now see the result.

Happy blogging to all.

Widget Below of the Header

Widget Below of the Header Few days ago, there are some friends who ask me, “ How to save widget below header exactly? ” Generally, we can’t...

Blog Tool & Resource - Blog Editor / Widgets / Templates / Themes / Poll / Blog Direc

Great Sites And Tools Can Help You: Blog Tool & Resource - Blog Editor / Widgets / Templates / Themes / Poll / Blog Directories / Ping Services Desktop / Stand Alone Blog Editor Well I usually use the online default editor. But for all of you out there desperately seeking much more our of your blog editor, there are plenty of options available ScribeFire (previously Performancing for Firefox) (Firefox Add-on/Free) http://www.scribefire.com/ w.bloggar (Windows/Free) http://wbloggar.com/ ecto (MacOSX ,Windows /Shareware) ecto is a feature-rich desktop blogging client for MacOSX and Windows, supporting a wide range of weblog systems, such as Blogger, Blojsom, Drupal, MovableType, Nucleus, SquareSpace, TypePad, WordPress http://infinite-sushi.com/software/ecto/ Qumana (Mac,Windows/Free) Qumana is a simple desktop editor for Windows and Mac OS that helps you write to multiple blogs all from one convenient interface. http://lycos.qumana.com/ Zoundry Blogwriter (Windows/ Free) http://www.zoundry.com/download.html Thingamablog (Windows,Mac, Linux/Free) Thingamablog is a cross-platform, standalone blogging application that makes authoring and publishing your weblogs almost effortless. Unlike most blogging solutions, Thingamablog does not require a third-party blogging host, a cgi/php enabled web host, or a MySQL database. In fact, all you need to setup, and manage, a blog with Thingamablog is FTP, SFTP, or network access to a web server. http://thingamablog.sourceforge.net/ BlogDesk (Windows/Free) BlogDesk is optimized for the blog systems WordPress, MovableType, Drupal, Serendipity and ExpressionEngine as well as the bloghosters Blogg.de and Twoday.net. http://www.blogdesk.org/en/download.htm Post2Blog (Windows/Free) Post2Blog 3 is a freeware handy blog editor with live spell-checking support for pro-bloggers http://www.bytescout.com/post2blog.html BlogJet (Windows/Shareware) BlogJet is a shareware windows blog client for managing multiple blogs. http://www.codingrobots.com/blogjet/ BloGTK Blog Editor (Linux/Free) Nice blog editor for Linux. http://sourceforge.net/project/showf...group_id=87493 QTM (Linux/Free) QTM is another Linux based blogging client which is presently capable of composing, formatting and submitting blog entries to a weblog. http://qtm.blogistan.co.uk/ Bleezer (Windows, Mac OS X, Linux /Free) Bleezer is a freeware. Works on Windows, OS X, and Linux. http://www.larryborsato.com/bleezer/ blogBuddy (windows/Free) blogBuddy is a small Windows 95/NT/ME/2000/XP program written in Delphi that manages Blogger.com and other weblogs which implement the Blogger API. http://blogbuddy.sourceforge.net/ Drivel (Linux/Free) http://www.dropline.net/drivel/ iJournal (Mac/Free) http://ijournal.os10.org/wiki/index.php/IJournal Blogger for Word (MS – Word Blogger Addin /Free) http://buzz.blogger.com/bloggerforword.html Blog Widgets Widgets are a nice way to dress up your blog and providing extra features at the same time. Be it FEEDJIT or aStore or any other widget they always spice up the blog. Here is a list of links where you can find out more about widgets and also many nice widgets for your blog. http://technorati.com/widgets/blogwidgets http://mashable.com/2007/09/06/widgets-2/ http://weblogtoolscollection.com/ http://wordpress.org/development/200...idgets-plugin/ http://www.widgetbox.com/ http://www.blogrush.com/ http://www.majikwidget.com/mw/index.php http://www.feedblitz.com/f/?AddBloggerWidget http://www.blogorator.com/ http://www.widgets-blog.com/ http://www.widgipedia.com/widgets/search/tag/blogger http://googletranslategadget.blogspot.com/ http://widgets.wordpress.com/ http://codex.wordpress.org/Widgets_SubPanel http://buzz.blogger.com/2007/02/make...r-widgets.html Resources for Blog Templates BlogSkins http://www.blogskins.com/ Free Blogger Templates http://www.finalsense.com/services/blog_templates/ Layouts Gala Free CSS Templates http://blog.html.it/layoutgala/ Free Templates for Blogger, Blogsky, Persian blog, and Movable Type http://www.ehsany.com/ Templates for Blogger http://www.geckoandfly.com/blogspot-templates/ http://blogger-templates.blogspot.com/ http://blogspottemplates.blogspot.com/ http://www.pyzam.com/bloggertemplates http://freetemplates.blogspot.com/ http://www.bloggingthemes.com/ Blogger Templates Directory http://blogger-templates-directory.blogspot.com/ Wordpress Themes http://themes.wordpress.net/ http://themes.enquira.com/category/wordpress-themes/ http://topwpthemes.com/ http://www.romow.com/blog/category/f...dpress-themes/ http://www.ventedoy.com/themes/ http://www.bestwpthemes.com/ http://www.templatesfactory.net/blog...ory/wp-themes/ http://www.wordpresstheme.com/ http://www.askgraphics.com/freetemplates/ http://wpgarden.com/ http://templatextreme.com/products/w...hemes/list.php http://themez.info/ http://cureless.net/works/wp-themes/ Lot of WP Themes http://weblogtoolscollection.com/arc...dpress-themes/ Polling Widgets / Services Want to add a poll to your post? It’s simple to do with all these easy to use polling services. http://www.quimble.com/ http://www.addpoll.com/ http://www.pollpub.com/ http://polls.blogflux.com/ http://blog.jalenack.com/archives/democracy/ http://www.blogpolls.com/ http://www.vizu.com/ http://www.blogpoll.com/poll/ http://dev.wp-plugins.org/wiki/wp-polls (Wordpress Only) http://www.bloggeries.com/makepoll.php http://www.htmlpoll.com/ http://www.blogpolling.com/ http://pollcode.com/ Blog Directories One of the ways to bring more traffic to your blog (although not most effective and fast) is to submit your blog to blog directories. Most of them don’t charge you for listing. Below is a list of Blog Directories http://www.bloggeries.com/ http://www.blogarama.com/ http://www.weblogalot.com/ http://www.blogdirs.com/ http://www.blogrankings.com/ http://www.blog-directory.org/ http://www.blogit.com/Blogs/ http://www.bestblogs.org/ http://blo.gs/ http://www.bloggapedia.com/ http://blogs.botw.org/ http://blogannounce.info/ http://www.topblogarea.com/ http://www.bloghints.com/ http://www.blogcatalog.com/ http://www.bloghub.com/ http://www.blogtoplist.com/ http://www.totalblogdirectory.com/ Blog Ping Services Pinging means or notifying a number of services that keep track of blogs that your blog has been updated and hence, they crawl and index your site. This is a very important way to increase traffic to your blog though often neglected. Below is the list of a few ping services which automatically pings several ping servers at the click of a button. http://pingomatic.com/ http://pingoat.com/ http://pings.ws/ http://autopinger.com/ http://freeblogping.com/ http://blo.gs/ping.php http://www.kping.com/ http://technorati.com/ping

Blog Tool & Resource - Blog Editor / Widgets / Templates / Themes / Poll / Blog Direc

Great Sites And Tools Can Help You: Blog Tool & Resource - Blog Editor / Widgets / Templates / Themes / Poll / Blog Directories / Ping S...

Customizing Blogger Meta Tag Title

One that makes our blog crawled easily by Search Engine bot is by installing the Meta tag on our blog template. According to SEO ( Search Engine Optrimization ), a good template is placing the code of post title before the code of blog title; how about blogger template? By default, blogger template is placing the code of blog title before the code of post title. To prove that blogger template places the code of blog title before the code of post title, please click the post title of your blog and see the upper of your browser, and then you will see it as the example below:   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizfQqYbGIWh85AzD0C7ZLC3lnkHUPK8KUGfkmIPogNrcvGDpWWNxR5XtdLSvZGnRZ_cFY0vAboZa6zEWR7-iWR4EU1rmEJYITGc9hXncCDTTmQE1GgRr89Sz9fW6akZToBApNyjnY39f8U/s1600-h/image%5B2%5D.png"><img alt="image" border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9h7eGiMyp_TAju4awbqlR6EZEVfQQh6qNJCqoc7fx7MhuPSDRA_vDA_pr_OyynQXEA-oqMHIK3WyMDd8GMPJMXcEqycRxa8gqcLcTx8Y6F6FhCuSGKjs5EGSXRwVdJ8cA5DNPDT96OpF/?imgmax=800" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="image" width="244" /></a> You can see that blog title is before post title, and it is no good for the crawl of our blog by the search engine bot. Compare with my blog that has been modified (click one of the title post of this blog) <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqMAaNz5i9w7aP1s3CVng7XwDLdVGi8RaF8ZH17Rq86QPbgZzl-NzyjxOQ-LOcfi47p89R1bGO_O_rDdWKlPAk9rTPD0CBYtfARl-6JkXFi1xmrlfb384uGxwg5_PUHkncgD5DQI8yZtgH/s1600-h/image%5B5%5D.png"><img alt="image" border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF27E-dDgqQIKIyaMujhIa8_t8cSmlAuGaQDMZtyvgZUQLGmi9Gj27Oj79KMZJGFDUvFhXBai3InFXIKQhWDC4CwEhUKN0P367LjPx3h5X1Dp3l_gp1L4WQegrpaXWClM1rZYq1uRBABKX/?imgmax=800" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="image" width="244" /></a> It’s different, right? You will see that post title is before blog title. Why so? Because Kang Rohman has customized the blogger meta tag title. This way makes our blog easily crawled by search engine robot. Below is the screenshot of searching result my blog  in google.com with the keyword Blogspot Tutorial: If you are interested in customizing blogger Meta tag title, follow the steps below: Log in to blogger with your ID Click Layout. Click Edit HTML. Find this code (almost at the upper side, so don’t scroll down too far) <title><data:blog.pageTitle/></title> Remove the code and change with this code: <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/><title><data:blog.pageTitle/></title> </b:if> Click Save Template Done If you have followed the steps, I hope your blog will be easily crawled by search engine bots. To be noted, what you have done as above, will need several days when search engine accepts the change and customization of your blogger Meta tag title.

Customizing Blogger Meta Tag Title

One that makes our blog crawled easily by Search Engine bot is by installing the Meta tag on our blog template. According to SEO ( Search En...

How to Create Read More in post

If you are a beginner, possible you'd feel to surprise when seeing the articles in my blog presenting only shares first paragrap or second paragrap, and to read for full article, you must click Read more... link. Alright.. please don't feel surprise, i will discuss about this now. The function like that called Post Summary. You can make a post summary function with add a little code to your template code. But this code is for new blogger template (beta) and does not work at classic template. Please follow the steps below : Step #1 : Login to blogger with your ID In the dashboard page , click Layout. Then click edit HTML tab. Click the Download full template link. Save your template (very important) Please mark the little box beside Expand Widget Templates. Wait for a moment.   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPDs8rWyOTs0yr8lTBSjJgV5WpehYkBJSt6Tcdu5WvCfOghheMew8wt5YTiQFZMZSsXz3ADIZNs_x0oSOmKee2B5RRFnWtAccBc5Q_CIcxKAFNSI3DRQFQXpuvi7fReBe6THlUI-dlobt/s1600-h/image%5B2%5D.png"><img alt="image" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRfe7AyIehq1MHsDnGd3xzpE42wAGhsqABPBtCEiZBV1Y-uayMeM61JBav4DuGLWiDMUE-XE-LdNAi4iw6K5PcnxlPXWM49yiEjgybSUMALq3-mcVMGTt6rgIjy-GgF6zFYSDSAvTa3pE/?imgmax=800" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="image" width="244" /></a> Go to your template code, and find the code like this : <data:post.body/>  Delete the above code and change with this code : <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <data:post.body/> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> <a expr:href='data:post.url'>Read more...</a>  </b:if> 8 Click Save Template button 9 Step #1 is done. Step #2 : Click Setting tab. Click formatting tab. Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :   4 Click Save settings button. 5 Step #2 is done How to post your article? When you post your article, choose <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjktDnN7dqCtw6khTeFoqd_q3lP76yhSHVTn6eiwVLFI99-b6YrDNQmGlPnRcfFSF_AFAjxATldE0EYZSALEfDsrfe7JCITOLUibZFXMx23-Nhr1b2dCPpEAw-4z5-Mna2Kj8MV3aQV6kuC/s1600-h/image%5B5%5D.png"><img alt="image" border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvs-dSQwNdBiOjP17iMOO7x0s0nDF7tJa6TTfeUnpce9UJkH3oG-mftaEfcIaIBBqARLkegA_kpbxquVSugq0uARNmRv6ecc_vOWr01XYvJ-Fo9WsdrmGSiz_mIYxz1KxYtApYrMsv-hp/?imgmax=800" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="image" width="83" /></a> tab. and you will see the code below : Place the first paragraps above of : and place the rest of paragrap under of : and above of : and then publish your post. Done. If you still feel confuse, this is the example how to place your article: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. (this will show in front of your blog) Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. . (this will show if visitor click read more) At front page of your blog, will show just like this : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. Read more... The last, if you try this hack and you not succes, don't be panic. upload your backup template, and it's will be back to template code before you do edit. Allright my friend, i think this enought. See you at my next post.

How to Create Read More in post

If you are a beginner, possible you'd feel to surprise when seeing the articles in my blog presenting only shares first paragrap or seco...

Blog tools to track Visitors for your blog

<div> <div> </div> <div>Blog tools to track Visitors for your blog </div> <div><a href="http://abhisays.com/wp-content/uploads/2008/03/traffic-abhisays-icerocket-tn.jpg"></a></div> <div></div> <a href="http://abhisays.com/wp-content/uploads/2008/03/blogtracker-tn.jpg"><img alt="" border="0" src="http://abhisays.com/wp-content/uploads/2008/03/blogtracker-tn.jpg" style="WIDTH: 171px; CURSOR: hand; HEIGHT: 58px" /></a> <div></div> <div>For any blogger, checking blog statistics to assess whether more or fewer people are reading what he writes is very important. For instance, which type of content visitors are reading, which country is contributing to maximum number of users and page views. For tracking the website or blog visitors there are many free tools available on internet. The process of using these tools is very simple. Just you have to register on their site, add your blog to the control panel and then add their piece of code inside the body of your blog. I have collected information on 7 most popular blog or website tracking tools on internet. Let’s discuss one by one. <a href="http://tracker.icerocket.com/index.php" target="_blank">IceRocket Blog Tracker</a> :: It is a completely free invisible tracker that will count your blog visits and other blog statistics. All you need to do is register for an account, add your blog and insert a small piece of code into your blog so after adding the code, the tracker starts gathering statistics for your blog. Then you will be able to analyse and monitor all the visits to your blog in real-time. It is very efficient tracker so I use it for my blog.</div> <div> </div> <div></div><a href="http://abhisays.com/wp-content/uploads/2008/03/traffic-abhisays-icerocket-tn.jpg"><img alt="" border="0" src="http://abhisays.com/wp-content/uploads/2008/03/traffic-abhisays-icerocket-tn.jpg" style="WIDTH: 495px; CURSOR: hand; HEIGHT: 225px" /></a> <div> </div><a href="http://abhisays.com/wp-content/uploads/2008/03/abhisays-tracker-tn.jpg"><img alt="" border="0" src="http://abhisays.com/wp-content/uploads/2008/03/abhisays-tracker-tn.jpg" style="WIDTH: 495px; CURSOR: hand; HEIGHT: 260px" /></a> <div> <a href="http://abhisays.com/wp-content/uploads/2008/03/traffic-abhisays-icerocket.png" rel="lightbox" title="traffic_abhisays_icerocket.png"></a><a href="http://abhisays.com/wp-content/uploads/2008/03/abhisays-tracker.jpg" rel="lightbox" title="abhisays_tracker.JPG"></a> <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a> :: It is another famous tool for tracking website visitors by Google. It is very easy to use and has very clean interface. It provides comprehensive details of the traffic, its traffic pie charts and graphs are very effective in analyzing the growth of the website. It is one of the most widely used tracker across the internet. Salient features of Google Analytics – Just paste the Google Analytics tracking code into each of your website pages and tracking begins immediately. It tracks and compares all your ads, email newsletters, affiliate campaigns, referrals, paid links, and keywords on Google and other search engines. You can buy keywords on Google AdWords and use Google Analytics to learn which keywords are most profitable to your business. Trace transactions to campaigns and keywords, get loyalty and latency metrics, and identify your revenue sources. With google analytics, you can find out where your visitors come from and identify your most lucrative geographic markets. <a href="http://www.sitemeter.com/" target="_blank">SiteMeter</a> :: Site Meter’s comprehensive real time website tracking and counter tools give you instant access to vital information and data about your sites audience. With the detailed reporting you’ll have a clear picture of who is visiting your site, how they found you, where they came from, what interests them and much more. <a href="http://www.mrunix.net/webalizer/" target="_blank">Webalizer</a> and <a href="http://www.awstats.org/" target="_blank">Awstats</a> :: <a href="http://abhisays.com/blogging/use-hostgator-for-best-blog-hosting.html">My hosting</a> site <a href="http://secure.hostgator.com/cgi-bin/affiliates/clickthru.cgi?id=abhishek" target="_blank">hostgator</a> is providing two different web stats programs on the log files for this site Webalizer and Awstats. With every cpanel hosting these trackers come free. For tracking the website you don’t need to do anything, they automatically starts tracking when your site becomes online from that server. Webalizer doesn’t distinguish between human visitors and automated requests (bots etc.), whereas AWStats tries to distinguish between the two. So in my opinion, you can rely on Webalizer stats. <a href="http://www.statcounter.com/" target="_blank">StatCounter</a> :: A reliable free invisible web tracker, highly configurable hit counter and real-time detailed web stats. Just you have to register on the site and insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time. <a href="http://mybloglog.com/" target="_blank">MyBlogLog</a> :: It is the largest blogging directory and community on internet that also provides statistics tracking to registered users of the site. Registration is free. However, the statistics provided by MyBlogLog are not as robust as those provided by other stat trackers like sitemeter, icerocket, statcounter, google analytics etc. Out of these 7 trackers, I use all of them except google analytics and statcounter. But if you are running a blog and want a good tracker, then I will recommend icerocket’s blogtracker.</div></div>

Blog tools to track Visitors for your blog

Blog tools to track Visitors for your blog For any blogger, checking blog statistics to assess whether more or fewer people are reading what...

New Face of Bog Help

The blogspot is a new face of web site bes its is have lot of fuction for your life time anagin we are so good agin some have lite fill of l...

How to add meta keyword and description to blogspot

How to add meta keyword and description to blogspot
 As we known, meta keyword is one important way to optimize your website search ranking. Search engines use meta keyword to filter sites for the search result of querry occured by their search tool. If your keywords is bad, click rate of your site in search result low, your rank will be lower, lower and may be banned out of the list. So, is meta-keyword important?
 
 For blogger users, the question is how to add meta keyword to ours blog? Ya. The answer is:
 
 1. First, sign in to blogger; at Dashboard, click "Layout" tab; then click "Edit HTML".
 2. Find this line of code :
 
 <b:include data="'blog'" name="'all-head-content'/">
 
 You could press Ctrl+F to use "Find" function of your browser.
 
 3. Copy three line below and paste after the line we found at step 2.
 
 <meta content="<span" style="color: rgb(255, 0, 0);">'DESCRIPTION' name='description'/>
 <meta content="<span" style="color: rgb(255, 0, 0);">'KEYWORDS' name='keywords'/>
 <meta content="<span" style="color: rgb(255, 0, 0);">'AUTHOR' name='author'/>
 
 4. Replace the words in red with your appropriated content.
 
 Now your could view your blog and check your meta tags at the page source ( in your browser, click View/Source(Page Source) ).
 
 Happy harvest exp.

How to add meta keyword and description to blogspot

How to add meta keyword and description to blogspot As we known, meta keyword is one important way to optimize your website search ranking....

Parameters in Blogspot feed

Parameters in Blogspot feed This post presented with parameters in blogspot feed. As we know, the URL to get feed items of our blog is http://yourblogname.blogspot.com/feeds/posts/default. You can review this feed after as my blog feed : <a href="http://growyourblog.blogspot.com/feeds/posts/default">http://growyourblog.blogspot.com/feeds/posts/default</a> Understand these parameters and with a little of javascript can help us create some small 'ourself' interested widget. Lets take a look: 1. start-index. This param allow the Feed begins at 'start-index' ordinal. Example : As normal feed: <a href="http://growyourblog.blogspot.com/feeds/posts/default">http://growyourblog.blogspot.com/feeds/posts/default</a> result is: entry 1 entry 2 entry 3 entry 4 entry 5 ... and <a href="http://growyourblog.blogspot.com/feeds/posts/default?start-index=3">http://growyourblog.blogspot.com/feeds/posts/default?start-index=3</a> result is: entry 3 entry 4 entry 5 ... 2.max-results This param allow the Feed returns feed-items in range of 'max-results'. Example: <a href="http://growyourblog.blogspot.com/feeds/posts/default?max-results=10">http://growyourblog.blogspot.com/feeds/posts/default?max-results=10 </a> will shows at max 10 items. 3.published-min, published-max These parameter allow get feeditems in date range. Example: <a href="http://growyourblog.blogspot.com/feeds/posts/default?published-max=2009-01-01&max-results=5">http://growyourblog.blogspot.com/feeds/posts/default?published-max=2009-01-01</a><a href="http://growyourblog.blogspot.com/feeds/posts/default?published-max=2009-01-01&max-results=5"> </a><a href="http://growyourblog.blogspot.com/feeds/posts/default?published-max=2009-01-01&max-results=5">&max-results=5 </a><a href="http://growyourblog.blogspot.com/feeds/posts/default?published-max=2009-01-01&max-results=5"> </a> 4. updated-min, updated-max: same with published-min, published-max. 5.1. Items in the same label: Link feed: http://yourblogname.blogspot.com/feeds/posts/ default/-/Label%20Name 5.2. Items in 2 label: http://yourblogname.blogspot.com/feeds/posts/ default/-/Label%20Name1/Label%Name2 5.3. Items in 3 label: (tương tự cho 4,5...) http://yourblogname.blogspot.com/feeds/posts/ default/-/Label%20Name1/Label%Name2/Label%20Name3

Parameters in Blogspot feed

Parameters in Blogspot feed This post presented with parameters in blogspot feed. As we know, the URL to get feed items of our blog is http:...

Optimize site for Google Search

Optimize site for Google Search <div style="color: rgb(19, 79, 92);">Let's hear powered advices from a Google's Search Quality Evaluator:</div> In addition to participating in the AdSense network, you may also be interested in having your site ranked in organic Google search. In this post, I'll highlight some important points for search optimization. While there's no a magic formula to make your site show up first on a search results page, there are some good practices when it comes to links, design, content, and the structure of your site. First of all, as a reminder, Google organic search and AdSense are independent of each other. Displaying AdSense ads on a site won't change the ranking of the site in Google search in any way. So it follows that sites containing AdSense ads don't receive special treatment in Google search. Ranking in Google search is based on many different algorithms, and optimization for search is a long, continuous process. For these reasons, and because the techniques might <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=35769#quality">violate our guidelines</a>, we recommend avoiding any techniques that claim to optimize your ranking very quickly or radically. If you have concerns or questions, you can consult other webmasters on a number of forums, including Google's <a href="http://groups.google.com/group/google_webmaster_Help">official forum</a> for webmaster-related issues. We encourage you to monitor the quality of your site's backlinks -- links from any site directing to your site. To increase your site's popularity, check if other sites that discuss similar topics or have a similar reader base are aware your site exists. Outgoing links are also important and should comply with our <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66356">guidelines</a>. When you create a link to another site, we recommend first asking yourself: "Is this link going to be useful for my visitors?" or "Is this link likely to be clicked by my visitors?". Don't participate in link schemes or buy/sell links that pass PageRank, as it is against our guidelines and may hurt your site's performance in our search results. Here are some tips for structuring your site: <ul><li>Your pages should have a clear hierarchy and relevant internal links. We also recommend <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=35655">creating a Sitemap</a> and using <a href="https://www.google.com/webmasters/tools/siteoverview">Google's Webmaster Tools</a>. These tools are useful, user-friendly and will provide information such as where your backlinks come from or which queries visitors used to reach your site. </li><li>Use </li><li>For images, use ALT attributes to describe appropriately what the image is about. </li></ul>Also, adding original and compelling content on a regular basis may help Google crawl your pages regularly. It can have the added benefit of attracting links to your pages too. Finally, design your site with your users in mind, and be patient and consistent in your efforts. To attract quality backlinks and develop your optimization strategy, it's important to keep a clear structure for your pages and regularly add organic content. Ambroise Fensterbank From Google Adsense Blog

Optimize site for Google Search

Optimize site for Google Search Let's hear powered advices from a Google's Search Quality Evaluator: In addition to participating in...

40 best social netwoks to join!

40 best social networks to join! <ul><li><label for="eactiverain">ActiveRain</label> <img alt="ActiveRain" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iactiverain.png" /> <a href="http://activerain.com/"> http://activerain.com</a></li><li><label for="ebebo_id">Bebo</label> <img alt="Bebo" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ibebo_id.png" /> <a href="http://bebo.com/">http://bebo.com</a></li><li><label for="eblogger_id">Blogger</label> <img alt="Blogger" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iblogger_id.png" /> <a href="http://www.blogger.com/">http://www.blogger.com</a></li><li><label for="edelicious_id">del.icio.us</label> <img alt="del.icio.us" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/idelicious.png" /> <a href="http://del.icio.us/">http://del.icio.us</a></li><li><label for="edigg">Digg</label> <img alt="Digg" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/idigg.png" /> <a href="http://digg.com/">http://digg.com</a></li><li><label for="eebay">eBay</label> <img alt="eBay" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iebay.png" /> <a href="http://www.ebay.com/">http://www.ebay.com</a></li><li><label for="efacebook">Facebook</label> <img alt="Facebook" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ifacebook.png" /> <a href="http://www.facebook.com/">http://www.facebook.com</a></li><li><label for="eflickr">Flickr</label> <img alt="Flickr" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iflickr.png" /> <a href="http://flickr.com/">http://flickr.com/</a></li><li><label for="efriendfeed">FriendFeed</label> <img alt="FriendFeed" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ifriendfeed.png" /> <a href="http://friendfeed.com/">http://friendfeed.com</a></li><li><label for="efriendster">Friendster</label> <img alt="Friendster" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ifriendster.png" /> <a href="http://www.friendster.com/">http://www.friendster.com</a></li><li><label for="ejaiku">Jaiku</label> <img alt="Jaiku" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ijaiku.png" /> <a href="http://jaiku.com/">http://jaiku.com</a></li><li><label for="ejumpcut">Jumpcut</label> <img alt="Jumpcut" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ijumpcut.png" /> <a href="http://www.jumpcut.com/">http://www.jumpcut.com</a></li><li><label for="ekiva">Kiva</label> <img alt="Kiva" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ikiva.png" /> <a href="http://www.kiva.org/">http://www.kiva.org</a></li><li><label for="elastfm">Last.fm</label> <img alt="Last.fm" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ilastfm.png" /> <a href="http://www.last.fm/">http://www.last.fm</a></li><li><label for="elinkedin">LinkedIn</label> <img alt="LinkedIn" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ilinkedin.png" /> <a href="http://www.linkedin.com/">http://www.linkedin.com</a></li><li><label for="elivejournal">LiveJournal</label> <img alt="LiveJournal" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ilivejournal.png" /> <a href="http://lifejournal/">http://lifejournal</a></li><li><label for="emultiply">Multiply</label> <img alt="Multiply" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/imultiply.png" /> <a href="http://multiply.com/">http://multiply.com</a></li><li><label for="emyspace">MySpace</label> <img alt="MySpace" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/imyspace.png" /> <a href="http://www.myspace.com/">http://www.myspace.com</a></li><li><label for="enetflix">Netflix</label> <img alt="Netflix" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/inetflix.png" /> <a href="http://rss.netflix.com/">http://rss.netflix.com</a></li><li><label for="eopenid">OpenID</label> <img alt="OpenID" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iopenid.png" /> <a href="http://openid.com/">http://openid.com</a></li><li><label for="eplaxo">Plaxo</label> <img alt="Plaxo" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iplaxo.png" /> <a href="http://www.plaxo.com/">http://www.plaxo.com</a></li><li><label for="epownce">Pownce</label> <img alt="Pownce" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ipownce.png" /> <a href="http://pownce.com/">http://pownce.com</a></li><li><label for="esecond_life">Second Life</label> <img alt="Second Life" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/isecond_life.png" /><a href="http://http//secondlife.com/">http://secondlife.com</a></li><li><label for="eshelfari">Shelfari</label> <img alt="Shelfari" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ishelfari.png" /> <a href="http://www.shelfari.com/">http://www.shelfari.com</a></li><li><label for="estumbleupon">StumbleUpon</label> <img alt="StumbleUpon" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/istumbleupon.png" /> <a href="http://stumbleupon.com/">http://stumbleupon.com</a></li><li><label for="etechnorati">Technorati</label> <img alt="Technorati" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itechnorati.png" /> <a href="http://www.technorati.com/">http://www.technorati.com</a></li><li><label for="etextamerica">Textamerica</label> <img alt="Textamerica" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itextamerica.png" /> <a href="http://textamerica.com/">http://textamerica.com</a></li><li><label for="ethedjlist">The DJ List</label> <img alt="The DJ List" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/ithedjlist.png" /> <a href="http://www.thedjlist.com/">http://www.thedjlist.com</a></li><li><label for="ethirtyboxes">30 Boxes</label> <img alt="30 Boxes" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/i30boxes.png" /> <a href="http://30boxes.com/">http://30boxes.com</a></li><li><label for="etrulia">Trulia</label> <img alt="Trulia" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itrulia.png" /> <a href="http://www.trulia.com/">http://www.trulia.com</a></li><li><label for="etumblr">Tumblr</label> <img alt="Tumblr" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itumblr.png" /> <a href="http://tumblr.com/">http://tumblr.com</a></li><li><label for="etwitter">Twitter</label> <img alt="Twitter" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itwitter.png" /> <a href="http://twitter.com/">http://twitter.com</a></li><li><label for="etypekey">TypeKey</label> <img alt="TypeKey" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/itypekey.png" /> <a href="http://typekey.com/">http://typekey.com</a></li><li><label for="eupcoming">Upcoming</label> <img alt="Upcoming" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iupcoming.png" /> <a href="http://upcoming.yahoo.com/">http://upcoming.yahoo.com</a></li><li><label for="ewakoopa">Wakoopa</label> <img alt="Wakoopa" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iwakoopa.png" /> <a href="http://wakoopa.com/">http://wakoopa.com</a></li><li><label for="ewink">Wink</label> <img alt="Wink" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iwink.png" /> <a href="http://wink.com/">http://wink.com</a></li><li><label for="eyelp">Yelp</label> <img alt="Yelp" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iyelp.png" /> <a href="http://www.yelp.com/">http://www.yelp.com</a></li><li><label for="eyoutube">YouTube</label> <img alt="YouTube" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/iyoutube.png" /> <a href="http://youtube.com/">http://youtube.com</a></li><li><label for="ezillow">Zillow</label> <img alt="Zillow" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/izillow.png" /> <a href="http://www.zillow.com/">http://www.zillow.com</a></li><li><label for="ezorpia">Zorpia</label> <img alt="Zorpia" class="s_icon" src="http://us.i1.yimg.com/us.yimg.com/i/us/mbl/services/izorpia.png" /> <a href="http://www.zorpia.com/">http://www.zorpia.com</a></li></ul>

40 best social netwoks to join!

40 best social networks to join! ActiveRain http://activerain.com Bebo http://bebo.com Blog...