A. Pertama, mulailah mengedit tampilan halaman utama
dengan menghilangkan posting artikel yang tampil sehingga nanti di halaman
utama/home page hanya ditampilkan judul postingan saja.
Untuk menghilangkan artikel/hanya menampilkan judul
posting saja dihalaman utama/home page lakukan hal berikut:
Mauk ke Design > Edit HTML
Lalu cari kode
Lalu Save template, lihat dulu hasilnya baru nanti kita lanjut ke langkah modifikasi template blogspot selanjutnya.
Lalu Save template, lihat dulu hasilnya baru nanti kita lanjut ke langkah modifikasi template blogspot selanjutnya.
B. Langkah ke-2. Menambahkan 2 Kolom Widget dibawah atau diatas Posting
Masih di halaman Edit HTML,
cari kode ]]>,
lalu paste kode berikut tepat diatas kode ]]>
/*--bawah posting--*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:560px;
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:560px;
}
#underleft{
width:270px; /*lebar kolom kiri*/
float:left;
margin:5px;
}
#underright{
width:270px; /*lebar kolom kanan*/
float:right;
margin:5px;
}
#underleft{
width:270px; /*lebar kolom kiri*/
float:left;
margin:5px;
}
#underright{
width:270px; /*lebar kolom kanan*/
float:right;
margin:5px;
}
Perhatikan kode yang berwarna merah width:560px, itu merupakan lebar dari kolom posting. Sesuaikan saja dengan lebar pada template kamu, biasanya untuk mengetahui lebar/width kolom posting, kita cari kode seperti ini :
#main-wrapper { width:
560px;
Misalkan saja lebar/width kolom posting seperti contoh
diatas yaitu 560px, maka bagi lebar tersebut menjadi dua, karena kita akan
membuat dua kolom dibagian kiri dan kanan, sisakan nilainya untuk margin dan
padding untuk memberi jarak antara gadget yang lain dengan gadget yang lain.
Untuk itu pada lebar kolom kiri dan lebar kolom kanan saya beri angka 270px.
Lalu, cari kode seperti ini :
Lalu, cari kode seperti ini :
Kalau sudah kamu temukan, lalu lakukan langkah berikut:
- Untuk menambahkan dua kolom dibawah posting, masukkan kode berikut ini tepat dibawah kode yang saya beri warna merah.
- Sedangkan kalau mau menambahkan dua kolom diatas posting, pasang kode berikut ini tepat diatas kode yang saya beri warna hijau
Lalu, simpan template.
C. Langkah ketiga, tambahkan 2 kolom, 3 kolom, atau 4
kolom widget diatas Footer
Menambahkan banyak kolom diatas footer berguna untuk membuat tampilan home page blog layaknya situs berita populer atau seperti Blogazine/Blog model Magazine.
Caranya, Temukan kode
Menambahkan banyak kolom diatas footer berguna untuk membuat tampilan home page blog layaknya situs berita populer atau seperti Blogazine/Blog model Magazine.
Caranya, Temukan kode
lalu:
1. Untuk membuat 4 kolom diatas footer,
1. Untuk membuat 4 kolom diatas footer,
letakkan kode berikut dibawah
0 komentar:
Posting Komentar