Cara Menambah 2 Kolom Di blog
Kali ini saya akan berbagi tutorial yaitu membuat 2 kolom elemen widget di bawah posting kiri dan kanan. Maka nanti di bawah posting blog anda akan ada widget 2 yaitu ada di kiri dan di kanan saling berdekatan, namun jangan salah sangka kalau di Rancangan gambarnya seperti di bawah ini, dan nanti elemen widget hanya akan saling berbaris. Itu hanya untuk tempat elemen widget saja, namun kalau di blog anda nanti berdekatan.
Untuk membuat Elemen widget ini sangatlah mudah, langsung saja silahkan di coba dengan step by step.
1. Login blogger, masuk rancangan dan pilih submenu Edit HTML.
2. Masukkan kode di bawah ini di letakkan di atas kode ]]></b:skin>
Begitulah caranya, sangat mudah kan membuat 2 kolom elemen widget di bawah posting, semoga informasi ini bermanfaat.
Untuk membuat Elemen widget ini sangatlah mudah, langsung saja silahkan di coba dengan step by step.
1. Login blogger, masuk rancangan dan pilih submenu Edit HTML.
2. Masukkan kode di bawah ini di letakkan di atas kode ]]></b:skin>
#postleft, #postright {3. Selanjutnya cari kode di bawah ini
word-wrap: break-word;
overflow: hidden;
padding: 0;
margin: 0;
}
#postleft {
float: left;
}
#postright {
float:right;
}
#postL {
margin:20px 5px 15px 0;
padding:5px;
}
#postR {
margin:20px 0 15px 5px;
padding:5px;
}
#postL .widget, #postR .widget {
margin:0;
padding:0
}
#postL .widget {
width:200px;
}
#postR .widget {
width:200px;
}
<b:section class='main' id='main' preferred='no'>4. Masukkan kode di bawah ini setelah code </b:section>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
<div id='postleft'>5. Simpan template
<b:section class='postL' id='postL' showaddelement='yes'/>
</div>
<div id='postright'>
<b:section class='postR' id='postR' showaddelement='yes'/>
</div>
Begitulah caranya, sangat mudah kan membuat 2 kolom elemen widget di bawah posting, semoga informasi ini bermanfaat.
Comments
Post a Comment