Melengkapi Blogspot Dengan Menu

Di dalam template Blogspot pada umumnya tidak terdapat fasilitas menu yang muncul di bagian judul blog (header). Padahal pemilik blog mungkin saja membutuhkannya untuk shortcut ke halaman artikel lain yang sifatnya penting, atau hanya sekedar supaya terlihat keren. Tapi ngga masalah, akan saya beri triknya.

Seperti biasa, masuk ke Layout>Edit HTML lalu cari baris tag di bawah ini:

<b section class=’header’ id=’header’ maxwidgets=’1’ showaddelement=’no’>

Udah ketemu> kalo sudah, ganti seperti di bawah:

<b section class=’header’ id=’header’ maxwidgets=’’ showaddelement=’yes’>

Atau kosongkan bagian maxwidgets dang anti showaddelement dari ‘no’ menjadi ‘yes’

Jika sudah, langkah selanjutnya adalah masuk ke Layout>Page Element

Di atas header blog, terdapat link “Add a page element” yang dapat digunakan untuk menambahkan elemen menu. Klik link tersebut dan tambahkan elemen JavaScript/HTML.

Lalu masukkan kode di bawah ini:

<table align=”right”>

<tr>

<td>
<a href=http://www.gugling.com>

<font color=”black”>

Home

</font>

</a>

</td>

<td>
<font color=”black”> | </font>

</td>

<td>
<a href=http://www.gugling.com>

<font color=”black”>

Useful Number

</font>

</a>

</td>

<td>
<font color=”black”> | </font>

</td>

</tr>

</table>

Lalu simpan dan lihat. Udah ada menu nya kan?

Penjelasan dari kode di atas:

Warna merah: menunjukkan alamat web yang nanti ingin kamu tampilin, ubah aja sesuai keinginan.

Warna hijau: menunjukkan nama yang akan kamu munculkan di menu blog kamu

Warna biru: menunjukkan warna tulisan menu dan jarak spasi serta pemisah “|”

Warna coklat: menunjukkan awal dan akhir menu

Jika ingin menambahkan menu, cukup ulangi dengan menuliskan kode yang dimulai dari <td> sampai dengan </td> dan jangan lupa untuk mengakhiri dengan </tr> </table>

Semoga tutorial ini berguna buat saudara sekalian