Cara Membuat Menu Di Blogspot

<div style="text-align: justify;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Memang saya sudah lama juga terdaftar menjadi blogger di blogspot.com, tapi selama ini gak pernah saya utak-atik. Apalagi saat berjumpa dengan wordpress, yang ada saya pun lebih banyak ngeblog di wordpress daripada di blogspot. Nah sekarang baru mulai lagi menggunakan blogspot, terus bingung. Bingung sama bagaimana <b>cara membuat menu di blogspot dengan mudah. </b></span></div><div style="text-align: justify;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Kalau di wordpress, cara membuat menu itu gampang, tinggal klik sana klik sini - terus jadi deh. Eh ini sih mungkin karena saya terbiasa dengan wordpress ya. Nah untuk membiasakan diri dengan blogspot, saya pun mau fokus sedikit dengan mengutak-atik blog di blogspot. :D Salah satunya ya untuk membuat menu di blogger seperti sekarang.</span><br /><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span> <h3><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Membuat Menu di Blogspot Dengan Label</span></h3><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Setelah bertanya-tanya ke Mbak Shintaries, founder <a href="http://bloggerperempuan.com/" rel="nofollow" target="_blank">bloggerperempuan.com</a> itu, akhirnya saya pun tahu kalau ternyata membuat menu di blogspot itu ya menggunakan label. Selama ini, saya jarang sekali memperhatikan label. Saat menulis pun, kadang suka kasih label sesuka hati aja. :D </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Pas mau bikin menu ini akhirnya jadi bingung, karena kita harus memasukkan label mana yang kita ingin jadikan menu di atas. Misalnya saja dalam Dunia Blogging Indonesia ini, saya membuat <b><a href="http://bloggingthroughmyeyes.blogspot.co.id/search/label/blogging%20tips" target="_blank">menu Tips Blogging Indonesia</a></b>, yang mana menampilkan semua tulisan dengan label blogging tips yang pernah saya buat. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Kalau sejak awal posting sudah memperhitungkan hal ini, tentunya menjadi mudah, karena begitu kita tarik label itu, semua post sudah tertarik. Tapi lain halnya dengan blog <a href="http://catatanpikiranrandom.blogspot.com/" target="_blank">Catatan Pikiran Random</a> saya, di sana labelnya gak beraturan, jadi agak susah juga membuat menu dengan label ini. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Berikut ini langkah mudah membuat menu di blogspot dengan menggunakan label: </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. Login ke Dashboard blog kalian</span></h4><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Login seperti biasa ke blogger.com nanti pilih blog yang kalian ingin edit jika punya lebih dari satu blog seperti saya sih. :D </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. Buka Layout/Tata Letak</span></h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Jika kalian sudah pernah membuat widget Page/Laman di blog kalian, akan muncul seperti di gambar bawah. Jika belum, maka klik Add Gadget/Tambahkan Gadget. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQohaaT7Gt3_sJN3oR3MgxaLWmRXn1T22bjp50aI6MQQDCCuz38hopYQO-_NFaxKs7HrkAHyVIlCkJ3FyUNE9Oo26uOrGQi7FvIp8Bir2PFZJYEBvotcWa3xtYy1uGcIqX1sH2ScHMwnY/s1600/Edit+tata+letak+di+blogspot.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mudah membuat menu di blogspot" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQohaaT7Gt3_sJN3oR3MgxaLWmRXn1T22bjp50aI6MQQDCCuz38hopYQO-_NFaxKs7HrkAHyVIlCkJ3FyUNE9Oo26uOrGQi7FvIp8Bir2PFZJYEBvotcWa3xtYy1uGcIqX1sH2ScHMwnY/s400/Edit+tata+letak+di+blogspot.JPG" title="tampilan tata letak di blogspot" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Perhatikan yang cross column ini, nanti kita akan tambahkan menu di sana</td></tr></tbody></table><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>3. Tambahkan Gadget Pages/Laman</b></span></h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Setelah kita pilih add gadget, nanti akan muncul window baru berisikan daftar widget yang bisa ditampilkan di blogspot kita. Salah satunya adalah widget pages atau laman. Kita klik tanda "+" saja pada pages tersebut. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4fHumzwtk7FTXdNb2zSbuHJHW4EVyhgaKIGqejcbV13Ezng1dASfBt0tbd7AfBqTFhuRCvq6ZRww_bWAQ6J0CadF5qfkTUa-IB8QwuToatJ9DuPTk9s1N2FVR_i40xcW6wZfIjemKWU/s1600/add+gadget+laman+di+blogspot.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mudah membuat menu di blogspot" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4fHumzwtk7FTXdNb2zSbuHJHW4EVyhgaKIGqejcbV13Ezng1dASfBt0tbd7AfBqTFhuRCvq6ZRww_bWAQ6J0CadF5qfkTUa-IB8QwuToatJ9DuPTk9s1N2FVR_i40xcW6wZfIjemKWU/s400/add+gadget+laman+di+blogspot.JPG" title="menambahkan widget atau gadget laman di blogspot" width="346" /></a></div><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Saat klik tanda "+" itu, nanti akan muncul window seperti di bawah ini - sebelah kiri. Klik Add External Url yang ada di sana. Kemudian akan muncul window seperti di sebelah kanan pada gambar. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVXB3ED8LRNsP41Sz_cIPXWpP_oFjemZRCReJN94jZsgX3ExwhJNfGYS5zSkjHsGbwCSZzuiOV6LT08y5FRefmOdl4ajWWje4C-Jm6lg3omTD-FqHxwAxGLHHMgoiBZKBv6AHvTV4S2c/s1600/menambahkan+menu+url+di+blogspot.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mudah membuat menu di blogspot" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVXB3ED8LRNsP41Sz_cIPXWpP_oFjemZRCReJN94jZsgX3ExwhJNfGYS5zSkjHsGbwCSZzuiOV6LT08y5FRefmOdl4ajWWje4C-Jm6lg3omTD-FqHxwAxGLHHMgoiBZKBv6AHvTV4S2c/s400/menambahkan+menu+url+di+blogspot.jpg" title="setting url atau tautan eksternal untuk menambah menu di blogspot" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Tambahkan tautan eksternal dan kemudian isi yang diminta di sebelah kanan</td></tr></tbody></table><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">4. Pilih Isikan URL Label yang ingin dijadikan menu di page kalian </span></h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Langkah terakhir dalam membuat menu di blogspot ini adalah dengan mengisikan data di sebelah kanan pada gambar di atas. Judul Laman bisa diisi dengan teks yang kalian inginkan sebagai nama menu. Seperti dalam contoh menu tips blogging di atas, judul laman saya isi dengan Tips Blogging Indonesia. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Setelah itu, isi dengan url label yang ingin ditampilkan untuk menu tersebut. Seperti yang saya tuliskan di atas, url adalah menggunakan label yang ada di dalam blog kita sendiri. Misalnya untuk tips blogging Indonesia ini, url link labelnya adalah: </span><br /><br /><blockquote class="tr_bq"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>http://bloggingthroughmyeyes.blogspot.co.id/search/label/blogging%20tips</i></span></blockquote><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Gimana cara mendapatkan url label postingan seperti di atas? Okay, kamu ada tampilkan label widget di blog kalian seperti pada blog ini? Lihat sebelah kanan deh, ada tulisan label dengan link masing-masing. Untuk lebih jelasnya adalah seperti yang ditampilkan dalam gambar di bawah. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCwvbySsevZfageZ4eDOLJCnEZCEWGqarQ1XXqTMiK6xLEp6DG-u31wIA9N1YavWCW3nQWqV5oxd2OSnQoXwB4cAkZG-6zqtlAQgriGxsXG5NB7Cc59hpjqU246fSUlPkzmoP85H9X_b4/s1600/mendapatkan+url+label+di+blogspot.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mudah membuat menu di blogspot dengan label" border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCwvbySsevZfageZ4eDOLJCnEZCEWGqarQ1XXqTMiK6xLEp6DG-u31wIA9N1YavWCW3nQWqV5oxd2OSnQoXwB4cAkZG-6zqtlAQgriGxsXG5NB7Cc59hpjqU246fSUlPkzmoP85H9X_b4/s320/mendapatkan+url+label+di+blogspot.JPG" title="gadget atau widget labels di blogspot" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Ini dia labels dalam blogspot</td></tr></tbody></table><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Klik aja label yang ingin dijadikan menu. Dalam contoh ini saya menggunakan label blogging tips. Nanti akan muncul deh url seperti yang di atas. Nah, kalau kalian perhatikan, sebenarnya contoh url di atas bisa kalian pakai langsung. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Cara mendapatkan url label postingan di blogspot dengan mudah: </span></h4><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><blockquote class="tr_bq" style="text-align: center;"><i style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">http://<span style="background-color: red;"><span style="color: white;">bloggingthroughmyeyes.blogspot.co.id</span></span>/search/label/<span style="background-color: blue;"><span style="color: white;">blogging%20tips</span></span></i></blockquote><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Ganti saja bloggingthroughmyeyes.blogspot.co.id yang saya highlight merah di atas dengan alamat blog kalian sendiri. Kata-kata search dan label jangan diganti ya. Yang diganti berikutnya adalah blogging%20tips yang saya kasih highlight biru. Ganti dengan label yang kalian pakai. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Kan tadi label yang saya pakai adalah <b>label Blogging Tips </b>dan muncul seperti itu. Misalnya saja saya ingin menampilkan label blogspot, maka ganti blogging%20tips itu dengan blogspot. Gimana? Lebih gampang kan? </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><br /><h3><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Kesimpulan </span></h3><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Jika membandingkannya dengan saat membuat menu di wordpress, saya merasa memang jauh lebih mudah membuatnya di wordpress. Tapi bukan berarti semua itu tidak bisa dipelajari ataupun disetting ya. <b><a href="http://bloggingthroughmyeyes.blogspot.com//2015/11/cara-membuat-menu-di-blogspot-dengan-mudah.html" target="_blank">Cara membuat menu di blogspot dengan mudah </a>menggunakan label</b> di atas ini juga saya tuliskan setelah coba sana coba sini kok. Ada cara lainnya yaitu dengan edit html template, tapi resikonya bisa rusak template blog kalau gak hati-hati. </span></div><div style="text-align: justify;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>

Posted by Hii Sekai