Thursday, September 27, 2012

Merubah Label Menjadi Menu Navigasi Pada Blogger


 http://www.bibitlele.com/image-upload/menu-navigasi-bercabang.png



Kebanyakan blogger membuat kategori atau label posting menjadi widget. Kelemahannya blog akan memberi tampilan widget yang sedikit berpengaruh pada loading page, karena harus membaca keseluruhan dari posting yang akan ditampilkan berdasarkan label atau kategori. Ini hanya pendapat ane, tapi ini ane rasakan ketika dulu ane memasang widget label, tapi bila kawan-kawan masih senang dengan tampilan label...itu juga gak masalah. Mungkin dengan perombakan label seperti modifikasi label cloud akan membantu dalam tampilan, namun ini juga akan berpengaruh pada loading (walau kenyataannya tidak terlalu berat untuk semua label), karena akan ada penambahan script yang harus anda tanam dalam template anda.

Jadi...kesimpulannya kita akalin aja penempatannya menjadi navbar...mungkin ini adalah solusi untuk mengatasi hal tersebut. Disamping itu nantinya tampilan dari masing-masing kategori akan ditampilkan pada halaman tersendiri. Selain tempilan terlihat simpel dan akan enak dalam melakukan pencarian. Kalau anda bertanya apakah ini berpengaruh pada tag atau keyword dalam pencarian atau search engine atau mbah google, maka jawabnya tidak, karena yang berpengaruh itu pada adalah cara pemasangan meta tag blog anda sendiri. Cara memasang meta tag otomatis dalam setiap postingan silahkan anda baca di sini. Tapi sekali lagi kembali kepada anda mau pilih yang mana, karena ini hanya sedikit blog info yang mungkin akan berguna nantinya. Siapa tahu aja anda ingin merubah sedikit tampilan blog untuk menambah daya tarik blog itu sendiri, atau anda sudah bosan, lalu mempunyai keinginan untuk melakukan sedikit modifikasi blog, terutama pada tampilan peletakan label, maka cara ini salah satu trik yang patut anda jajal, sekalian untuk menambah pengetahuan kita bersama.Baiklah sahabat...gak usah terlalu panjang ngomongnya. Kita mulai saja sekarang. Ikuti langkah berikut ini.

Langkah pertama anda setting dulu Kategori atau Label pada setiap postingan anda. Saya sarankan jangan terlalu banyak, mungkin sekitar 5 kategori cukup. Contohnya seperti blog ini yang hanya memberi 5 kategori pada masing-masing posting (aneh, unik, lucu, seo dan blog info). Ada baiknya kalau kategori atau label anda setting dulu sehingga bila label di klik yang ditampilkan hanya judul posting saja. Jika anda ingin mengetahui Cara Menampilkan Hanya Judul Posting Jika Label di Klik di sini. Ini untuk mempermudah dalam pencarian atau pengunjung blog anda. Widget labelnya jangan anda buang dulu bro...Ok lanjut___

Kalau sudah anda setting seperti petunjuk di atas, silahkan klik label atau kategori tersebut. Nanti akan terlihat kode pada adressbar anda kode dari masing-masing kategori. Misalnya seperti di bawah ini.
http://blogonol.blogspot.com/search/label/aneh 
http://blogonol.blogspot.com/search/label/unik
http://blogonol.blogspot.com/search/label/lucu
http://blogonol.blogspot.com/search/label/seo
http://blogonol.blogspot.com/search/label/blog%20info /* kode %20 adalah spasi, jadi kalau kategori anda menggunakan lebih dari satu kata maka berikan kode %20 pada setiap spasinya, misal blog infomenjadiblog%20info. Tapi jangan khawatir bro kalau anda langsung copy dan pastekan pada script nantinya juga akan berubah dengan sndirinya heheheh :) */
  • Klik Rancangan
  • Klik Edit HTML
  • Cari Kode Seperti berikut

<div class='navcontainer'> /* mungkin ini akan berbeda pada setiap template, tapi cari aja kode yang mirip */
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li><a href='http://www.blogger.com/profile/0123456789' target='_blank' title='View all posts filed under About'>about</a></li>
<li><a href='http://kontactr.com/....../blogonol' target='_blank' title='View all posts filed under Contact'>contact</a></li>
</ul>
</div>

  • Lalu tambahkan kode yang anda copy tadi di bawah kode tersebut. Contohnya seperti kode merah di bawah ini.

<div class='navcontainer'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li><a href='http://www.blogger.com/profile/0123456789' target='_blank' title='View all posts filed under About'>about</a></li>
<li><a href='http://kontactr.com/...../blogonol' target='_blank' title='View all posts filed under Contact'>contact</a></li>
<li><a href='http://blogonol.blogspot.com/search/label/aneh' title='View all posts filed under aneh'>aneh</a></li>
<li><a href='http://blogonol.blogspot.com/search/label/unik' title='View all posts filed under unik'>unik</a></li>
<li><a href='http://blogonol.blogspot.com/search/label/lucu' title='View all posts filed under lucu'>lucu</a></li>
<li><a href='http://blogonol.blogspot.com/search/label/seo' title='View all posts filed under seo'>seo</a></li>
<li><a href='http://blogonol.blogspot.com/search/label/blog%20info' title='View all posts filed under blog info'>blog info</a></li>
</ul>
</div>
  • Simpan template dan lihat hasilnya
  • Selamat mencoba dan sukses selalu

1 Response to “Merubah Label Menjadi Menu Navigasi Pada Blogger”

  • Tim Alumni SMPN 234 Jakarta says:
    November 17, 2012 at 1:37 AM

    kalo cara membuat halaman label berbeda dengan halaman home gimana ya..??
    contoh
    jika saya klik label blogger sidebar tidak muncul..

    thx, mohon pencerahannya

Post a Comment

 

Blogger news

Blogroll

About