Cara menambah 2 kolom tepat dibawah postingan

Belajar ngeblog, salah satu trik untuk mempercantik tampilan blog sobat diantaranya adalah bagaimana menambah 2 kolom dibawah postingan seperti contoh tampilannya berikut gambar dibawah ini :

Jika sobat ingin menambah widget seperti ini berikut petunjuknya :

Langkah-langkah untuk menambahkan widget ini, tidaklah terlalu rumit dan tidak memerlukan keahlian khusus untuk menerapkannya pada blog. Nah berikut penjelasannya :

1. Login ke Blogger

2. Pilih Template  » Edit HTML dan jangan lupa centang expand widget template

3. Cari  ]]></b:skin> (gunakan Ctrl + f untuk mempermudah pencarian)

4. Copy kode di bawah ini dan pastekan tepat di atas tag  ]]></b:skin>

.bottom-post {margin:15px 0px 10px 0px; padding:5px 0;clear:both;}
.bottom-left {float:left; width:49%; margin-right:15px;}
.bottom-right {float:right; width:49%;}

5. Selanjutnya, cari <data:post.body/>. Copy kode di bawah ini dan paste tepat di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div class='bottom-post'>
<div class='bottom-left'>
Script iklan sobat di sini
</div>
<div class='bottom-right'>
Script iklan sobat di sini
</div>
</div>
</b:if>

6. Simpat/Save

Catatan : Karena tiap template berbeda-beda, <data:post.body/> biasanya terdapat 3 sampai 4, nah coba tempatkan kode tersebut di atas pada <data:post.body/> yang kedua atau yang ketiga.