tambah music player pada blog

sambil melayari internet tu jangan lupa masukkan sekalilah musik ye!. Persoalannya bagaimanakah hendak memasukkan music player pada blog? kalau baca banyak laman web memang banyak tapi rasanya inilah yang paling mudah hanya masukkan link dimana lagu tersebut berada dan klik generate code, lepas tu masukkan HTML code tersebut ke dalam blog anda.

link ini mungkin membantu
Tambah music player pada blog Anda boleh mencubanya. TQ

beberapa keywords mengenai root android

Apa yang anda search pada google:

• istilah android
• cara root samsung galaxy s2
• i9100gdzkj2
• i9100gdzkj2 root
• apa itu root android
• kelebihan root android
• cara root android
• root i9100gdzkj2
• cara nak root android
• cara rooting android
• game untuk android
• macam mana nak root android
• macamana nak root access
• nak root galaxy s2
• cara root galaxy s2
• galaxy s2 root gps
• cara root android 2 3 6
• macam mana nak root s2
• Masalah gps s2g
• cara unroot galaxy s 2
• bagaimana nak root android
• Bagaimana nak rooting
• kelebihan root
• i9100gdzkj2 download
• cara root pada galaxy s2
• cara untuk root android
• bagaimana cara root android 2 3 6
• cara nak hack market android
• root untuk samsung tu apa
• cara nk upgrade samsung galaxy s2

back to top css code classic templates

back to top css code classic templates jarang kita jumpainya tapi kalau anda mahukan ini css html code nya

<a href="#" > Back to top </a>


dan HTML blogger templates code anda sepatutnya begini

</script></div>
<!-- end google ads post -->
<div style='clear:both;'/>
<blink><a style="color: red;" href='' title='Back to Top'>Back To Top</a></blink>


</div>
</div>
<p class="post-footer">
<p class='post-footer-line post-footer-line-1'>

back to top css code

Apabila anda membuat posting yang panjang ceritanya pada blog atau web site anda sememangnya akan menyusahkan pelawat anda untuk skroll menggunakan mouse. Jadi adalah lebih baik anda masukkan link dalam bentuk html code supaya setelah pelawat blog siap membaca kandungannya dan mengklik back to top css code, back to top, back to top html untuk ke header blog anda.

Jadi disini sedikit html code anda boleh letakkan bagi memudahkan para pengunjung blog atau laman web anda. HTML code tersebut adalah Back To Top

atau yang lagi ringkasnya


Back to top

Facebook Social plugins add SEO

Social network is especially important to make it easier to share what we got from friends with other friends. In this post I will share some facebook plugins that you can put on your blog or web site. Overall social plugins can be found at facebook plugins


Social plugins are:

1   Like Button ...more

Summary: The Like button lets users share pages from your site back to their Facebook profile with one click.

2   Send Button ... more

Summary: The Send Button allows your users to easily send your content to their friends.


3   Comments more
Summary: The Comments plugin lets users comment on any piece of content on your site.


4   Activity Feed ... more

Summary: The Activity Feed plugin shows users what their friends are doing on your site through likes and comments.


5   Recommendations  ... more

Summary:  The Recommendations plugin gives users personalized suggestions for pages on your site they might like.


6   Like Box  ... more

Summary: The Like Box enables users to like your Facebook Page and view its stream directly from your website.


7   Login Button  ... more

Summary: The Login Button shows profile pictures of the user's friends who have already signed up for your site in addition to a login button.


8   Registration  ... more

Summary: The registration plugin allows users to easily sign up for your website with their Facebook account.


9   Facepile ... more

Summary: The Facepile plugin displays the Facebook profile pictures of users who have liked your page or have signed up for your site.


10   Live Stream ... more

Summary: The Live Stream plugin lets your users share activity and comments in real-time as they interact during a live event.

Free web analytics increase SEO blog

How to register ftee google analytics

Log on to google account

log on to google analytics google analytics

Click  Access Analytics Button

Go to google analytics setting

Add profile if you have a google analytics members or you can joint with google account

Fill your web site or blog for google free analytics form

Click finish buttton on bottom page.

The google analytics tracking code will appear.

Copy and paste the html web analytics code on your blog or website before the closing tag

Verify the code and click save and finish button

if you have a google  analytics members you can add a google analytics code by click Add Website Profile

link found on a bottom right google page analytics.

13 Reasons Why NoFollow Tags Suck

Article about 13 Reasons Why NoFollow Tags Suck found on http://www.searchenginejournal.com/13-reasons-why-nofollow-tags-suck/4410/ i thik this can help you to blogging.

The NoFollow link attribute (rel=”nofollow”) was originally created to block search engines from following links in blog comments, due to the amount of blog comment spamming.
The theory is that if spammers are spamming in blog comments to get better SEO and anchored links for their sites, NoFollow would render such spam useless. Problem is, spammers still spam.
Now, NoFollow has been adopted beyond blog comments. Wikipedia is now using NoFollow for external links and Google recommends that paid links use a NoFollow attribute.
Here are 13 reasons why NoFollow is a failure.



1. NoFollow = NoWorky. Using NoFollow in blog comments, the original intent of the tag, does nothing to discourage comment spammers. Using other anti-spamming tools such as question, math and plugins such as Akismet and SpamKarma for WordPress is much more effective.

2. If a blogger moderates comments, there is no need for a NoFollow attribute. “Everyone who passes a human inspection should get the link love.”
3. Since the use of NoFollow in comments on WordPress blogs is default, many bloggers do not even realize they are using NoFollow.

4. NoFollow=NoValue. Why use NoFollow on sites, text ads, and blogs if there is no value in terms of search engine indexing? What if they made the Yahoo! directory nofollow? Would anyone continue to purchase listings? Obviously the value of that directory would be zero of nofollow tags were applied to the listings.

5. Linking to someone with a NoFollow attribute is a sign of not trusting them. It’s like reaching to shake someone’s hand, but stopping to put on a pair of latex gloves.

6. No Follow sucks because the search engines (particularly Google) can’t make up their mind about when and how it should be used, thus causing confusion among inexperienced webmasters who do STUPID things like No Follow ALL outgoing links from their website to “protect the site from page rank leakage” and other silly ideas.

7. No-follow is a poor search engine’s solution to conceal its own failure to rank websites appropriately. What’s next, No-linking?
Search engines should be able to develop a method of identifying and devaluing links to spam sites which were placed in blog comments. Why should everyone who posts in blog comments suffer from the actions of a greedy few spammers.

8. Commenting on a blog post is the same as adding more relevant to that blog post. A thought provoking one sentence post can lead to pages of comments. If someone takes the time to help build your site’s content via posting comments, it is professional courtesy to give them some link love.

9. Putting NoFollow on Wikipedia is like putting Grey Poupon on a Spam sandwich.(Or like putting perfume on a pig.)
Taking Wikipedia to task over nofollow is fun but ultimately you need to take them to task for why they implemented nofollow in the first place – that is, to prevent spam. Which in turn means that the way Wikipedia was setup was flawed because it opened itself up to easy spamming.
Therefore, instead of just letting Wikipedia take the easy way out (because ultimately it’s an important resource for many people and replacing it would be tough), they should look at ways into changing their systems so they are not as open to spamming any more.

10. Text link advertisements which use a NoFollow make no sense. If you want to spread your Google juice, why use a link-condom?

11. Even WordPress founder Matt Mullenweg says NoFollow was a failure; “In theory this should work perfectly, but in practice although all major blogging tools did this two years ago and comment and trackback spam is still 100 times worse now. In hindsight, I don’t think nofollow had much of an effect, though I’m still glad we tried it.”

12. Search Engines follow NoFollow. Yahoo has been known to count NoFollow links as backlinks in SiteExplorer. So, if you’re goal in comment spamming to to build backlinks, which builds your site’s value in terms of selling advertising (TLA, ReviewMe, SEOmoz’s PageStrength and other metrics programs use Yahoo Backlinks as valued criteria), NoFollow is useless.

13. NoFollow Sucks. Check It!
What are your thoughts on NoFollow? Do you support the use of NoFollow in Wikipedia or as a way to identify paid links?
Have more reasons why NoFollow is a failure? Please feel free to share them below.

cost for Google analytic data

kos

https://www.google.com/support/googleanalytics/bin/answer.py?answer=55543&hl=en_GB&utm_id=ad

css reference for blogger

It is very difficult for you when using blogger templates, particularly if you do not master the css code. To facilitate your mastery of the science bloggers or web site one that you need to know is css reference. To facilitate the work of your bloging easy if you know a little about css referense.
Here are some css hack your reference.

color hex for blogger

You are always a headache when you wish to change the background color to your blog or your web site and sometimes you may want to change the color of the google adsense the color plays an important role to obscure points your blog of visitors to click on the ads displayed by google adsense.
if you're a blogger hax color is one website that you can not miss the link, because the hex color is an important site, especially when you want to change the background color, font color you medah without to memorize the color code.

change h1 and h2 tricks collections themes

jika anda menggunakan blog templates dari tricks collections themes adasusah bagi anda menukarkan &amp;lt;h1&amp;gt; dan &amp;lt;h2&amp;gt; tagnya kerana saya pun pening kepala dibuatnya.
Dibawah ini untuk memudahkan anda menukarkan &amp;lt;h1&amp;gt; dan &amp;lt;h2&amp;gt; tag sebagaimana disarankan oleh seo doctor adalah lebih baik anda mengikut langkah berikut untuk menukarkan tricks collections themes.
 Saya telah menggunakan untuk blog saya di http://prestosaladshooter.blogspot.com/

berikut adalah langkah-langkahnya
tukar <h1> dan <h2> dalam blogger templates

cari <div class='post'> dan tukarkan <h?> kepada <h1> code seperti html code dibawah

<b:includable id='post' var='post'>
  <div class='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h1>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
    </b:if>


tukar <h2> kpd <h3>
Cari html code dbawah dan tukarkan tukar <h2> kpd <h3>
html code anda sepatutnya seperti dibawah

<b:widget id='HTML1' locked='false' title='Stat' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

kemudian tukarkan <h3> kepada <h2> sepertimana html code dibawah

<div id='header-inner'>
      <div class='titlewrapper'>
        <h2 class='logo'>
          <b:include name='title'/>
        </h2>
      </div>

selamat mencuba

copy paste tweet button

This is tweet button copy paste code

tweet button verticle

copy paste tweet button code
&amp;lt;a href=&amp;quot;http://twitter.com/share&amp;quot; class=&amp;quot;twitter-share-button&amp;quot; data-count=&amp;quot;vertical&amp;quot; data-via=&amp;quot;najaf1&amp;quot;&amp;gt;Tweet&amp;lt;/a&amp;gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;http://platform.twitter.com/widgets.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

change njafa1 with your twitter id



tweet button horizontal

&lt;a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="najaf1"&gt;Tweet&lt;/a&gt;&lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;
change najaf1 to twitter id

tweet button no account

&lt;a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="najaf1"&gt;Tweet&lt;/a&gt;&lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;

change najaf1 to your twitter id


How to add on blogger templates

share this twitter button between post and labels

Share this button either to twitter or facebook or other social network is important because it would allow readers to your blog or web site to share its contents with colleagues or their social contacts. Therefore today I will show you how to get share this titter or tweet this button into your tempates blogger html.
This is a share this twitter button

how to insert a share this button in between the posts and labels. xml blogger templates?
1 Firsty log on twitter account
2 Copy and paste the following html in the address bar of your browser
http://twitter.com/goodies/tweetbutton
3 Select the format your share this twitter button and copy the code htm
This is an example of html code my share this


4 This step is to open and then share this html code memasukkn
&gt;&gt; BLOG DESIGN&gt;&gt; Edit HTML &gt;&gt;
5 Find the following html code through the edit&amp;amp;gt;&amp;amp;gt; find in your browser
&amp;amp;lt;b:includable id='backlinks' &amp;amp;lt;b:includable var='post'&amp;amp;gt;

then enter html copy code in step 3 before the html code
&amp;amp;lt;b:includable id='backlinks' &amp;amp;lt;b:includable var='post'&amp;amp;gt;


where and are interested you can also try placing share this in other places

safe to try
You can try add tweet button with copy paste tweet button code

google ads between archive and prev post classic templates

Today I will explain how to put google ads between the previous posts and archive. If you are interested Anka may be able to put google ads on your blog anywhere between widgets. For this tutorial I would like to enter before the previous post widget.
For the search Previous Posts in your HTML code.
if it has met paste html code below on the Previous Posts

<div>
<table border="0" width="100%">
<tbody>
<tr>
<td align="left" valign="top">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxx";
google_ad_host = "pub-xxxxxxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "ffffFF";
google_color_link = "2E60A9";
google_color_bg = "ffffFF";
google_color_text = "666666";
google_color_url = "2E60A9";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
</tbody>
</table>
</div>

save your html code

html marquee codes scrolling picture images box as slideshows

we often read that long article or a picture flowing Sometimes this is will disturb the reader article or audience interested in the article or photograph that we display. so why not if the material is is shortened rods flowing in a space the size you set yourself as a slideshow of a size 200 x 300 px. This condition can you do if you know html scrolling picture codes Marque box images as slideshows
Now we will learn how to make Marque scrolling slideshow for images, text boxes and so on.

we often read that long article or a picture flowing Sometimes this is will disturb the reader article or audience interested in the article or photograph that we display. so why not if the material is is shortened rods flowing in a space the size you set yourself as a slideshow of a size 200 x 300 px. This condition can you do if you know html scrolling picture codes Marque box images as slideshows
Now we will learn how to make Marque scrolling slideshow for images, text boxes and so on.

Below are the steps you need to do to get Marque scrolling slideshow for images, text box
STEP 1: copy all the html code below

&lt;div style="height:221px;width:330px;overflow:scroll;"&gt;
href href="http://blo-temp.blogspot.com" target="_blank"&gt; &lt;img src = "http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg" border = "0" width = "330" height = "221" alt = "Sample picture for scroll box" /&gt; &lt;/ a&gt; /&gt;

step 2: Convert the HTML code depending on your needs such as
if you want to change the size of the scroll box at &lt;div style="height:221px;width:330px;overflow:scroll;"&gt; Transform
 href="http://blo-temp.blogspot.com" target="_blank"&gt; is hyperlinked to a website or blog

&lt;img src = "http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg" border = "0" width = "330" height = "221" is the html code for your photo where the "http: / / i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg "

change feedjit widget blogger colour review

How to change feedjit widget blogger colour review when change to new blogger templates. This is the most important SEO because feedjit colour review will affected click true.

Here are some tips how to change the feedjit colour review.

Look at feedjit html code, actually the feedjit colour code can change if you know the colour code.

This is the example of feedjit colour code

<script type="text/javascript" src="http://feedjit.com/serve/?vv=693&amp;tft=3&amp;dd=0&amp;wid=8cb8116a52550a96&amp;pid=0&amp;proid=0&amp;bc=FFFFFF&amp;tc=000000&amp;brd1=ffffff&amp;lnk=135D9E&amp;hc=FFFFFF&amp;hfc=ffffff&amp;btn=C99700&amp;ww=180&amp;went=10"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>

to change default colour code to your favorite just change the colour code with go to feedjit web site.

bc=ffffff is the back ground colour code

tc=000000 is the visitor colour code

brd1=ffffff is the border colour code

lnk=135D9E is the link colour code

btn=C99700 is the feedjit button colour

So the colour code below can change just change colour code below

And HTML colour codes are the best colour code generator

hide blog description new latest temp

This technique is to hide blog description new latest blogger templates.

1 find

#header .description

2 And paste ;display:none; at the last

3 The html code look like this

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
margin: 0px 0px 0px 0px;
padding: 1px 20px 25px 20px;display:none;
}

hide blog description classic templates

hide blog description classic templates

Blog description sometimes give a blog view crowded, how to hide blog description on blogger with classic templates?
This may very simple for a admin of webmaster but for the normal people this very diffficult.
I'am found thie technique hope can help blogger who are still using classic blogger templates.
The step is
1  Find the #description on HTML code

2  Add at the last html code with this sintak  ;display:none;

3  The html code look like here
#description {
border-left:0px solid #eee; border-right:0px solid #eee; border-top:0px solid #eee; border-bottom:0px solid #eee; max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
color:#999; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; font-size:78%; font-family:Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:1px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0px;display:none;}


hide blog description blogger templates

delete blog archive classic blogger

Berikut adalah cara untuk anda membuang atau delete blog archive classic blogger templates.

Berikut adalah cara untuk anda membuang archive menu pada classic blogger templates

1 cari <!-- End #sidebar -->

2 deletekan html berikut

<MainOrArchivePage>
<h2 class="sidebar-title">Archives of <$BlogTitle$> </h2>
<ul class="archive-list">
<BloggerArchives>
<li><a title="<$BlogTitle$>" href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage>


3 Selamat mencuba


anda juga mungkin berminat untuk membuat create drop down  menu untuk archive

drop down menu classic templates footers

Disini saya akan menerangkan cara-cara untuk membuat drop down menu untuk blogger classic templates dan drop down menu itu diletakkan dimana-mana bahagian yang anda sukai tetapi untuk tutorial kali ini drop doen menu itu diletakkan pada footers seperti rajah di bawah.
    Sebelum anda mencipta drop down menu untuk archive anda haruslah fikirkan. apakah tujuan anda ingin mencipta drop down menu untuk archive anda. Saya mencipta drop down menu untuk  archive untuk memudahkan pencarian setelah terlalu banyak post dan bagi mempastikan page blog saya kelihatan kemas.

Jadi bagaimana anda hendak lakukan?


1 Cari  #footer atau seumpamanya yang sepadan

2   Pastekan dengan html code dibawah ini
<!-- Freeware Homes Archived -->
<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>

3 HTML code anda seharusnya kelihatan begini

<BloggerPreviousItems>
<li><a title="<$BlogTitle$>" href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$> </a></li>
</BloggerPreviousItems>
</ul>
<!-- Freeware Homes Archived -->
<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>

harap membantu anda dalam mencipta drop down menu archice 

Anda juga mungkin berminat untuk remove blog archive dalam classic templates

MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE

MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE MUNGKIN agak sukar kepada blogger terutamanya blogger classic templates tapi jika anda sudah biasa dengan HTML code masalah ini memang bukan menjadi masalah lagi.
Berikut adalah HTML code yang anda boleh gunakan untuk memasukkan share this button. Share this button biasanya digunakan untuk memudahkan rakan anda share sesuatu yang menarik dengan yang lainnya terutamanya rakan-rakan dalam social network seperti twitter, facebook atau lain-lain lagi.

Disini saya memasukkan 6 share this social network jika anda berminat anda boleh tambah atau jika anda rasakan share this button sangat banyak anda boleh membuangnya

Berikut adalah langkah yang perlu untuk MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE

Langkah 1:MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE
Cari HTML code <p class="post-footer"> bagi classic blogger templates atau <div class='post-footer'> bagi .xml blogger templates

Langkah 2:MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE
Copy and pastekan HTML code diatas daripada HTML code <p class="post-footer"> bagi classic blogger templates atau <div class='post-footer'> bagi .xml blogger templates

<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pWq6FJJenGUod15vLqR0TaVigrBQeRDecIzZii6v_F1NNgobbAYbVoMQhLf_SIfPW3B39S84XYgEZbwQZxiA5EorXOikIoapsc3FKib81DI_8hq1YeyedDzT2-lyIxk1vFS0LLFKJY0/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0speQl0_eW-vKufQjTgd_lvqfLsuqAkTZMWXDabNI1M79l57qAUc2R6758YOaSyqwSzzWKaBnzQ4SbSLKRjYtMQlKadLYnWxUSeu3kg1z3ysjoz6-YkStLJLaRfUz9BM_Bw7n0_2ALo/'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefWZ2ocAw4_J_cCoIrRsezATO4HBjAAKHt3I4GcrCz0TMM9b5AsBc6v9ZOI68DTJGztrMTsgnZpPNCf-ZY9KzutUyjG_LQ08qYcFGUrRYdw8WWm4OMzdHqKvO6meUk9paqKTc3NNw63U/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSb354kkHnx1HQf4xEno6Q21coY2w0GLVQBTim9P4sp-FAtyvmxRedrFmaJ4vyQEG1fEguD1B-LFFy-_FPRTGOOqQsnQJbOwgmO4rgIMqi7fgBubnnL2rZAz1Td2EEVOOwuRI7U2hDLJE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSCYzM5gVJ5A0kGYY1u1BTSt4S_mzokCbT3TVX2y5lihrJdAP5y_ej_u7smxkP0I5iAkh8qKqwaNJ8BfgYR5aGeV0KhPzvzEn-MFDbAXDRNhz9irbLXVuFY1tiwYcFI0mI80NE20blWs/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3vu5R55MnkDAT6qtLCu3wTjrdNuCGmf_UDgKSZ0EfNjIYBgjE2idemp3hIU0PPAu-ogfWdn5os3ce_97YeQytpC0mfhaG3tdK3roF8Y7HpKc3q0jYdZr_thSlahkBgeh1kodvS8x0_M8/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKAjr8cTEbxb5eH1yoO_Ez0muzEwcUO8rZQNW3Lpc_UAlnnOAER1JMLk8ocqYf-J9IEAtxYdyNJg_EOqpv9Z2yfumG6oYh75YD3UW2ZnWIWWXn_hYUMbKwhq4PI8-TsCD_Uk_gEVVhdE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhL-zOUM-O87wKeCYFDPGpt7GmEM2cqfsFUslGHo3RMHPqqfLhbBsBaPkgk-dJabCGKzwWtJ4JRE7P0WKt9RG1xpqSDF5-Bk-WPAtS7upQVPIeCOYKxwq5bxkaIdDhrakZkntR_aRln18/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLWnUvXvgfdZxyRy4dprxZTvkz1xAfQbXG_a7z6ltqR3PAKr6Hov4iTEgJqPMbNNREmmibZ6wD2Ge6fPUtmA6AMrXwhZtCwY-4__MswOwzojgacxbMpBtwFROuiGV0fze4zkLSzvve6M/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSXDsb392xX1QyHqhy7RPjN7g_-_g5RjPujmwiF2mkiot9FrTvMmut4kn04e9VWD-ijFmhAkAateKkZeYZgDQVhkOii4-Oj_VVsaxGnk3m6ie7QMFRu5H2y6KPhWOP6nU6ANPtGer0v0/' width='16'/></td>
<td height='24'><a href='http://feeds.feedburner.com/blogspot/theliomainfo' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Langkah 3:MEMASUKKAN SHARE THIS BUTTON PADA BLOGGER CLASSIC TEMPLATE
apabila dah paste HTML code diatas click button Publish post atau save atau seumpamanya

harap membantu

Memasukkan Favorite icon pada internet browser

Adakah anda ingin kelihatan icon kesayangan anda akan dipaparkan pada internet browser apabila rakan-rakan anda membuka laman web atau blog anda. Amat mudah dan saya sendiri sebelu ini juga tidak mengetahuinya.

apakah favicon?
Favicon adalah icon kesayangan anda yang dipaparkan apabila rakan anda melawati blog atau wen site anda.

Bagaimana rupa bentuk FavIcon itu?
Rupa FavIcon adalah seperti berikut

Menarik bukan jika bila orang melawati web site atau blog anda terpapar icon kegemaran anda pada web browsernya.

Bagaimana anda boleh melakukannya?

Langkah 1:
anda upload apa-apa gambar atau apa-apa imej kegemaran anda dalam apa jua format samada .ico, .jpeg, atau .png ke mana-mana tempat penyimpanan seperti di picasa atau blogger.com. Dan dapatkan alamat web linknya.

Langkah 2:
Buka HTML code untuk blog atau web site anda dan cari

<head>

Langkah 3:
Copy and paste HTML code dibawah dibawah HTML code <head>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5scz4j6z5HdITaBclGb414O4eaKIY1z23Yh123EaRa2kj5-DpCggpg-qpCxZudwwcSokcy1CGKsfUODQ6BqAeevKbS-cbcnbT3XnNJw5QP7QQebigecI0uQcOn2TTfEI4wLGdvaacTg58/s1600/logo+jubli+perak+smtkk.jpg' rel='icon' type='image/vnd.microsoft.icon'/>


apa yang anda perlu lakukan adalah tukar link dimana icon saya ini dengan link icon kegemaran anda

link saya disini adalah dari  <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5scz4j6z5HdITaBclGb414O4eaKIY1z23Yh123EaRa2kj5-DpCggpg-qpCxZudwwcSokcy1CGKsfUODQ6BqAeevKbS-cbcnbT3XnNJw5QP7QQebigecI0uQcOn2TTfEI4wLGdvaacTg58/s1600/logo+jubli+perak+smtkk.jpg'/>

HTML source code dropdown menu

1 Cari /* Content of ---------------------------------------------- */ atau #content

2 Copy HTML code dibawah

/* ----- dropdown NAVBAR MENU ----- */
#NavbarMenu {

width: 880px;
height: 35px;
background:#527F76 url() repeat-x top;
color: #FFFFFF
margin: 0 auto 0;
padding: 0;
font: bold 10px Arial, Tahoma, Verdana;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFFF;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 15px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#527F76;
color: #ffffff;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #527F76 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOM6U4UOTbCTtNdTX18cEmtpc3a_IQQJ8vparZaAa3dqSvRZEcqu-gjL6eJXyIoD334oqHkKGUzb9PoRJ5-SNYZXt9QO5jltVcjmKenzMXjKurq1gXJrRHLhBrZwYLGbHuZC1Wz7kOcI5/s800/navbar.gif) repeat-x top;
width: 150px;
color: #000;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
/* --------------------YG BERI WARNA BAR--------------------------- */
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #527F76;
border-right: 1px solid #527F76;
font: normal 14px Georgia, Times New Roman;
}

#nav li li a:hover, #nav li li a:active {
background: #527F76;
color: #FFFFFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

3 Pastekan HTML code tadi sebelum /* Content of ---------------------------------------------- */ atau #content

4 Fikirkan dimanakah anda mahu meletakkan dropdown menu, pada blog saya saya ingin meletakkan dropdown menu diatas daripada google ads. (anda boleh cuba ditempat lain contohnya diatas sebelum posting atau lain-lain tempat pada blog anda)

5 Untuk itu saya cari

memandangkan

mestilah berakhir dengan

maka selepas

adalah sesuai untuk saya meletakkan drop down menu

6 HTML code div id untuk header adalah seperti dibawah

(ada lagi html source code disini -abaikan)

(Pastekan HTML code dibawah html code ini )

7 Copy semua HTML source code dibawah dan pastekan selepas sebagaimana diatas

• Products
  
  • Cameras
    
    • Nikon
    • Minolta
    • Pentax
  • Lenses
    
    • Wide Angle
    • Standard
    • Telephoto
    • Zoom
      
      • 35mm to 125mm
      • 50mm to 250mm
      • 125mm to 500mm
    • Mirror
    • Non
      standard
      
      • Bayonet mount
      • Screw mount
  • Flash Guns
  • Tripods
  • Filters
• Services
  
  • Printing
  • Photo Framing
  • Retouching
  • Archiving
• Home
• News
• Software
  
  • Antivirus
  • Audio and Video
  • Desktop Enhancements
  • Graphic and Web Design
  • Internet
    
    • Dial-Up n Connectivity
    • Security and Spyware
    • Utilities
  • System Tools
  • Others
• Template
  
  • New Blogger Template
  • Classic Blogger Template
• Tips and Trick

8 Ini adalah html source code untuk blog saya jika anda tidak menyukainya anda boleh cipta sendiri dengan menggunakan apa-apa aplikasi HTML Editor tapi kalau anda indin mencuba yang freeware portable HTML Editor anda boleh mencuba kompozer portable. Kompozer portable HTML Editor boleh didapati di web pembuatnya portableapps untuk digunakan

9 selamat mencuba untuk create dropdown simple menu for SEO

anda mungkin ingin melihat bagaimana drop down menu yang terhasil

buat drop down menu blogger templates

Ini adalah drop down menu yang telah dihasilkan daripada HTML source code

Jika anda berminat anda bolehlah berkunjung ke HTML source code dropdown menu

HTML source code drop down menu copy paste

<!-- mula html source code sini -->
<div id="NavbarMenu">
<div id="NavbarMenuleft">
<ul id="nav">
<li class="top"><a href="#nogo2" id="products"
class="top_link"><span class="down">Products</span></a>
<ul class="sub">
<li><a href="#nogo3" class="fly">Cameras</a>
<ul>
<li><a href="#nogo4">Nikon</a></li>
<li><a href="#nogo5">Minolta</a></li>
<li><a href="#nogo6">Pentax</a></li>
</ul>
</li>
<li class="mid"><a href="#nogo7"
class="fly">Lenses</a>
<ul>
<li><a href="#nogo8">Wide Angle</a></li>
<li><a href="#nogo9">Standard</a></li>
<li><a href="#nogo10">Telephoto</a></li>
<li><a href="#nogo11" class="fly">Zoom</a>
<ul>
<li><a href="#nogo12">35mm to 125mm</a></li>
<li><a href="#nogo13">50mm to 250mm</a></li>
<li><a href="#nogo14">125mm to 500mm</a></li>
</ul>
</li>
<li><a href="#nogo15">Mirror</a></li>
<li><a href="#nogo16" class="fly">Non
standard</a>
<ul>
<li><a href="#nogo17">Bayonet mount</a></li>
<li><a href="#nogo18">Screw mount</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#nogo19">Flash Guns</a></li>
<li><a href="#nogo20">Tripods</a></li>
<li><a href="#nogo21">Filters</a></li>
</ul>
</li>
<li class="top"><a href="#nogo22" id="services"
class="top_link"><span class="down">Services</span></a>
<ul class="sub">
<li><a href="#nogo23">Printing</a></li>
<li><a href="#nogo24">Photo Framing</a></li>
<li><a href="#nogo25">Retouching</a></li>
<li><a href="#nogo26">Archiving</a></li>
</ul>
</li>
<li><a href="http://uppsmtkk.blogspot.com/">Home</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/News"
rel="nofollow">News</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/All%20Software"
rel="nofollow">Software</a>
<ul>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Anti%20Virus%20Software"
rel="nofollow">Antivirus</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Audio%20and%20Video%20Software"
rel="nofollow">Audio and Video</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Desktop%20Enhancements"
rel="nofollow">Desktop Enhancements</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Graphic%20and%20Web%20Design"
rel="nofollow">Graphic and Web Design</a></li>
<li><a href="#">Internet</a>
<ul>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Dial-up%20and%20Connectivity"
rel="nofollow">Dial-Up n Connectivity</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Internet%20Security%20and%20Spyware"
rel="nofollow">Security and Spyware</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Internet%20Utilities"
rel="nofollow">Utilities</a></li>
</ul>
</li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/System%20Utilities"
rel="nofollow">System Tools</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Tools%20and%20Utilities"
rel="nofollow">Others</a></li>
</ul>
</li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Free%20Blogger%20Template"
rel="nofollow">Template</a>
<ul>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/New%20Blogger%20Template"
rel="nofollow">New Blogger Template</a></li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/Classic%20Blogger%20Template"
rel="nofollow">Classic Blogger Template</a></li>
</ul>
</li>
<li><a
href="http://uppsmtkk.blogspot.com/search/label/TiPs%20and%20TriCk"
rel="nofollow">Tips and Trick</a></li>
</ul>
</div>

<div id="search">
<form action="/search/" id="searchform" method="get"
style="display: inline;"><input id="searchbox"
maxlength="255" name="q"
onblur='if (this.value == "") {this.value = "Search This Site...";}'
onfocus='if (this.value == "Search This Site...") {this.value = ""}'
value="Search This Site..." type="text" />
<input id="searchbutton" value="GO" type="submit" /></form>
</div>

</div>
</div>
<!-- end navbar -->
<!-- hingga html code sini -->

nice drop down menu

</script>
</b:if>


<style type='text/css'>
ul#topnav {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 99%;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:30px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #111;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #ffffff;
}
ul#topnav a { color: #111111; }
ul#topnav span {
display: none;
}

ul#topnav.v2 span{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFab4enKuEJJx71katr3U06-2JP724sshGgpAAM9acPrldrcYD_zCMEO64ol3_bjVHCRu1TsgWB9RKEsw8s_8wqkP0jrt88c5-8C5roxinCnyV9NsS8r5-3cPaGTjJ4Fi3yjE3UZhmD0k/) repeat-x left top;
}
ul#topnav.v2 a{
color: #fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFab4enKuEJJx71katr3U06-2JP724sshGgpAAM9acPrldrcYD_zCMEO64ol3_bjVHCRu1TsgWB9RKEsw8s_8wqkP0jrt88c5-8C5roxinCnyV9NsS8r5-3cPaGTjJ4Fi3yjE3UZhmD0k/) repeat-x left bottom;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>


$(document).ready(function() {


$(&quot;#topnav li&quot;).prepend(&quot;<span/>&quot;); //Throws an empty span tag right before the a tag

$(&quot;#topnav li&quot;).each(function() { //For each list item...
var linkText = $(this).find(&quot;a&quot;).html(); //Find the text inside of the a tag
$(this).find(&quot;span&quot;).show().html(linkText); //Add the text in the span tag
});

$(&quot;#topnav li&quot;).hover(function() { //On hover...
$(this).find(&quot;span&quot;).stop().animate({
marginTop: &quot;-40&quot; //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find(&quot;span&quot;).stop().animate({
marginTop: &quot;0&quot; //Move the span back to its original state (0px)
}, 250);
});


});
</script>
</head>

<body>





dan ni


<div class='container'>

<ul id='topnav'>

<li><a href='http://blo-temp.blogspot.com/'>Home</a></li>
<li><a href='http://blo-temp.blogspot.com/search?max-results=999'>TOC</a></li>
<li><a href='http://blo-temp.blogspot.com//search/label/widget?max-results=1000'>Widgets</a></li>
<li><a href='http://blo-temp.blogspot.com/search/label/Templates?max-results=1000'>Templates</a></li>
<li><a href='http://blo-temp.blogspot.com//search/label/jQuery?max-results=1000'>jQuery</a></li>
<li><a href='http://blo-temp.blogspot.com/'>Advertise</a></li>
<li><a href='http://blo-temp.blogspot.com/contact-me.html'>Contact</a></li>

</ul>

</div>




<div class='container'>

<ul id='topnav'>

<li><a href='http://blo-temp.blogspot.com/'>Home</a></li>
<li><a href='http://blo-temp.blogspot.com/search?max-results=999'>TOC</a></li>
<li><a href='http://blo-temp.blogspot.com//search/label/widget?max-results=1000'>Widgets</a></li>
<li><a href='http://blo-temp.blogspot.com/search/label/blogger templates?max-results=1000'>Templates</a></li>
<li><a href='http://blo-temp.blogspot.com/search/label/jQuery?max-results=1000'>jQuery</a></li>
<li><a href='http://blo-temp.blogspot.com/search/label/seo-and-meta-tag.html/'>seo and meta tag</a></li>
<li><a href='http://blo-temp.blogspot.com/contact-me.html'>Contact</a></li>

</ul>

</div>

<div id='content-wrapper'>

<div id='side-wrapper1'>

New blogger templates

Google released a new templates for Blogger by the bloggers who are interested can change the old templates to the new templates. Blogger templates and the latest was certainly a lot of advantages compared to classic blogger templates.
There are several modifications have been made to facilitate the blogger when using the new templates.
New blogger templates Enjoy wallpapers, themes, or photos? Now you can add an image to the Google homepage
Here are a few modifications have been made.

Blogger Template Designer
Blogger Template Designer is a new way for you to easily customize the look of your blog. You can select a variety of templates, images, colors, and column layouts to make your blog an expression of you

Insert Background

Layout Preview

Adjust Width
You can adjust width with easy rechnique

For more detail

Free Check website or blog grader

This is one of my blog gradder. you can check your website or blog grader for free on http://websitegrader.com this tools is free and you can find what is the grade of your web site or blog grade. This will improve your SEO blog

This is my blog grade what yours.

if you are internet marketing this web site are important especially to improve and SEO offline templates.

Change FeedJit colour theme

I try to Change FeedJit colour theme ant this what i do for the HTML code

and this is the HTML code you must change

""

Post titles are not links to the posts

Post titles are not links to the posts when using AdSense Template Rounders 2.
Follow the templates creator this happen when we copy and paste AdSense Template Rounders 2, to solve the problem AdSense Template Rounders 2 you must find:

<BlogItemTitle>
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
<h1 class="post-title"><$BlogItemTitle$></h1>
<BlogItemUrl></a></BlogItemUrl>
</BlogItemTitle>

And replace default AdSense Template Rounders 2 with

<h1 class="post-title"><a href="<$BlogItemUrl$>" title="external link" class="title-link"><$BlogItemTitle$></a></h1>

Embed Ad Code Anywhere in Your Blogger Template

This is the best tips to Embed Ad Code Anywhere in Your Blogger Template hope helpful to Embed Ad Code Anywhere in Your Blogger Template. This technique according to
Have you ever tried to insert javascript ad code directly into your Blogger Template and it just wouldn’t work? Ok, everyone in the room can put their hands down now. This has always been a huge problem for blog authors using Google Blogger looking to monetize their site since almost all ad code contains javascript.

So why is this so darn difficult to do? The problem in the past was that Blogger users wanted more control over where and how frequently their block of ad code (usually AdSense) appeared. The Blogger Team listened to their customers and created an easy to use feature that allows you to setup AdSense in your individual posts with a simple checkbox selection.

more on Embed Ad Code Anywhere in Your Blogger Template

Add Navigate Bar on blogger templates

This is the main problem when i try create or Add Navigate Bar on blogger templates

This is my new navigate bar i was create

remove navigate bar

First of all find the first / * Navbar

If you do not find it do not panic because you probably do not have templates / * Navbar

If the HTML code above is not found then find the / * Content
which must be present for HTML code that is no mean your blog will not be there / * Content.

on the / * Content Enter to insert the following html code

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

and add the following HTML code before the / * Content

Your HTML code should look like this

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


tetepi if you have found the HTML code to convert HTML navbar codenya be like this
/ * Navbar
----------------------------------------------- * /
# navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
   }
/ * Content
----------------------------------------------- * /

SEO Doctor Stat 100%

SEO Doctor Stat 100% on my blog http://registry--editor.blogspot.com/ this SEO tool is free and no need install on computer but add as plug in on browser.

more about SEO Doctor Tools

Template works the latest version of Blogger Templates

Template works the latest version of Blogger Templates
Just say when blogger templates section we are more likely to modify according to consumer trends, if you search on google search engine on the blogger templates, do you know that most of the templates provided not meet current code HTML template works the latest version of Blogger templates, Thus that be a problem when you use the latest non-blogger templates you will have difficulties to enter the widget and if you want to change the HTML code you will also have difficulties. Thus by using the latest blogger templates above problems can be resolved. Thus prepared to use the latest templates blogger templates works where the latest version of Blogger Templates.

This is slightly below blogger templates review for the latest version of Blogger Templates

Template works with the latest version of Blogger!

Get 2 Column Template

Template works with the latest version of Blogger!

      

      Get 3 Column Template

      Get 2 Column Template

more information about Template works with the latest version of Blogger can find on http://blogspottemplates.blogspot.com/

Best Blogger Templates - 3 Essential Tips to Choosing the Best Templates

Best Blogger Templates - 3 Essential Tips to Choosing the Best Templates
Why Do You Need The Best Blogger Templates?

One thing for sure is that if you don't you'll stand to lose all those potential prospects that will read your content and earn you some good revenue. That means you fail to drive good traffic and retain them.

Not good news if you have spend hours and hours a week poring over the many contents and keyword research that was done. There has to be an easier way out so I believe these best blogger templates tips are not created for the author but also to attract eyeballs in the masses!

Tip 1: Basic And Simple Layout Counts

Whether you like it or not, layouts do play a part. How do you normally read your Latin based e-books or book in particular? From left to right and top to bottom. We should exactly mimic this style of reading when you choose your template.

There is no secret just basic human behavior and how readers will appreciate the ease of navigation when it comes to content searches on your website. Similarly, your blog can be used to be shaped this way and Blogger has a cool feature to do that which is found in 'template layout'.

Tip 2: Colors That Draw Instant Attention

Now, with this being said, I don't want to sound too focused on colors, but it does play an important role to determine whether your blog has a nice touch when it comes to getting the best attention span from each reader coming to your site.

Bright colors for sure will draw attention but if a person gets tired from just reading your content or main text then its about time to choose a more relaxing and refreshing color scheme. A background which always works is white or cream white.

Tip 3: Widgets and Other Excursions

Over the course of time you may encounter certain things like 'widget' add-on you can include in your blog and sometimes having the best blogger templates doesn't mean having this included in all your blog sites.

The point is to include only those tools which may directly contribute to the reach of your blog to readers online. Your goal should be to gather as much readers as possible and harness the potential of converting those visitors into sales or customers that will earn you revenue.

Counting Your Eggs

There's always a saying that you shouldn't count your chickens before they hatch. In the same way, you shouldn't feel compelled to rely on one style or one type of template that will yield you astounding results. Test a few and then see which ones gives you better results.

"Want to learn more about earning money with blogs?" Visit Blog Your Way To Wealth

Article Source: http://EzineArticles.com/?expert=Vern_How_Chan

Insert share this button on blogger template

Inserting a share this button in your blogger templates is one of the fastest ways for you to share content of your blog to your friends on twitter and facebook.
The problem is?
How do I add share this button to enter into your HTML code. So here I want to share some knowledge about what I do on my blogger HTML code to insert share this button on HTML code . HTML code share this button that I put here is not much, so you can add your own if you want it

Find the following html code

 <div class='post-body'>

till

At the top of the html code

Enter the following code and html code share this button

HTML code will look as

<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pWq6FJJenGUod15vLqR0TaVigrBQeRDecIzZii6v_F1NNgobbAYbVoMQhLf_SIfPW3B39S84XYgEZbwQZxiA5EorXOikIoapsc3FKib81DI_8hq1YeyedDzT2-lyIxk1vFS0LLFKJY0/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0speQl0_eW-vKufQjTgd_lvqfLsuqAkTZMWXDabNI1M79l57qAUc2R6758YOaSyqwSzzWKaBnzQ4SbSLKRjYtMQlKadLYnWxUSeu3kg1z3ysjoz6-YkStLJLaRfUz9BM_Bw7n0_2ALo/'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefWZ2ocAw4_J_cCoIrRsezATO4HBjAAKHt3I4GcrCz0TMM9b5AsBc6v9ZOI68DTJGztrMTsgnZpPNCf-ZY9KzutUyjG_LQ08qYcFGUrRYdw8WWm4OMzdHqKvO6meUk9paqKTc3NNw63U/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSb354kkHnx1HQf4xEno6Q21coY2w0GLVQBTim9P4sp-FAtyvmxRedrFmaJ4vyQEG1fEguD1B-LFFy-_FPRTGOOqQsnQJbOwgmO4rgIMqi7fgBubnnL2rZAz1Td2EEVOOwuRI7U2hDLJE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSCYzM5gVJ5A0kGYY1u1BTSt4S_mzokCbT3TVX2y5lihrJdAP5y_ej_u7smxkP0I5iAkh8qKqwaNJ8BfgYR5aGeV0KhPzvzEn-MFDbAXDRNhz9irbLXVuFY1tiwYcFI0mI80NE20blWs/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3vu5R55MnkDAT6qtLCu3wTjrdNuCGmf_UDgKSZ0EfNjIYBgjE2idemp3hIU0PPAu-ogfWdn5os3ce_97YeQytpC0mfhaG3tdK3roF8Y7HpKc3q0jYdZr_thSlahkBgeh1kodvS8x0_M8/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKAjr8cTEbxb5eH1yoO_Ez0muzEwcUO8rZQNW3Lpc_UAlnnOAER1JMLk8ocqYf-J9IEAtxYdyNJg_EOqpv9Z2yfumG6oYh75YD3UW2ZnWIWWXn_hYUMbKwhq4PI8-TsCD_Uk_gEVVhdE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhL-zOUM-O87wKeCYFDPGpt7GmEM2cqfsFUslGHo3RMHPqqfLhbBsBaPkgk-dJabCGKzwWtJ4JRE7P0WKt9RG1xpqSDF5-Bk-WPAtS7upQVPIeCOYKxwq5bxkaIdDhrakZkntR_aRln18/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLWnUvXvgfdZxyRy4dprxZTvkz1xAfQbXG_a7z6ltqR3PAKr6Hov4iTEgJqPMbNNREmmibZ6wD2Ge6fPUtmA6AMrXwhZtCwY-4__MswOwzojgacxbMpBtwFROuiGV0fze4zkLSzvve6M/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSXDsb392xX1QyHqhy7RPjN7g_-_g5RjPujmwiF2mkiot9FrTvMmut4kn04e9VWD-ijFmhAkAateKkZeYZgDQVhkOii4-Oj_VVsaxGnk3m6ie7QMFRu5H2y6KPhWOP6nU6ANPtGer0v0/' width='16'/></td>
<td height='24'><a href='http://feeds.feedburner.com/blogspot/theliomainfo' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

hasil masuk share this pada blogger template

Setelah anda menjalankan kesemua cara masuk share this pada blogger template maka anda akan dapati hasilnya adalah seperti berikut.

Jika anda berminat dengan share this button pada blog anda ketahui cara bagaimana masuk share this pada blogger template

Masuk share this pada blogger template

Masuk share this pada  blogger template
Cari html code

<div class='post-body'>
hingga
<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Pada bahagian atas html code <div style='clear: both;'/> <!-- clear for photos floats --> </div>

Masukkan html code berikut dan

HTML code anda akan kelihatan seperti dibawah

<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pWq6FJJenGUod15vLqR0TaVigrBQeRDecIzZii6v_F1NNgobbAYbVoMQhLf_SIfPW3B39S84XYgEZbwQZxiA5EorXOikIoapsc3FKib81DI_8hq1YeyedDzT2-lyIxk1vFS0LLFKJY0/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0speQl0_eW-vKufQjTgd_lvqfLsuqAkTZMWXDabNI1M79l57qAUc2R6758YOaSyqwSzzWKaBnzQ4SbSLKRjYtMQlKadLYnWxUSeu3kg1z3ysjoz6-YkStLJLaRfUz9BM_Bw7n0_2ALo/'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefWZ2ocAw4_J_cCoIrRsezATO4HBjAAKHt3I4GcrCz0TMM9b5AsBc6v9ZOI68DTJGztrMTsgnZpPNCf-ZY9KzutUyjG_LQ08qYcFGUrRYdw8WWm4OMzdHqKvO6meUk9paqKTc3NNw63U/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSb354kkHnx1HQf4xEno6Q21coY2w0GLVQBTim9P4sp-FAtyvmxRedrFmaJ4vyQEG1fEguD1B-LFFy-_FPRTGOOqQsnQJbOwgmO4rgIMqi7fgBubnnL2rZAz1Td2EEVOOwuRI7U2hDLJE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSCYzM5gVJ5A0kGYY1u1BTSt4S_mzokCbT3TVX2y5lihrJdAP5y_ej_u7smxkP0I5iAkh8qKqwaNJ8BfgYR5aGeV0KhPzvzEn-MFDbAXDRNhz9irbLXVuFY1tiwYcFI0mI80NE20blWs/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3vu5R55MnkDAT6qtLCu3wTjrdNuCGmf_UDgKSZ0EfNjIYBgjE2idemp3hIU0PPAu-ogfWdn5os3ce_97YeQytpC0mfhaG3tdK3roF8Y7HpKc3q0jYdZr_thSlahkBgeh1kodvS8x0_M8/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKAjr8cTEbxb5eH1yoO_Ez0muzEwcUO8rZQNW3Lpc_UAlnnOAER1JMLk8ocqYf-J9IEAtxYdyNJg_EOqpv9Z2yfumG6oYh75YD3UW2ZnWIWWXn_hYUMbKwhq4PI8-TsCD_Uk_gEVVhdE/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhL-zOUM-O87wKeCYFDPGpt7GmEM2cqfsFUslGHo3RMHPqqfLhbBsBaPkgk-dJabCGKzwWtJ4JRE7P0WKt9RG1xpqSDF5-Bk-WPAtS7upQVPIeCOYKxwq5bxkaIdDhrakZkntR_aRln18/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLWnUvXvgfdZxyRy4dprxZTvkz1xAfQbXG_a7z6ltqR3PAKr6Hov4iTEgJqPMbNNREmmibZ6wD2Ge6fPUtmA6AMrXwhZtCwY-4__MswOwzojgacxbMpBtwFROuiGV0fze4zkLSzvve6M/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSXDsb392xX1QyHqhy7RPjN7g_-_g5RjPujmwiF2mkiot9FrTvMmut4kn04e9VWD-ijFmhAkAateKkZeYZgDQVhkOii4-Oj_VVsaxGnk3m6ie7QMFRu5H2y6KPhWOP6nU6ANPtGer0v0/' width='16'/></td>
<td height='24'><a href='http://feeds.feedburner.com/blogspot/theliomainfo' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

selamat mencuba

jika berminat anda bolehlah melihat hasil masukan share this pada blogger templates saya seperti berikut

html code to create link on title bar blogger template

html code to create link on title bar blogger template

<select> <option value="">» QUICK LAUNCH </option>
<option value="http://freewarehomes.blogspot.com">FREEWAREHOMES </option>
<option value="http://magnetictherapyjewelryclasp.blogspot.com">MAGNETICTHERAPY </option>
<option value="http://18xxgames.blogspot.com">18XXGAMES </option>
<option value="http://info-semasa.blogspot.com">INFOSEMASA </option>
<option value="http://http://registry--editor.blogspot.com">REGISTRYEDITOR </option><option value="http://blo-temp.blogspot.com/">BLOG TEMPLATE </option></select>

SEO <h1 and <h2 meta tag blogger templates

h1 and h2 meta tag meta tag is the second most important option in the blogger templates optimise. Therefore, h1 and h2 meta tag should be in oprimise offline. So the question is?

What is h1 meta tag?
h1 is the title meta tag is the last post in your blog.
How do I change the meta tag h1?
This work is hard but do not worry as I will show you how to change your meta tags to h1 your blog more search engine friendly SEO.
So here I assume you already know how to see the HTML code for you to edit your blog.

steps to change the h1 meta tag to SEO with search engine
1 search
2 HTML code you will get is as below

<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

3 Now change the h1 and h3 to your HTML code looks like below

<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>


4 Now h1 meta tag was seo "GOOD LUCK"

h1 meta tag dan h2 meta tag adalah 2 option yang penting dalam optimise blogger templates. Oleh itu h1 meta tang dan h2 meta tag harus di oprimise secara offline. Jadi persoalahnya

Apakah <h1 meta tag?
h1 meta tag adalah adalah tajuk terkini post pada blog anda.
Bagaimana nak tukar h1 meta tag?
ini kerja yang susah tapi jangan risau kerana saya akan menunjukkan cara bagaimana hendak menukar h1 meta tag anda supaya blog anda lebih mesra engine pencari  SEO.
Jadi disini saya beranggapan anda sudah tahu bagaimana melihat HTML code blog anda untuk anda edit.

langkah untuk tukar h1 meta tag supaya SEO dengan engine pencari
1 cari <a expr:href='data:post.link'><data:post.title/></a>
2 HTML code yang anda perolehi adalah seperti di bawah
<div class='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

3 Sekarang tukar h3 kepada h1 dan HTML edit code anda kelihatan seperti seperti dibawah
   Tukar <h3 kepada <h1 seperti dibawah

<div class='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h1 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
    </b:if>