TOP BLOG TUTORIALS

Pages

Friday, June 10, 2011

How to create a horizontal menu

Create a Horizontal menu

OK this day i will explain how to create a horizontal menu with easy step...



There we go :

1. go to your blog and then go to EDIT HTML under design menu
2. remember to expand widget template and then find this code ( you can se CTRL+F for easy going )




]]></b:skin>

Then copy paste this code above this code ]]></b:skin>

a.navigation {
background: #00ff00 ;
color: #000066;
margin: 5px;
padding: 5px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #2EFEF7;
color: #000066;
text-decoration: none;
}


And then save template.

And then we go step 2 :

Go to your blog ID and then go to Page elements under design menu

Click add a gadget and choice HTML / javascript


And then copy paste this code and put in there :

<div align=center>
<a href="http:Your url will be linked " class="navigation">HOME </a>
<a href="http:Your url will be linked " class="navigation">your title</a>
<a href="http:Your url will be linked " class="navigation">your title</a>
<a href="http:Your url will be linked " target="_blank" class="navigation">your title</a>
<a href="http:Your url will be linked " target="_blank" class="navigation">your title</a>
<a href="http:Your url will be linked " target="_blank"class="navigation"><blink><b>Contact Me</b></blink></a>
</div>

And saved....


Good luck Ke TKP.....

How to display your adsense in posting

How to Display adsense in posting for blog


OK... Today i will explain how to display adsense in your posting for blog. I will not explain what is adsense, if you still confusing what is adsense and how to make adsense then u can go into my another post. So there is a few steps to display adsense in posting with easy going....


first step is log into your adsense ID ( watch the picture )
  1. click Adsense setup
  2. click Get ads
  3. click Adsense for content



Photobucket



Second step is follow the instruction how to create an adsense on your adsense account and then you will get the code like this :

<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxx";
/* 250x250, dibuat 11/06/10 */
google_ad_slot = "xxxxxxxxxxxxxxx";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

So third step is go to this site to parse your code , copy paste your adsense code and  click PARSE then u will get another code like this :

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-xxxxxxxxxxxxxxx&quot;;
/* 250x250, dibuat 11/06/10 */
google_ad_slot = &quot;xxxxxxxxxxxxxxx&quot;;
google_ad_width = 250;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

Last step is go to your blogger ID and then then click your EDIT HTML under Design menu and do not forget to click Expand Widget Template

FInd this Code ( You can use  CTRL+F for easy doing )

<data:post.body/>

So if you want to display your adsense just below your title so you can put your new code on top <data:post.body/>
But if you want to display adsense below your posting so you can put your new code under <data:post.body/>


Good Luck... if you still confusing or something wrong u can make a comment then i will review as fast as possible Ke TKP.....

Sunday, June 5, 2011

how to create meta tag

Meta tag is some code in how to convey important information to seach engine on a page of information.There are many meta tag appropriate with standard HTML 4.0 from the World Wide Web consortion, but actually only three meta tag is used on search engines, there is a keyword, description, and robots. So regarding so many blog already writen this, i will explain this more faster ,

So for those people who want optimize seo on your blog or site, you can following this steps :


1. login into your blog with your ID.
2. after you find your dasbord then click design and then click edit HTML

Photobucket




3. then find this code <b:include data='blog' name='all-head-content'/> ( You can easy to find that code with CTRL+F ).

4. after you find that code then copy paste this code below the code in step 3.

 <meta content='Your description for your blog ' name='description'/>
 <meta content='Your keyword' name='keywords'/>
 <meta content='Your Author name' name='author'/>



Photobucket


There is some nice tips for meta tag :
  • Create a max 150 words or above for your meta tag description
  • create a max 200 characters for your keyword and please do not repeating your keyword more then 2 times, or a spams keyword.
5. And then SAVE TEMPLATE

CONGRATZZ!!! and good luck on optimize seo Ke TKP.....
Blogger Emoticon

There is a code for emoticon if u want to put into your posting

Blogger Emoticons





<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">




<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">




<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">



Selamat menghiasi postingannya... Ke TKP.....

How to install Alexa widget into blog

Continuing the previous our disccuses, so in this time i will disccuses about how to install  Alexa Widget in our blog. This is off course aimed at  those  of you who still confused about how to install Alexa widget. For those of you who have advanced i think this tutorials is useless for you :)

Before we go directly to main topic about the steps to install Alexa widget to your blog, it's gonna be good for you to know what benefit we got after we installing Alexa widget.

As we all know if Alexa rank will create a ranking based on number of visitors to your blog or site. More visitors come to your blog or site that mean more better on alexa rank. So where did the Alexa know the number of visits to a website or blog? Alexa will know the number of visits to a website or blog based on information from the computer's internet browser who has already  install the Alexa toolbar. But not all people install Alexa toolbar in Internet browser? So there is the important point. Alexa widget will be a  precisely that it appears another alternative for your blog or website owner to obtain accurate data about the number of visits is to install the alexa widget on your blog or website which is owned. By installing the alexa widget on the blog, then the machine Alexa will know accurately how many visitors and Page view (pages viewed) on your website or blog.

So from all those reason, i did try to give a suggest to everyone for install alexa widget on blog or site. So everyone clearing why we need to install alexa widget? well!!, if you are interesed to install alexa widget in own blog or site but still confused about how to install it, there is the manual steps :

Step #1 :

1. click this link to go Alexa page.
2. Enter your blog address into that coloums . example

Photobucket

3.there is will be three sizes of widgets that you can choose, copy the code beside it and paste in notepad or other text editors first


Step #2 :

1. Please log into blogger with your ID.
2. Click design
3. Click add a gadget.

Photobucket

4. Click the plus ( + ) next to HTML / java script

Photobucket 

5. Paste the code you have before from your notepad into the columns  that appears.
6. and then click save button

Photobucket


Hopefully after u create a alexa widget on your blog or site your alexa rank will quickly fine ( more smaller that mean more better on your rank )

A little extra, Alexa rank fairly quickly in an update so that the results will be seen within a few days. One of the most major increase alexa ranking is by trying to increase the traffic or the number of visits to your blog


GOOD LUCK!! Ke TKP.....

Saturday, June 4, 2011

Five steps to create an effective keyword

Keyword research is very important for everyone for all people who already have  blog on blogspot or a website to begin planning SEO ( Search Engine Optimization ). Because if you create or put a wrong keywords on your blog / website search engine like a google and yahoo or everyone in the world will not find your blog or site.

Keyword Research process can be describe in the following few points :

1. Create a keyword list and you must check it two times for make sure.
  • The first step in the process is create a list  with  a potential keywords.Just think all the word that will be on visitor type in the google search box or other search engine to find your blog / site for examples is " starting a blog " or " Free blog ".
2. Use a keyword research tool
  • In this case we take the examples if  we want to put a keyword " starting a blog " before we dont know how much value from competitors  with that keyword, the higher value of competition more visitors looking for those keywords.
  • example :
Comparison and competition value :
      Starting a blog have 60 points  
      Free blog  have 30 points

      So people prefer to search for keyword " starting a blog" rather than " free blog "
      Well.... for search the keyword comparison we can use some tools that are available , some is free and
      some of them is pay.

there is some keyword search tool :
Overture keyword selector tool in addition to showing the competition, he also displays a combination of related keyword phrases. It is suitable to search " NICHE MARKET ".
A great tool if u have to spend some money , otherwise for the free version is only show MSN search result.

For those who want to install adwords , u can find keyword price on here.

3. Make sure your keyword list one more time again.
  • This section you know to do it in. whether to choose a keyword with high competition or low competition ( niche market ).
for a imagine  :

If you using that keyword have a high competition, so to compensate your blog / site must be have a high page rank.
If you using that keyword have a low competiton ( NICHE MARKET ), so your blog / site will be easier to reach  rank#1 in google.

4. Plans your step.
  • Prepare your steps and pairs all keyword are in .
I will be explain in another post for pairs a keyword on blog.....

5. Submit your blog / site to search engines

Ke TKP.....

Remove navbar

How to remove navbar on blog?

Pretty much easy to remove navbar or nagivation menu by blogger default,

If u do not know what is Navbar, i will put a picture and u will see the different :




Ok so how to remove the navbar? 

There we go :


login on your blogger and then go to dasbord and then click design

Then go to Edit HTML :
  1. Click expand widget template like number 2 on the picture
  2. Use CTRL+F to find this code ]]></b:skin> like number 3 on the pic 
  3. And Copy paste Code below this like number 1 on the picture

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



               like this picture :


              And SAVE TEMPLATE.

    And this is your new blog like :



    CONGRATZ!!
Ke TKP.....