Anto Mejew

<span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Banyak blogger yang memberikan tutorial membuat tab menu bar di header Blogspot dengan mengotak atik kode HTML. Namun bagi Anda yang kurang paham dengan mode HTML tidak perlu khawatir, karena menu bar tersebut bisa dengan mudah dibuat tanpa harus merubah HTML.</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGRyp33N909TcVbrud43Q9InuvOvxf7QNL_mrhNduqfVOf_syLdxQTOn1zlRXWRbJ5ZhpaFV6rFcdhrvZwhT_pYdFDxzhA-gH7hQi96tAIPrEIgQJjzxuihX0dViKg9dBmEqFRUmjjOMRh/s1600/bar.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGRyp33N909TcVbrud43Q9InuvOvxf7QNL_mrhNduqfVOf_syLdxQTOn1zlRXWRbJ5ZhpaFV6rFcdhrvZwhT_pYdFDxzhA-gH7hQi96tAIPrEIgQJjzxuihX0dViKg9dBmEqFRUmjjOMRh/s1600/bar.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Menu bar yang berada dibagian kepala blog punya banyak kegunaan. Salah satunya sebagai navigator bagi pengunjung. Anda bisa menampilkan halaman statis atau bahkan laman kategori dari blog Anda. Bukan hanya itu, Anda juga bisa menautkan menu bar dengan link dari web lain.</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">(Baca: </span><b style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;"><a href="http://blogoooblok.blogspot.com/2015/01/cara-mudah-mengganti-tampilan-blogspot.html" style="color: #4c4c4c; text-decoration: none;" target="_blank">Cara Mudah Mengganti Tampilan Blogspot</a></b><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">)</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Posisinya pun bisa dipindahkan. Tidak harus berada dibagian kepala blog. Anda bisa menggesernya ke sidebar atau bahkan di bagian footer atau di bawah blog Anda.</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><b style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Cara Membuat Tab Menu Bar dengan Mudah di Blogspot</b><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br />
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Langkah pertama, masuklah ke dashboar blogspot Anda, lalu pilih <b>Tata Letak</b> dan klik <b>Tambag Gadget</b>. </li>
</ul>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZD43CaPeL6WR5jUAuOLbJpZVwtoQ8J141xMoMdoDt7fB8FlbDS1QhawtM7fLDkM1_0w3_fsgGtrUY7ggN600AkVUfyJLkGKySq7BzDJW0sP62KsBUHnlZI2zWSGeKAjQiPaJGEqL12m02/s1600/tab+1.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZD43CaPeL6WR5jUAuOLbJpZVwtoQ8J141xMoMdoDt7fB8FlbDS1QhawtM7fLDkM1_0w3_fsgGtrUY7ggN600AkVUfyJLkGKySq7BzDJW0sP62KsBUHnlZI2zWSGeKAjQiPaJGEqL12m02/s1600/tab+1.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Pada jendela yang terbuka pilih<b> Laman</b>. </li>
</ul>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNwBdMs1OuSlgyEokttdVjrrLFOzAi7HqO2cDfZnLTKdtbGM3RLcH9q0SASnEn6ruGLwhgclYQ39qAZa0oKqa7kGxL0yk3orIo0H7XOAFeodeLeHEzTy91QD26IwXhz9fmHDqXa3SUkjg/s1600/tab+2.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNwBdMs1OuSlgyEokttdVjrrLFOzAi7HqO2cDfZnLTKdtbGM3RLcH9q0SASnEn6ruGLwhgclYQ39qAZa0oKqa7kGxL0yk3orIo0H7XOAFeodeLeHEzTy91QD26IwXhz9fmHDqXa3SUkjg/s1600/tab+2.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Jika ingin menempatkannya di bagian header hapus saja bagian judulnya. Lalu centang halaman yang ingin ditampilkan. Misal kontak. </li>
</ul>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI-Th3yIMU3ohKYtN0VDG2SlWtMiCgqzhc1G6UOwhkySBVo6Q3HwsRyYRTdxxFd91h0yAKI-s7mVJD5F4U_D8hUNk307u_FFbZPVuF3q1k82ZJF3TTqILw8NLAi-eFUzr4kPk4l2rrQg7/s1600/tab+3.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI-Th3yIMU3ohKYtN0VDG2SlWtMiCgqzhc1G6UOwhkySBVo6Q3HwsRyYRTdxxFd91h0yAKI-s7mVJD5F4U_D8hUNk307u_FFbZPVuF3q1k82ZJF3TTqILw8NLAi-eFUzr4kPk4l2rrQg7/s1600/tab+3.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="382" /></a></div>
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Jika ingin menambahkan laman kategori tertentu, copi labelsnya lalu paste pada bagian <b>Tambahkan Tautan Eksternal</b>.</li>
</ul>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqEgFGhnr8EKullMHDpaAKlaCqvzK_eJ_xQqLXKTWGIb5G8p0S0h7GyJZ0ak9S8cT4QobQJSHv0feSqkPBkaVmMzLhBr9yGj0S-JPxC6zx5n5NiLucnq8sJxXQwM1RO3mnOUydN_cz5vuj/s1600/tab+4.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqEgFGhnr8EKullMHDpaAKlaCqvzK_eJ_xQqLXKTWGIb5G8p0S0h7GyJZ0ak9S8cT4QobQJSHv0feSqkPBkaVmMzLhBr9yGj0S-JPxC6zx5n5NiLucnq8sJxXQwM1RO3mnOUydN_cz5vuj/s1600/tab+4.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Setelah mengklik <b>Simpan Tautan</b>, silahkan merubah urutan sesuai dengan yang dikehendaki. Klik dan seret tab tersebut. </li>
</ul>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZnoNNw9nq6OjBvdHOklGdVih6ophT6QoirvlZSJa4pr-4H5RX1nYeqQJeK2MIesqoAe56nKZHa4SfzWbmxh0S0JPZwmKMX_Y4TFfwnLTDIm0NI4mD1r403FodRNTXwfUXhwmTeu1drho/s1600/tab+5.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZnoNNw9nq6OjBvdHOklGdVih6ophT6QoirvlZSJa4pr-4H5RX1nYeqQJeK2MIesqoAe56nKZHa4SfzWbmxh0S0JPZwmKMX_Y4TFfwnLTDIm0NI4mD1r403FodRNTXwfUXhwmTeu1drho/s1600/tab+5.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<ul style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Setelah semuanya selesai, klik tombol <b>Simpan</b> dibagian bawah. </li>
</ul>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">(Baca: </span><b style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;"><a href="http://blogoooblok.blogspot.com/2014/04/cara-mudah-merubah-jumlah-kolom-blogspot.html" style="color: #4c4c4c; text-decoration: none;" target="_blank">Cara Mudah Merubah Jumlah Kolom Blogspot</a></b><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">)</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Hasilnya, Anda akan melihat tab menu dibagian header blog Anda. Untuk melakukan perubahan bentuk dan warna, silahkan melakukan pengaturan di bagian </span><b style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Template</b><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">dan klik </span><b style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Sesuaikan</b><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">. Anda bisa mengutak atik warna dan jenis fontnya dibagian Tingkat Lanjut.</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSnaiu4tIB2tLYA4dRXX70VTaUo6Xu4LtGChLTlMoA_3Zjn-rDfW8OencTbwwiu4dn7gv1t-lKCNLAuah5ZTzABe6QUfbn8RB2oKraJmIoOnBjgLFmE1M2rNfyIjrxEJnYpDsms66erx5/s1600/tab+6.png" imageanchor="1" style="color: #4c4c4c; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSnaiu4tIB2tLYA4dRXX70VTaUo6Xu4LtGChLTlMoA_3Zjn-rDfW8OencTbwwiu4dn7gv1t-lKCNLAuah5ZTzABe6QUfbn8RB2oKraJmIoOnBjgLFmE1M2rNfyIjrxEJnYpDsms66erx5/s1600/tab+6.png" style="background: none; border-radius: 0px; border: 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px; position: relative;" width="400" /></a></div>
<span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Selamat mencoba dan lihat hasilnya. Mudah bukan!</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15.3999996185303px; line-height: 21.5599994659424px;">Jadi jangan lagi terpaku pada pengaturan HTML untuk membuat menu tab yang menari. Tentu untuk tampilan yang lebih profesional dengan menampilkan tab drak down butuh pengaturan tambahan. Kita akan bahas cara itu di postingan lain.</span>

Membuat Tab Menu Bar dengan Mudah di Blogspot

Banyak blogger yang memberikan tutorial membuat tab menu bar di header Blogspot dengan mengotak atik kode HTML. Namun bagi Anda yang kurang ...

Baca selengkapnya »

C

B

A

Membuat Tab Menu Bar dengan Mudah di Blogspot

Formulir Kontak