Buat 2 Kolum Bawah Entri Terkini

As-Salam. Ada rakan blogger bertanya, bagaimana nak buat 2 kolum bawah entri atau posting terkini. Sebenarnya ada banyak cara untuk buat. Jadi, HH kongsikan cara yang mudah untuk dipraktikkan buat blogger blogspot.

HH akan kongsikan 2 teknik buat 2 kolum bawah entri terkini. Mana yang sesuai boleh anda gunakan. Jika teknik pertama tak menjadi, boleh cuba teknik yang kedua.

Buat 2 Kolum Bawah Post

Teknik 1 - Buat 2 Kolum Bawah Entri Terkini

Pertama sekali ialah menambahkan rekabentuk kolum tersebut dalam CSS (struktur rekabentuk blog). Cari kod html blog b:skin Tambahkan kod diberikan di bawah ini sebelum tutup kod carian tadi.


.underpost { margin:15px 0px 10px 0px; padding:5px 0; clear:both; } .underleft{ float:left; width:265px; //** NILAI KELEBARAN KOLUM 1 margin-right:15px; } .underright { float:right; width:265px; //** NILAI KELEBARAN KOLUM 2 }
Kod anda sepatutnya akan jadi begini dalam CSS....

Kemudian, cari tempat untuk anda letakkan kolum yang telah anda istiharkan tadi dalam kod HTML blog anda. Cari data:post.body dan letakkan kod HTML berikut selepas kod tadi:
<b:if cond='data:blog.pageType == "item"'> <div class='underpost'> <div class='underleft'> LETAKKAN KOD HTML atau TEKS atau apa sahaja di sini untuk Kolum 1 </div> <div class='underright'> LETAKKAN KOD HTML atau TEKS atau apa sahaja di sini untuk Kolum 2 </div> </div> </b:if>
Dah siap guna teknik ini. Mudah ke susah?

Teknik 2 - Buat 2 Kolum Bawah Entri Terkini

Teknik ini anda tidak perlu tambah kod CSS, anda hanya terus gunakan kod HTML berikut dan letakkan di bawah data:post.body tadi.

<div style='width: SAIZ; float: left'> LETAKKAN APA YANG INGIN ANDA LETAK </div> <div style='width: SAIZ; float: right; '> LETAKKAN APA YANG INGIN ANDA LETAK </div>
Saiz kolum anda perlulah serasi dengan saiz untuk posting entri anda. Jika maksimum saiz untuk bahagian post entri adalah 500, jadi saiz kolum perlu paling baik adalah bahagi 2 atau lebih kecil ... maka setiap satu kolum boleh menjadi 250px.

Selamat mencuba.