Jumat, 02 Mei 2014

Cara Memasukkan Artikel Ke Dalam Menu Bar Pada Blogspot

Cara Memasukkan Artikel Ke Dalam Menu Bar Pada Blogspot

Contoh kasusnya mungkin seperti ini ya Gan…Di dalam blog kan ada beberapa Menu Bar, diantaranya misalnya: "Home, About Me, Product, Artikel dan lain sebagainya". Dan semua itu biasanya berada di bawah header gadget blog Anda .

Saya ngomong seperti ini karena di blog saya memang kenyataan seperti itu…hehehehehe.. Nah....masalahnya adalah bagaimana caranya untuk memasukkan postingan artikel Anda ke dalam Menu Bar tersebut???? Jadi..... initinya adalah ketika kita klik menu "Product" atau "Artikel" atau menu yang lainnya, maka akan muncul postingan tentang product atau artikel yang pernah kita posting ke dalam blog kita tadi.

Dan begitu juga dengan menu-menu yang lainnya. Masalahnya jika blog Anda masih New atau belum diapa-apain,,hehehe, misalnya Anda klik menu "Product" atau Menu Bar yang lainnya.., maka semua itu tidak akan pernah bisa dan akan selalu muncul tulisan "Page Not Found.." Nah….untuk mengatasi masalah semacem tu, Anda dapat melakukan tips dan trik mengenai Cara Memasukkan Artikel Ke Dalam Menu Bar Pada Blogspot sebagai berikut :

Step I : Silahkan masuk ke blog dan Anda pilih menu Login kemudian pilih Tata Letak dan selanjutnya, pilih Edit Html. Klik pada browser Anda bisa berupa Internet Explorer atau Mozilla Firefox kemudian pilih Edit dan selanjutnya pilih Find.

Ketik nama yang ingin Anda cari tadi, misalnya : Home (Tapi pakai punya Anda yeahhh,,,,) kemudian Enter maka pasti akan ketemu seperti dibawah ini :


<li class='current_page_item'><a Title='Home' class='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-2'><a href='http://programerinformasi.blogspot.com/' title='Contact'>Contact</a></li>
<li class='page_item page-item-2'><a href='http://programerinformasi.blogspot.com/' title='Blogger Templates'>Blogger Templates</a></li>



 Atau


<li><a href=''>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='http:// programerinformasi.blogspot.com/'>… Template</a></li>



Nah,,,beneran muncul kan? Mungkin ia benar ada perbedaan dikit, tetapi, lihat kode tersebut baik-baik. Persamaannya, dari awal - akhir kode tersebut, ada kata "li", itu berarti Anda telah menemukan. Horeeeeeee,,, berhasil! lalu setelah itu, blok kode tersebut dan ganti semua itu dengan :



<div class="menubar">
<ul>
<li><a href="/">Home</a></li>

<li><a href="URL-1">Link-1</a></li>

<li><a href="URL-2">Link-2</a></li>

<li><a href="URL-3">Link-3</a></li>
 

keterangan : isi URL-1 hingga URL-3 dengan /search/label/NamaLabel Anda NamaLabel diisi dengan LABEL suatu postingan Anda. Kemudian, link-1 hingga link-3 itu, gantilah dengan sesuka hatimu, misalnya seperti : Photos, About, dan seluruh keluarganya. Hehehehehehe….

Dan terahir Simpanlah semua itu tadi dengan klik Simpan Template.
Selanjutnya yang paling penting dari semua ini adalah
S E L E S A I
Dan sekarang blog mu sudah bernavigasi.
Horeeeeee…….. Berhasil!!!!!

0 komentar:

Posting Komentar