EdUiTeR

This summary is not available. Please click here to view the post.

Is that Page rank Important for your blog or web? The answer is in your hand, but for most webmaster or blogger page rank is very important. Why it very important? The answer is when the page rang higher, and then our blog or web will be in the top of google search engine. Being in the top of search engine, it easier for the internet user to visit your blog. There are many way for you increase page rank such as give comments in other blog, and do exchange link with others. By doing this you will get a back link for your blog and this “back link” will bush up your page rank level. You can success with this method, but how long you have to wait to be index at the top of the search engine, especially google?

As I told you before, page link will bush up your page rank level, now I want to share this little trick but will give big impact for your blog or web. First of all, you need to check your page rank at www.pagerankbar.com/. After you know your page rank level, then look at the picture below.


Pink column=Back link you need from the other website depending on their page rank.
Yellow column=Your pagr rank target

Example: You want Page Rank 7, so you need 555 back link from any web or blog with page rank 5.


I hope you get what I’m trying to tell and if your guys have another tips to increase page rank, share it to me :).There are many benefits if our web or blog have higher page rank.

Now blogger had shown it grow very fast. Now we can display who give most comment in your blog. I had use this Top commentators for blogger blog on my blog.There are two way for you to add Top commentators in your blog.
1.bloggerbuster
2.googlesystem

I had try to use bloggerbuster but i didn't work in my blog. Then i found googlesystem and it worked.

Bloggerbuster: Just insert your blog name and your name, click add to blog. * just follow the instruction. Go tobloggerbuster now.

Googlesystem: Copy and paste the code, change the BLOGNAME.blogspot.com into yours.

Harizontal tabs menu is important in our blog. It is not easy to learning coading in a minute, so the option is we learn slowly by copy and understand it as i do.


Before start, you need to create image as below:



size:175px × 84px



size:4px × 84px
1. Login to Blogger, chose "Lay out --> Template --> Edit HTML"
2. Don't forget to backup your template first.
3. Check the "Expand Widget Templates" checkbox.
4. Try to find this code ]]>, if you found it then put the code below above it

#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background:url("http://yourimagehosting/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background:url("http://yourimagehosting/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#24618E;
}
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

5. Next step is to put the tabs menu into your blog, but we need to create add page element at the top of you post section.

Find the below code :

<b:section class="header" id="header">
maxwidgets='1' showaddelement='no'>
<b:widget id="Header1" locked="true">
title='your blog title (Header)' type='Header'/>
</b:widget>

change the red text so that to become like this:

<b:section class="header" id="header">
maxwidgets='2' showaddelement='yes'>
<b:widget id="Header1" locked="false">
title='your blog title (Header)' type='Header'/>
</b:widget>

6. Then copy the code below


<div id="tabshori">

<ul>
<li><a href="http://yourblogname.blogspot.com/">Home</a></li>
<li><a href="http://yourblogname.blogspot.com/">Trik-Tips</a></li>
<li><a href="http://yourblogname.blogspot.com/">Free Template </a></li>
<li><a href="http://yourblogname.blogspot.com/">Blog Dictionary</a></li>
<li><a href="http://draft.blogger.com/yourblogname.blogspot.com">Profile</a></li>
</ul>
</div>


Save your setting, the go to "Page Elements" and click "Add page Element " on the header area, chose "HTML/JavaScript" then put the number five code above into "content" box, then click "save" and preview your new blog. < >

Html color is very important if you come to web or blog design. Great combination of color will make your page look nice. One criteria of good web or blog is fast loading the page. Usage of too many pictures in your page will make the page loading slowly. HTML Color Codes is one of the alternative way to minimize usage of pictures in your web or blog. I usually use this HTML Color Codes to blind the google adsense color.