Membuat Menu di Atas Judul Blog

Membuat Menu di Atas Judul Blog tanpa Edit Templete. Ketika kita membuka blog-blog, biasanya terdapat menu di atas sekali yang sering digunakan untuk menu tentang saya, disclaimer, privasi policy, dan peta halaman serta hubungi kami. Yang kayak gini digambar tuh (kl kurang jelas
lihat sudut kiri atas blog, itu menunya). Awalnya sih mau bikin juga kayak gitu supaya blog bisa bener dan legal. tapi gak ngerti caranya, maka browsinglah ke mbah google.Ketika browsing "cara membuat menu di atas blog" langsung deh mbah google tunjukin web yang sharing tentang ini, banyak sekali (keren banget ya mbah google). Tapi. . . . . ternyata caranya sulit bangeeettt.
Harus copy kode ke sebelum </b:skin>, trus ada lagi yang pake copy kode ke sebelum </head> dan copy kode ke sebelum </body>. OK deh nurut dan praktekin, tapi malah gak jalaan, gmana yaa? kan gak paham-paham banget cara buatnya. menu yang diharapkan malah gak muncul. Trus mikir sambil ngudut and ngopi, lihat lama gambar blog, buka tata letak (layout) coba-coba geser gadget Navbar, e ternyata bisa digeset, wah asyik nih, coba diklik menu edit, e ada pilihan off, wah ketemu nih kayaknya, gak udah main di edit templete, hanya layout aja deh.
Gak Percaya ya??? Kok Bisa, nih aq coba sharing caranya, punya ku kan udah berhasil. Berikut tahapanya (maaf ya ini khusus blogger):

1.  Setelah Login ke Blog langsung menuju ke Tata Letak (Layout).
2. Klik edit pada gadget Navbar di sudut bawah kanan, kemudian silahkan pilih "OFF", OK navbar gak kelihatan lagi, coba deh lihat blog, benar kan.
3. Kemudian geset menu navbar yang udah "OFF" kebawah, cari tempat yang kosong yang bisa nemerima, biasanya pada baris ke-3 bisa.
4. Nih intinya, silahakan klik tambah gadget dan pilih menu HTM/Java script, dan masukkan kode berikut:

<div style="margin-top:15px; margin-left:175px; margin-bottom:15px; border:5px; outside:#3d85c6">  <span style="font-size:12pt;">
<a href="http://webkuberbagi.blogspot.com/p/contact-us_90.html"><span style="color: blue;"><b>&#124;</b> Tentang Saya </span></a>
<a href="http://webkuberbagi.blogspot.com/p/disclamer.html"><span style="color: blue;"><b>&#124;</b> Disclaimer</span></a>
<a href="http://webkuberbagi.blogspot.com/p/privacy.html"><span style="color: blue;"><b>&#124;</b> Privacy Policy</span></a>
<a href="http://webkuberbagi.blogspot.com/p/peta-halaman.html"><span style="color: blue;"><b>&#124;</b> PetaHalaman </span></a>
<a href="http://webkuberbagi.blogspot.com/p/hubungi-kami.html"><span style="color: blue;"><b>&#124;</b> Hubungi Kami <b>&#124;</b></span></a>
</span></div>

5.  Setelah itu Simpan, dan tempatkanlah gadget ini ke posisi pengganti Navbar tadi.
6. Selesai Sudah Menu Anda. dan bisa digunakan. (penjelasan dibawah ya)

OK, Cara membuat menu udah selesai, berikut saya akan menjelaskan beberapa pengertian kode di atas,

•  Div style margin; untuk top, jarak menu ke atas, bottom, ke bawah, left ke kiri, untuk left pada blog saya dibutuhkan 175px, untuk ukuran bisa kalian ubah sesuai selera.
• Teks berwarna biru silahkan anda ubah sesuai dengan alamat blog anda dan nama yang akan ditampilakn sebagai nama menu.
• Span style font-size; adalah ukuran huruf yang ingin digunakan.
• Span style color; adalah warna huruf yang ingin di tampilkan

Demikianlah sharing saya bagaimana cara membuat menu di atas judul blog dengan mudah tanpa edit templete. Jika da yang ingin bertanya silahkan tanya di komentar. terima kasih

Sumber :

• Original Post by WebkuBerbagi

Artikel Terkait