Cara menambah 2 kolom widget diatas postingan Blog dengan mudah

Halo teman. apa kabar, Sehat?
kali ini Iyagus ingin berbagi kepada teman-teman tutorial tentang Cara menambah 2 kolom widget diatas postingan Blog dengan mudah. Mungkin banyak diantara teman yang perna mencobah menambah kolom widget diatas postingan blog tapi tidak muncul alias gagal, jangan kecewa teman mungkinan disebabkan adanyaperbedaan template, Mungkin cara ini teman-teman bisa cobah.

Caranya :
Silahkan langsung menuju ke EDIT HTML Blog
Kemudian cari kode ]]></b:skin>
apakah teman-teman masih kebingungan mencari kode html di blog, untuk mencari kode html/css di blog pertama silahkan klik 1x pada salah satu kode html di blog teman, setelah itu Silahkan tekan Ctrl dengan menggunakan ibu jari ,kemudian tekan huruf F dengan jari tengah pada Keyboard kumputer, akan muncul kolom pencarian kode, silahakn masukkan kode yang teman ingin cari, CONTOH KODE YANG TEMAN INGIN CARI  ]]></b:skin> kemudian tekan ENTER maka kode akan muncul dengan di andai warna KUNING selesai, namun tidak semua kode yang yang ada di blog hanya 1x tekan enter namun terkadang perlu menekan 2x ada beberapa kode yang sama/serupa di blog, 
contoh kode yang perlu menekan 2X ENTER <data:post.body/>  kode tersebeut terkadang ada 2 atau 3 kode yang sama jika teman hanya menekan Enter 1x saja maka kode yang kedua tidak muncul namun jika teman menekan enter sampai 2x atau 3x maka kode tersebut akan terlihat semuanya oke mungkin teman sudah paham yang saya maksud. oke


LANJUT JIKA TEMAN SUDAH MENEMUKAN.  ]]></b:skin>
SILAHKAN KOPY KODE BERIKUT KEMUDIAN LETAKKAN DIATASNYA
#twoupperposting{margin:10px 0;padding:0px;width:100%;} #twoupperpostingleft{width: 45%;float: left;} #twoupperpostingright{width: 45%;float: right;}

Kemudian cari kode ini

 <div class='column-center-inner'>

Jika sudah ketemu 

KOPY kode di bawah ini dan letakkan diatanya : 

 <div id='twoupperposting'>
<div id='twoupperpostingleft' style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section class='main' id='twoupperpostingleft' preferred='yes' style='float:center;'/>
</div>
<div id='twoupperpostingright' style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section class='main' id='twoupperpostingright' preferred='yes' style='float:right;'/>
</div>
</div>

KLIK SAVE.

SeLANJUTNYA SILAHKAN MENUJU KE LAYOUT TEMPLATE BLOG UNTUK MELIHAT HASILNYA

Jika KOLOM TERSEBUT TIDAK MUNCUL mungkin disebabkan perbedaan template.

Dan kalau memank kolom tersebut tidak berhasil /tidak muncul SILAHKAN TEKAN Ctrl Z Untuk menghapus kode yang teman pasang tadi atau kalau tidak hapus secara manual
Tapi SEMOGA BERHASIL
TANKs, Jangan LUpa komentarnya jika trejadi kesalahan.

KOMENTAR TERBARU