Posted by : Nanda Sebastian Senin, 30 Juli 2012

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>

#postleft, #postright {
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;
}
3. Selanjutnya cari kode di bawah ini
<b:section class='main' id='main' preferred='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>
</div>
4. Masukkan kode di bawah ini setelah code  </b:section>
<div id='postleft'>
<b:section class='postL' id='postL' showaddelement='yes'/>
</div>
<div id='postright'>
<b:section class='postR' id='postR' showaddelement='yes'/>
</div>
5. Simpan template
Begitulah caranya, sangat mudah kan membuat 2 kolom elemen widget di bawah posting, semoga informasi ini bermanfaat. 

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog
ArabicEnglishFrenchGermanIndonesianItalianPortugueseRussianSpanish

Popular Post

Diberdayakan oleh Blogger.

- Copyright © Nanda Si Bocah Jogja -Robotic Notes- Powered by Blogger - Designed by Nanda Rachmat -