Terima kasih telah berkunjung, jangan lupa kunjungi agungar.

Selasa, 15 Mei 2012

Cara memasukkan artikel ke dalam menu bar pada blogspot

Contohnya seperti ini: Di dalam blog kan ada beberapa menu bar, diantaranya misalnya: "HOME - TENTANG AKU - PRODUCT - ARTIKEL" (Itu lho yang biasanya letaknya di bawah header gadget).
Nah....maksud saya bagaimana memasukkan postingan artikel ke dalam menu bar di atas. Jadi..... misal kita klik menu "PRODUCT" atau "ARTIKEL" atau yang lain. maka akan muncul postingan tentang product atau artikel yang pernah kita posting ke dalam blog kita tadi. dan begitu juga dengan menu2 yang lain. Masalahnya di blog saya itu.., misalnya saya klik menu "PRODUCT" atau menu bar yang lainnya.., itu selalu tidak bisa dan muncul tulisan "Page Not Found.."

Step :
masuk blog->login->tata letak-> edit html
Klik pada browser (internet explorer atau mozilla) edit-> find
ketik nama tadi, ex pakai punya anda : home
lalu, pasti akan ketemu begini

<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://agungadiaryono.blogspot.com/' title='Contact'>Contact</a></li>
<li class='page_item page-item-2'><a href='http://agungadiaryono.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://agungadiaryono.blogspot.com/'>… Template</a></li>


ya kan? mungkin ada perbedaan dikit, tetapi, lihat kode tsb. Pesamaannya, dari awal - akhir kode tsb, ada kata "li", itu berarti anda telah menemukan.

lalu, blok kode tsb dan ganti smua 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

NamaLabel diisi dengan LABEL suatu postingan anda.


lalu, link-1 hingga link-3 itu, gantilah dengan sesuka hatimu, ex : Photos, About, dkk..


Simpanlah semmua itu tadi dengan klik simpan template.

Selesai, blog mu sudah bernavigasi.

Sebenarnya itu semua tergantung atau dapat disebut SAMA penggunaannya dengan label, tetapi, itu lebih bervariasi..


Terima kasih! Pilih aku ya!

materi referensi:

http://oentoe09.blogspot.com/2009/01/bikin-sendiri-menu-navigasi-untuk.html

http://www.zimbio.com/Free+Blogger+Beta+Template/articles/1260/How+Edit+Top+Menu+Links+Blogger+Templates


"otodidak"
 __________________________

22 komentar:

  1. saya kurang paham dg step nya... mohon di perjelas ea...
    balas saja coment ini k blog saya.. atau pn email misbah.hiday@gmail.com


    trimakasih banyak jika mas mau membantu..

    BalasHapus
    Balasan
    1. masuk blog->login->tata letak-> edit html
      Klik pada browser (internet explorer atau mozilla) edit-> find
      ketik nama tadi, ex pakai punya anda : home
      lalu,

      jk kesulitan ctrl f

      Hapus
  2. sya mau tau caranya agar kita bisa memasukkan artikel kita yg sudah ada untuk dipindahkan ke menu bar seperti menu komputer sya ingin memasukkan artikel kedalamnya gimana caranya?.......

    tolong di balas di blog sya gudangilmu23.blogspot.com.........

    sya tunggu komennya.....
    thx

    BalasHapus
    Balasan
    1. masuk blog->login->tata letak-> edit html
      Klik pada browser (internet explorer atau mozilla) edit-> find
      ketik nama tadi, ex pakai punya anda : home
      lalu,

      jk kesulitan ctrl f dan masukkan kode di ttrl d ats biar cpt pencarianya

      Hapus
  3. terima kasih tas tutorialnya, sangat membantu bagi saya

    BalasHapus
  4. ketik nama tadi itu nama apa ya? masih belom jelas nieh

    BalasHapus
  5. saya masih kebingungan, setelah ctrl + f , kemudian kita search apa ya ? thx , maaf masih newbie ,
    bisa minta kritik dan saran untuk blog saya agar lebih menari
    visit : andrewiish.blogspot.com

    thx :)

    BalasHapus
  6. aq ga paham,aq newbie di blog,cek blog ku ya --->> http://hirukkuring.blogspot.com
    thanks :D

    BalasHapus
  7. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  8. ctrl F Ketik Home...gk muncul apa2 gan...gk muncul kode2 yang kayak agan tulis

    BalasHapus
  9. tetep gk ktemu gan..gk muncul apa2...
    mohon bantuan n petunjuknya gan

    solusirumah88.blogspot.com

    BalasHapus
  10. Tx banyak gan, Alhmdlh. setelah utak atik, tanya blog sana sini. Akhrnya kelar jg

    BalasHapus
  11. Untuk Solusi Rumah :
    kayaknya format Blogspot.com sdh ganti.
    so masuk saja ke Template-edit templte-control F.
    Insyaallah ketemu...

    BalasHapus
  12. tata letak apa template sih ?
    kao temlate da edit HTML kloaa leth ah gaada

    BalasHapus
  13. tata letak ???? masih bingung ....

    BalasHapus
  14. Makasih atas infonya gan .
    jgn lupa kunjungi blog saya balik ya gan :)

    BalasHapus
  15. tata letak atau template ni gan

    BalasHapus
  16. gan klog kita mau masukin beberapa artikel/link ke satu kategori menu bar gimana gan?trima kasih gan,

    BalasHapus
  17. Keren banget tutorial. sangat membantu pengembangan Web kami.

    Kalau ada yang Butuh info Lowongan Kerja, jangan lupa kunjungi https://expocpnsbumn.blogspot.co.id/ yaaaa, ingat hanya di expocpnsbumn.blogspot.co.id

    BalasHapus

iklan anda

Tidak boleh kosong