3. Membuat page dengan 3 baris dan kolom yang berbeda ukurannya

Setelah membuat page berformat 4 kolom, saya pun mencoba menyuntingnya. Saya ingin agar page itu memiliki 4 kolom dan 3 baris. Saya pun menambahkan beberapa script untuk membuatnya menjadi 3 baris. Saya juga menambahkan beberapa property untuk membuat kolom dengan ukuran yang berbeda. Untuk foto di tengah halaman dan untuk slider di bagian atas.

Caranya masih sama seperti yang di atas. membuat page berformat 4 kolom.

4. Mengisi masing-masing kolom dengan judul label dalam blogger

Karena memiliki banyak label (sekitar 50 buah) maka saya agak kesulitan menentukan label mana yang akan saya tampilkan di home page. Setelah meneliti page view dan SEO akhirnya saya memutuskan 11 label yang akan saya tampilkan. Saya pun menuliskan label itu ke dalam masing-masing kolom dan memberikan sebuah gambar yang sesuai. Saya juga melengkapi gambar dan label itu dengan link menuju arsip label dengan post.

Cara kali ini tidaklah sulit. Saya yakin teman-teman bisa melakukannya sendiri. Teman-teman hanya perlu mencari address page dari tiap label yang ingin ditampilkan dan menghubungkannya dengan link.

Tampilan 4 kolom dengan css yang saya buat

5. Membuat daftar post terbaru untuk tiap label

Kalau masing-masing label sudah tertulis dalam tiap kolom, saya hanya tinggal memasukkan daftar post terbaru (recent post). Karena ukuran kolomnya yang kecil, saya memutuskan untuk memasukkan link saja tanpa thumbnail (gambar kecil) ke dalam tiap kolom.

Caranya bisa teman-teman lihat di bawah ini, membuat daftar post terbaru/ recent post. 
Copy semua script-nya dan letakkan di awal script di page. Dengan kode ini teman-teman juga bisa mengganti banyaknya daftar yang ingin ditampilkan, mengganti label, dan juga bentuk penomoran (bullet and numbering). Sebisa mungkin lakukan semuanya dengan teliti dan jangan lupa juga untuk saving page.

Recommended for you