kodok pinter ngeblog

30 June 2009

Cara Membuat Menu di Blogspot dengan List-O-Matic


banyak yang nanyain cara bikin menu seperti yang aku pake di blog ini. untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.
misalnya kamu ingin membuat menu Info elektronikTips ngeblog, dan Get money. maka kamu harus membuat postingan dengan judul/title:  info elektronik ,  tips ngeblog , dan  get money , dengan demikian kita akan mempunya 3 halaman dengan url
http://nama.blogspot.com/ info elektronik .html,
http://nama.blogspot.com/ tips ngeblog .html dan
http://nama.blogspot.com/ get money .html.
selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan list-o-matic. setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu html dan css.



Here is the HTML for this list:

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://kodokpinter.blogspot.com/search/label/Info%20elektronik ">Info Elektronik</a></li>
<li><a href="http://kodokpinter.blogspot.com/search/label/tips%20ngeblog ">Tips ngeblog</a></li>
<li><a href="http://kodokpinter.blogspot.com/search/label/Get%20Money">Get Money</a></li>
</ul>
</div>

Copy kode HTML dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

Here is the CSS for this list:



#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]></b:skin> dan save template.

Selamat Mencoba !

52 comments:

  1. kok gak bisa yah, pas di klik home gt gak keluar halamannya, eror..

    ReplyDelete
  2. wah langsung praktekin, n langsung mluncur ke blogku

    ReplyDelete
  3. ternyata [url=http://www.unek2ku.co.cc]blogku[/url]

    ReplyDelete
  4. thanks yaaa....akhirnya bisa juga...

    ReplyDelete
  5. mas mau nanya, bagaimana nanti pas posting blog yang berhubungan dengan salah satu menu yang kita buat seperti punyaknya mas.kalau di kelik tips blog maka posting yang berhubungan dengan tips blog akan muncul semua.nah itu secara otomatis atau settingan secara manual.bls ya mas.soalnya masih pemula.

    tak tunggu jawabannya.........!! "_"

    dunialainparablogger.blogspot.com

    ReplyDelete
  6. Wah,,,,boleh juga mas.....
    Ntar mau d coba

    ReplyDelete
  7. mantab dan bagus banget nich blognya, kunjungan balik ya bro di download ebook gratis =p

    ReplyDelete
  8. Thanks for information...

    ReplyDelete
  9. Boz saya dah posting truz gmn caranya biar postingan td misal di menu Tips ngeblok,

    ReplyDelete
  10. halo, info yang menarik. Nih saya punya ide dan pemecahan masalah untuk blogspot agar pada setiap saat kita membuat menu tidak perlu membuat blog lebih dari satu, yaitu memanfaatkan label sebagai menu. Untuk info lebih jelas cek ke TKP ya, dan jgn lupa beri komentar. Thx

    http://teamdhani.blogspot.com/2010/11/menggunakan-label-sebagai-menu.html#more

    ReplyDelete
  11. ini sekaligus semoga bisa menjawab permasalahan mas rozikin...

    ReplyDelete
  12. menu udah jadi ,terus gimana carane ngisi,thanks

    ReplyDelete
  13. Sudah di coba mas,,,dan hasilnya memuaskan,,,,tutorialnya bagus2x banget...

    ReplyDelete
  14. Mantabs Bro .....Jadi Nich Cuman Linknye masih ngaco yeh , nggak sesuai menu nich ...http://salsabila-laguterbaru.blogspot.com/

    ReplyDelete
  15. manis gan tutorialnya,.
    nice....
    :)

    ReplyDelete
  16. makasih tipsnya :D berhasil nih :)
    kunjungi : matabodohku.blogspot.com

    ReplyDelete
  17. mas kok kalo mau isis nggk bisa

    ReplyDelete
  18. kalo yg home nya gi mana tuh susah

    ReplyDelete
  19. siiippp bos.....ajari yg lain ya

    ReplyDelete
  20. thread yang sangat bermanfaat, salam kenal brade :)

    ReplyDelete
  21. apa ga ada yang otomatis?

    ReplyDelete
  22. masi rada bingung gan, ada tidak yang otomatis?? Thanks

    ReplyDelete
  23. Thanks Gan, Infonya sangat bermanfaat buat saya pemula...di ciba ya Gan ya

    ReplyDelete
  24. mantab kunjungi balik
    http://aplikasi-game-android-gratis.blogspot.com/

    ReplyDelete
  25. mantap..,sangat bermanfaat, mampir-mampir ya www.setiawanera.blogspot.com

    ReplyDelete
  26. good infonya bung...udah sy coba..tapi belum tahu mo entry pos di dalam menu gimana?

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. Kalau udah ada menu nya. terus ngisi artikel nya gimana ya???

    ReplyDelete
  29. menunya udah jadi, tapi pas di buka laman tidak tersedia/kosong???gmn yua??

    ReplyDelete
  30. emg muncul home, tutorial, dll
    tp setelah di klik salah satunya tidak muncul apapun...
    gmn caranya agar tutorial masuk ke tutorial, tips masuk ke tips dsb
    mohon pencerahanya....

    http://twokanggrafis.blogspot.com/

    ReplyDelete
  31. makasih....dah membantu..

    ReplyDelete
  32. ga berhasil bos, jadi saya buat pake laman yg ada di blog

    ReplyDelete
  33. This comment has been removed by the author.

    ReplyDelete
  34. mantap boy infonya...
    jgn lupa kunjanganya ya di
    88-revolutionaryrebellion.blogspot.com

    ReplyDelete
  35. gan kalo bikin halaman home gmana? jadi waktu kita buka blog langsung ke halaman home bukan ke postingan

    ReplyDelete
  36. gan, kok kalo di klik Homenya ga bisa. yang keluar malah "Maaf, laman yang sedang Anda cari dalam blog Mossi Community tidak ada." .
    tolong info ya bos
    http://mossicommunity.blogspot.com

    ReplyDelete
  37. terimakasih mas, udah ane coba sip :)

    ReplyDelete
  38. terima kasih brade... kunjungi punya ane juga...
    http://alexanderharyanto.blogspot.com/

    ReplyDelete
  39. mas mau tanya, ada gak cara yang gak pake kode untuk buat linknya :)

    ReplyDelete
  40. cara ini yang saya cari..
    baru ketemu..
    terimakasih bos..

    ReplyDelete
  41. makasih gan tutorialnya sangat membantu sy yg masih nwebie, sudah saya coba dan berhasil..
    sekali lg makasih y gan

    oh ya klo ada waktu kunjungi blog sy juga ya :)

    ReplyDelete
  42. kalau kita mau ganti menu yang sudah ada sesuai menu yang kita inginkan bagaimana gan??

    ReplyDelete
  43. mantab om... berhasil ane.. cuman kalimat agan ini agak susah dipahami, utung aja ane ngerti dgn sdkit modifikasi.hehe :p:
    kalau disitu kan pake postingan. Kalau saya pake link label yg sudah saya buat sblmnya.. tapi hasilnya sama..
    trimakasih gan inponya :b:

    liat blogku http://zamedaku.blogspot.com/

    ReplyDelete
  44. td dikatakan kan harus memiliki halama dengan label agar jika di klik home langsung ke halaman home...

    yang saya tanyakan dimana kita bisa membuat halaman tersebut dengan ekstensi html???

    mohon bantuannya,,,,,

    :c:

    ReplyDelete
  45. http://grandis.web.id/blog-triks/bingung.gif

    ReplyDelete
  46. :b: gan , langsung dch dicoba .. tapii ini saya lagi ingin tau cara membuat postingan nongol di home :) bagaimana ?

    ReplyDelete
  47. Terimakasih buat artikelnya, mantab sob, menambah pengetahuan, bermanfaat..

    ReplyDelete