Inilah Cara Membuat Menu Home di Blogspot

Jika halaman blog anda tidak memiliki menu home, maka anda harus membuatnya sendiri menggunakan gadget. Menu home merupakan menu yang dapat membawa pengunjung blog anda ke halaman utama blog anda. Pada artikel ini, akan dijelaskan tentang cara membuat menu home di blogspot.

Menu home ini berguna bagi pengunjung blog anda untuk menelusuri semua artikel yang telah anda buat di halaman utama. Simak langkah-langkah untuk membuat/menampilkan menu home dibawah ini.

Cara Membuat Menu Home

  • Masuk ke akun blog anda
  • Klik menu “Layout/Tata Letak” di sebelah kiri
  • Klik “Tambahkan Gadget”. Kemudian akan muncul jendela baru, lalu cari kata-kata Pages/Laman, dan klik ikon”+”
  • Selanjutnya, anda akan berpindah halaman, dan centang kotak home
  • klik “Simpan” untuk menambahkan gadget. Jadi, otomatis jendela tersebut akan tertutup
  • Lalu, klik tombol “Simpan Pengaturan”, dan selesai.

Silakan cek halaman blog anda, menu home akan akan berada di sisi kanan halaman blog anda. Anda bisa meletakkannya sesuai dengan template yang anda gunakan.

Mengubah Tampilan Menu Home

  • Buka akun blogger anda
  • Pilih menu tema, dan klik edit HTML
  • Cari kode </head> dan tempatkan kode berikut diatasnya
  • <b: if cond = ‘data: blog.pageType == & quot; indeks & quot; ‘> <b: if cond =’ data: blog.isMobileRequest == & quot; false & quot; ‘>

<style type = ‘text / css’>

.post-outer {float: left; widht: cacl (50% – 2px); padding: 10px}

.post {height: 340px}

.post-thumbnail img {display: block; float: none; widht: 100%; height: 180px; margin-bottom: 10px; padding: 0px 0}

</style>

</ b: if>

</ b: if>

  • Lalu, simpan template, setelah berhasil diaplikasikan, silahkan lihat hasilnya.
Baca Juga :  Cara Mengatur Ukuran Thumbnail Ponsel di VioMagz

Kode CSS diatas menggunakan perhitungan 50 % agar tampilan postingan menjadi 2 baris kesamping. Anda juga bisa membuatnya menjadi 3 baris dengan mengubah kalkulasi menjadi 33% atau bisa dicoba angka lainnya. Sekian ulasan tentang cara membuat menu home di blogspot, semoga bermanfaat.

Cek Tutorial Lengkap Disini :