Jaminan 100%

“Barangsiapa yang Allah kehendaki mendapatkan seluruh kebaikan, maka Allah akan memahamkan dia tentang agama.” (HR. Bukhari no. 71 dan Muslim no. 1037)

Akan hidup terus setelah mati

“Jika seorang manusia mati maka terputuslah darinya amalnya kecuali dari tiga hal; dari sedekah jariyah atau ilmu yang diambil manfaatnya atau anak shalih yang mendoakannya.” .

Free Consultations

Konsultasi gratis di halaman Konsultasi. Konsultasi via email abuhening@gmail.com hanya untuk Layanan klien.

Cara Menambah Dua Kolom Widget di Bawah Posting Halaman Depan

Posted by

POSTING  cara menampilkan atau menambah dua kolom widget di bawah posting halaman depan (home) ini adalah versi lain dari Cara Menambah Dua Kolom Widget di Bawah atau Atas Post Body yang sudah di-share sebelumnya di blog CB ini.

Tips ini CB share setelah dipraktikkan alias dipasang dan sukses di halaman depan, seperti penampakan di bawah ini:


 Cara Menambah Dua Kolom Widget di Bawah Posting Halaman Depan

Ini dia caranya, khususnya untuk para pengguna template Johny Wuss Series.

1. Template > Edit HTML
2. Copy + Paste kode berikut ini di atas kode  ]]</b:skin>

#post-kiri{padding-left: 5px;width: 290px;float: left;word-wrap: break-word;overflow: hidden;margin:0 8px 15px 8px;}
.post-kiri a, post-kanan a {color:#555;font-size:13px}
.post-kiri ul {list-style: none;color: #EAE9E8;margin: 0;padding: 0;}
.post-kiri li {background: url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent: 0;line-height: 1.2em;border-bottom: 1px dotted #ddd;margin: 0;padding: 3px 0 3px 12px;}
.post-kiri h2 {font-size: 15px;font-family: Oswald;}

#post-kanan{padding-left: 5px;width: 290px;float: left;word-wrap: break-word;overflow: hidden;margin:0 8px 15px 8px;}
.post-kanan a, post-kanan a {color:#555;font-size:13px}
.post-kanan ul {list-style: none;color: #EAE9E8;margin: 0;padding: 0;}
.post-kanan li {background: url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent: 0;line-height: 1.2em;border-bottom: 1px dotted #ddd;margin: 0;padding: 3px 0 3px 12px;}
.post-kanan h2 {font-size: 15px;font-family: Oswald;}

3. Cari (Ctrl+F) kode <div id='main-wrapper'> dan Anda akan menemukan kode seperti di bawah ini:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

4. Copas kode berikut ini di bawah kode </b:section> atau sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
                        <b:section class='post-kiri' id='post-kiri' preferred='yes'/>
                        <b:section class='post-kanan' id='post-kanan' preferred='yes'/>
                        </b:if>

Hasilnya seperti ini. Perhatikan kode yang di-highlight kuning!

 Cara Menambah Dua Kolom Widget di Bawah Posting Halaman Depan

5. Save Template!

Setelah itu, menuju "Layout". Maka akan muncul dua kolom widget baru di bawah Blog Posts seperti penampakan berikut ini. Jika belum muncul, Refresh Page!

 Cara Menambah Dua Kolom Widget di Bawah Posting Halaman Depan

Anda bisa mengisinya dengan Widget apa saja. Kalo CB mengisinya dengan daftar posting terbaru kategori tertentu, yakni Desain Blog dan Tips SEO.

DUA KOLOM WIDGET DI ATAS POSTINGAN
Bagaimana jika ingin menempatkan dua kolom tersebut di atas Blog Post? Gampang pisan! Simpan saja kode no. 4 di bawah kode <div id='main-wrapper'>.

Anda juga bisa mengikuti tips serupa versi maskolis di sini: Menambah Kolom Diatas dan Dibawah Postingan Blog. Good Luck!


Demo Blog NJW V2 Updated at: 22:34

0 comments:

Post a Comment

Disarankan berkomentar menggunakan Akun Google+. Komentar SPAM dan SPAMMY (menyertakan link hidup, minta kunjungan balik, & nama blog) otomatis tidak akan muncul. Pertanyaan OOT silakan di Halaman Ruang Konsultasi. Jika menginginkan Link Tinggalkan alamat Email, Sebelum bertanya, Cari Dulu di Kotak Pencarian! Thx