Minggu, 16 September 2012

Cara Mengganti Tulisan Home di Menu Bar Atas dengan Gambar

Bosan bro dengan Penampilan Laman lo bro, untuk itu bro mari ganti tulisan Home itu dengan Gambar agar lebih bermakna bro dan siap - siap untuk berkreasi bro, tapi bro yang bisa di ganti hanya laman bertemplate buka laman yang bawaan langsung dari blogger bro, ya seperti digambar berikut bro :



Gimana bro ? ? tertarik ? untuk simak aja bro tata cara berikut oke :


  1. Login ke blogger lo bro
  2. Pilih Rancangan
  3. Klik Edit Html
  4. Jangan Lupa Bro Centang Expand Template Widget
  5. Untuk Mengantisipasi Kesalahan Bro, Lakukanlah BACKUP data terlebih dahulu ya bro, kalo gak tau bro Baca Tentang Cara Backup Data dan Restore Template Blogger
  6. Silahkan Cari Kode seperti diBawah bro, yang berwarna MERAH


cari sesuai yang ada di blog lo bro tulisan homenya, kalo blog gua bro pake tulisan Home dulunya hehe, lebih tepatnya :




<div class='span-24'>
<div class='menu-secondary-wrap'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Free Download</a>
<ul class='children'>
<li><a href='http://raxterbloom.blogspot.com/search/label/antivirus'>Anti Virus</a></li>
<li><a href='http://raxterbloom.blogspot.com/search/label/software'>Software</a></li>
<li><a href='http://raxterbloom.blogspot.com/search/label/utilities'>Utilities</a></li>
</ul>
</li>

    

     7. kalo sudah ketemu bro silahkan ganti Home dengan Kode 
          <img src='http://kucinggarong.png'/>

Ket :
  •       silahkan ganti bro tulisan berwarna HIJAU dengan URL GAMBAR yang lo inginkan bro . . .

tepatnya akan menjadi seperti ini bro :


<div class='span-24'>
<div class='menu-secondary-wrap'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'> <img src='http://kucinggarong.png'/> </a></li>

<li><a href='#'>Free Download</a>
<ul class='children'>
<li><a href='http://raxterbloom.blogspot.com/search/label/antivirus'>Anti Virus</a></li>
<li><a href='http://raxterbloom.blogspot.com/search/label/software'>Software</a></li>
<li><a href='http://raxterbloom.blogspot.com/search/label/utilities'>Utilities</a></li>
</ul>
</li>


     8. Jika sudah selesai otak - atik nya bro, silahkan Save Template dan Tutup.

     9. Cliiiinngg Blog lo udah jadi keren deh bro.
   


Gampangkan bro, selamat mencoba bro.

1 komentar: