Cara Menambah Dua Kolom Widget di Bawah atau Atas Post Body ~ Kumpulan Tips & Triks Seputar Internet

Friday, December 11, 2015

Cara Menambah Dua Kolom Widget di Bawah atau Atas Post Body

12:14 AM / by Eris WiFi / with No comments /

Cara Menambah Dua Kolom Widget di Bawah atau di Atas Post Body Halaman Depan Blog

JIKA halaman depan (homepage) blog Anda terasa "monton", maka jadikan ia menarik dengan menambah dua kolom widget baru di bawah atau di atas blog posts (daftar posting terbaru) halaman depan.

Dua kolom itu bisa diisi posting terbaru per label (kategori), posting terpopuler, gambar, atau apa saja sebagamana halnya widget/gadget blog.

Ini caranya:
1. Template > Edit HTML
2. Cari (Ctrl + F)kode ]]>

3. Copy +Paste kode berikut ini di atas kode ]]> tadi:

#Spicy Column h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#Spicy Column{
width:600px; /*Change width */
}
#Spiceleft{
width:295px; /*width of the left column*/
float:left;
margin:4px;
}
#Spiceright{
width:295px; /*width of the right column*/
float:right;
margin:4px;
}

Save Template!

Tahap pertama selesai.

Tahap berikutnya sebagai berikut:

Untuk menambah 2 kolom DI ATAS Post Body:
1. Cari (Ctrl + F) kode

2. Copy +Paste kode berikut ini di atas kode

3. Save!

4. Klik "Layout" dan Tekan F5 (Refresh) untuk melihat ada dua kolom baru di atas Blog Posts.

Untuk menambah 2 kolom DI BAWAH Post Body:

1. Cari (Ctrl + F) kode di bawah ini:

type="Blog">

2. Tambahkan kode berikut ini sebelum kode setelah kode atau sebelum

Hasilnya akan seperti ini:

Save Template!

Kini mestinya dua widget tambahan sudah muncul di atas atau di bawah Blog Posts. Anda tinggal menambahkan (Add Gadget) di sana untuk mengisinya dengan apa saja yang bisa dimunculkan di sidebar widget.