Tutorial seocips berikut ini tentang cara menambahkan dua kolom elemen widget blog dibawah postingan atau artikel blog di Blogger.pada waktu yang lalu juga seocips.com telah membagikan tutorial Cara Menambahkan Satu Kolom Widget Diatas Postingan, bagi yang tertarik dengan widget diatas postingan maka dapat membaca artikel sebelumnya.

Sebelum melakukan tutorial berikut ini sebaiknya save dulu template yang anda gunakan, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

Cara Membuat Dua Kolom Widget Dibawah Postingan

Masuk ke akun blogger anda
Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
Cari kode ]]></b:skin>
letakkan kode berikut tepat diatas kode ]]></b:skin>
#twounderposting {width:100%;float:center;margin:10px 0;padding:0px;}
#twounderpostingleft{width: 45%;float: left;}
#twounderpostingright{width: 45%;float: right;}
Cari kode berikut ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
Letakkan kode berikut sebelum kode penutup pada no.5
<div id='twounderposting'>
<div id='twounderpostingleft' style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section class='main' id='twounderpostingleft' preferred='yes' style='float:center;'/>
</div>
<div id='twounderpostingright' style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section class='main' id='twounderpostingright' preferred='yes' style='float:right;'/>
</div>
</div>
Sehingga hasilnya akan terlihat seperti berikut ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<div id='twounderposting'>
<div id='twounderpostingleft' style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section class='main' id='twounderpostingleft' preferred='yes' style='float:center;'/>
</div>
<div id='twounderpostingright' style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section class='main' id='twounderpostingright' preferred='yes' style='float:right;'/>
</div>
</div>
</div>
Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di Tata Letak. Jika ada dua kolom add gadget seperti gambar dibawah ini maka selamat sobat telah berhasil Menambahkan Dua Kolom Widget Dibawah postingan Blog.
Cara Membuat Dua Kolom Widget Dibawah Artikel Blog
6 Komentar untuk "Cara Membuat Dua Kolom Widget Dibawah Artikel Blog"

Kode nomer 5 gak ketemu gan,apa harus dipasang dulu itu kode yg di atas ]]>..?? saya pakai template adsense punya agan seocips yg pertama ke TKP http://fruithealthy.blogspot.com/

Iya gan, kode pertama masukan saja, selanjutnya  Copy kode ke 3 ( kode no 3 : diataskan ada 4 kode, jadi kode yang ketiga ) letakan diatas kode dibawah ini:

</div></div>

<div class='sidebar-wrapper'>



Untuk mempermudah pencaharian tekan Ctrl+F , Simpan template dan cek, muda-mudahan berhasil.

kalau tiga atau 4 bisa ngga gan ... makaish

bisa gan, lebarnya saja yang ubah..

cara membuat widget2 seperti terletak seperti "related post" diatas bagaimana kang?
Meletakkan di antara artikel dan komentar (maksud sya)