Membuat menu pada blogspot pada intinya lebih rumit bila di bandingkan dengan wordpress, pada wordpress menu tinggal di buat selanjutnya di drag selsesai, untuk blog berpatfrom blgspot agak sedikit rumit karena harus edit via template html. Oke langsung saja kita mulai turotial kali ini.
Untuk penjelasan agar lebih mudah saya pakai menu yang ada pada blog saya ini. Pada blogsaya ini terdiri diri dari dua menu yaitu menu atas atau menu page yang berisi Beranda, menu beranda ini adalah menu asli atau menu yang biasanya ada pada template bawaan dari blogspot. cara membuatnya juga cukup mudah, kita bahas saja pada tutorial berikutnya. Sementara untuk menu yang kedua terdiri dari home, SMART PHONE, WEBSITE, SOSIAL MEDIA., PHOTOSHOP nah menu inilah yang akan kita bahas lebih lanjut.
Gambar di bawah ini adalah menu asli sebelum di edit atau menu asli dari hasil download. Menunya terdiri dari menu atas Home, Sampel Page 1, Sampel Page Image, dan menu utama yang terdiri dari Menu 1, Droop Menu 1, Droop Menu 2, Menu 2, Menu 3.
Gambar diatas jika kita lihat bagian dalam atau template html adalah sebagai berikut : Menu utama yang tertera pada gambar di atas akan terlihat pada saat mengedit html.
Untuk mencari menu sepeti gambar di atas caranya adalah masuk ke template pada blog Anda lalu klik edit html sesudah itu klik Ctrl + F pada keyboard Anda sehingga muncul kolom search lalu ketik salah satu menu asli bawaan dari templete misal ( Menu 1 ). Jika sudah ketemu bagian itulah yang nantinya akan kita edit sesuai dengan kebutuhan menu pada blog Anda.
Untuk proses edit templet silahkan cek gambar di bawah ini:
Menu pada blog saya yang terdiri dari SMART PHONE, WEBSITE, SOSIAL MEDIA., PHOTOSHOP saya masukkan sebagai kategori, jadi pada saat kita menulis blog selesai menulis sebelum di publikasikan saya masukkan terlebih dahulu sesuai dengan kriteria pada blog. Menunya tersebut setelah saya edit adalah sebagai berikut :
<li><a href='http://kupastutorial.blogspot.com/search/label/SMART PHONE'>SMART PHONE</a></li>
<li><a href='http://kupastutorial.blogspot.com/search/label/WEBSITE'>WEBSITE</a></li>
<li><a href='http://kupastutorial.blogspot.com/search/label/SOSIAL MEDIA.'>SOSIAL MEDIA.</a></li>
<li><a href='http://kupastutorial.blogspot.com/search/label/PHOTOSHOP'>PHOTOSHOP</a></li>
</ul>
</div>
Silahkan ganti menu sesuai dengan URL blog Anda dan sesuaikan sendiri dengan menu yang Anda kehendaki dan jangan lupa untuk di save terlebih dahulu jika sudah di edit. Simpel dan mudah, jika Anda kesulitan membuat silahkan tinggalkan komentar.
Posting Komentar