Cara Menambah 2 Kolom di Bawah Postingan Blogger

Menambah 2 widget di bawah postingan blog memang merupakan suatu hal yang penting, mengingat widget tersebut bisa dipergunakan untuk menempatkan banner, social bookmark ataupun yang lainnya. Terlebih lagi jika sidebar, header ataupun footer sudah dipenuhi dengan banner-banner iklan dan masih memerlukan banyak tempat lagi untuk keperluan lainnya. Nah salah satu solusi yang tepat untuk menangani hal tersebut di atas yakni menambah kolom di bawah postingan blog.

Langkah-langkah untuk menambahkan widget ini, tidaklah 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-wrapper{width:100%;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0 10px 10px}
#bottomleft{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#bottomright{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}

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

<b:if cond='data:blog.pageType == "item"'>
<div id='bottom-wrapper'>
<div id='bottomleft'>
<b:section class='bottom' id='bottomleft' preferred='yes'/>
</div>
<div id='bottomright'>
<b:section class='bottom' id='bottomright' preferred='yes'/>
</div>
</div>
<div style='clear:both;'/>

</b:if>

NB : 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.

6. Langkah terakhir, simpan template

Semoga bermanfaat dan Salam blogger...!!!