Banner

Banner

14.7.11

Bikin Keren Blogger mu (membuat menu pada blogger)

Hey kawan, gambar di atas adalah tampilan dari blog pertama saya blogger, yang saya rasa itu sudah cukup lumayan buat saya, nah kali ini saya ingin mengupas tentang blog saya beserta gadget dan cara-cara pemasanya, oke langsung saja sebelumnya sekedar informasi thema pada blog saya di dapat di http://www.bloggerthemes.net/2010/02/designpile-blue.html ,disana ada banyak theme blogger yang keren tidak ada salahnya download disana tenang aja free kok..

  1. Membuat menu pada bloggerAgar mempermuda dalam pembuatan menu sebaiknya anda menggunakan theme yang sudah terdapat menunya, sehingga kita hanya melakukan perubahan saja untuk pengunaannya . Ya kita lihat pada gambar di atas, menu terdapat pada posisi yang di tunjuk oleh angka 1, di sana terdapat menu pada aslinya adalah Home, about, advertise, contact namun pada blog saya sudah saya rubah menjadi Home, about me, karyaku, download dan blogger, nah sekarang kita mencoba cara mengantinya dan memfungsikannya.
Cara 1 (mengedit yang sudah ada)
  • Login ke akun blogger anda kemudian masuklah pada menu rancangan -> edit html, kalau sudah tekan ctrl+f maka akan keluar menu find lalu ketikan “home”
Pada tulisan
1) <li><a class='home' expr:href='data:blog.homepageUrl'> <font face='comic sans ms'>Home </font></a></li>

2) <li><a href='http://restografiti.blogspot.com/2009/04/setitik-pena.html' title='About Me'><font face='comic sans ms'>About </font></a></li>

Warna orange adalah jenis font yang akan digunakan, warna biru itu adalah tulisan yang akan ditampilkan dan warna merah adalah alamat link yang di tujuan.

  • Disini kita tidak usah merubah pada label home, karena itu sudah otomatis menuju ke home blog anda kalau mau merubah tulisanya maka rubahlah pada warna biru seperti tulisan di atas.2. selanjutnya pada yang ke 2) kita harus memasukakan alamat tujuan seperti contoh pada warna merah dan melakukan perubahan pada tulisan warna biru. Gimana cara mengetahui alamat link tujuanya?? Nah begini caranya kita buat dulu sebuah posting yang berisi tentang anda, kalau sudah muncul pada blog anda ambilkan link urlnya lalu copy dan pastekan pada tulisan warna merah. Cara yang sama berlaku untuk menu-menu lain di bawahnya.kalau sudah semua jangan lupa di save dan silahkan di cek..
Cara 2 (membuat menu baru)
Cara 2 ini adalah membuat menu baru yang di tambahkan edit html, berikut adalah caranya :

  • Carilah <body> pada script html dengan bantuan find
  • Setelah di temukan kopikan script html ini tepat di bawah <body>
<!-- begin top menu --></pre>
<div id="topMenuCont" class="clearfix">
<ul class="clearfix">
<li><a class="home"><span style="font-family: comic sans ms;">Home </span></a></li>
<li><a title="About Me" href="http://restografiti.blogspot.com/2009/04/setitik-pena.html"><span style="font-family: comic sans ms;">About Me</span></a></li>
<li><a title="Download" href="http://restografiti.blogspot.com/2009/04/download-driver-usb-750-free.html"><span style="font-family: comic sans ms;">Download</span></a></li>
<li><a title="Comment" href="http://restografiti.blogspot.com/p/karyaku.html"><span style="font-family: comic sans ms;">Karyaku</span></a></li>
</ul>
</div>
<pre>
<!-- end top menu -->
  • Itu cara membuatnya untuk mengeditnya silahkan gunakan cara 1
  • Jangan lupa di save dan di cek
Cara 3 (membuat menu dengan memanfaatkan fitur pada blogger) Cara 3 ini adalah cara membuat menu dengan memanfaatkan fitur pada blogger, yang biasa di sebut laman, cara membuatnya :
  1. Masuklah ke menu posting->edit laman->laman baru
  2. Berikan lah judul pada laman tersebut sebagai contoh membuat about , kemudian di save dan tayangkan laman.
  3. Di halaman selanjutnya pilih tab blog maka menu akan terletak di atas lalu simpan dan terbitkan.
yang berada di kotak kuning adalah hasilnya pembuatan menu dengan laman
Oke cukup dulu mengupas tentang membuat menu, selamat mencoba, kalau ada yang perlu ditanyakan langsung aja di komen, semoga bermanfaat. Sambung lagi di posting berikutnya tentang Flash Message dan cara menambahkan banner , tambahkan gadget dan berita-berita pada blog.

8 comments:

  1. saya belum mengerti bagaimana caranya seperti yang di perintahkan pada bagian 1 dan 2...tolong di jelaskan sedetail mungkin....atas jawabannya trima kasih saya...

    ReplyDelete
  2. mantap infonya...

    mw tuker2 wawasan diblog ane aja gan

    88-revolutionaryrebellion.blogspot.com

    ReplyDelete
  3. makasih gan..... kunjungan balik

    ReplyDelete
  4. ass,, bagaiman cara membuat tulisan berjalan di atas,,,,

    ReplyDelete
  5. Thanks sudah berbagi infonya, salam blogger...

    ReplyDelete
  6. gimana cara buat htmlnya trus naronya dimana

    ReplyDelete
  7. Cara tema biar terpasang di blog gimana?

    ReplyDelete
  8. Cara tema biar terpasang di blog gimana?

    ReplyDelete

Please Your Speaking