Cara membuat dua kolom widget dibawah postingan ini sebenarnya ada dua cara yang bisa dilakukan yaitu kita bisa benar-benar membuat dua kolom dibawah postingan dan hasilnya bisa terlihat di menu Tata Letak, sedanghkan yang satunya lagi, kita membuat dua kolom dibawah postingan tapi hasilnya tidak terlihat di menu Tata Letak seperti yang saya gunakan pada template blog ini (nanti akan saya share juga..)
Berikut Cara Membuat Dua Kolom Widget Dibawah Postingan
- Masuk ke akun blogger sobat
- Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard sobat
- Cari kode berikut ini
#main-wrapper {float:left;margin-right:10px;overflow:hidden;width:507px;word-wrap:break-word;} - Letakkan kode berikut tepat dibawah kode no.3
#twounderposting {width:100%;float:center;margin:10px 0;padding:0px;}
#twounderpostingleft{width: 45%;float: left;}
#twounderpostingright{width: 45%;float: right;}- Atau jika sobat tidak menemukan kode #main-wrapper karena perbedaan kode pada template, cari saja 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 sobat dan lihat hasilnya di Tata Letak
Sekian, jika ada permasalahan dalam membuat dua kolom widget dibawah postingan, silahkan tinggalkan komentar sobat untuk artikel ini, Cara Membuat Dua Kolom Widget Dibawah Postingan
Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@