Februari 05, 2012

Membuat Dua Element Tambahan Dibawah Post Kanan Kiri

Situseo Blog : Membuat dua element baru dibawah post kanan kiri akan sangat bermanfaat untuk menempatkan widget-widget tambahan jika dibagian sidebar sudah penuh dengan widget, selain menambah bentuk tampilan dalam susunan widgetnya, tampilan blog pun akan berbeda.

Tambahan element baru dibawah post ini kita dapat disesuaikan ukurannya antara ukuran bagian kanan dan bagian kiri. Untuk membuat 2 element tambahan dibawah post, kalian bisa mengikuti caranya seperti dibawah ini :
  • Masuk ke bagian Design - Edit HTML
  • Lakukan backup template dengan cara Download Full Template untuk menjaga terjadinya kesalahan dalam pengeditan.
  • Cari kode ]]></b:skin> dan letakan kode css dibawah ini diatas 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;}

Selanjutnya meletakan kode HTML pemanggil untuk menampilkan dua elemen baru tersebut, carilah kode seperti dibawah ini :

<b:section class='main' id='main' preferred='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>

Sebagai patokan untuk mencari kode tersebut, carilah kode yang berwarna biru, setelah ketemu letakan kode dibawah ini dibawah kode </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>

Sehingga kodenya menjadi seperti ini :

<b:section class='main' id='main' preferred='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</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>
</div>

Save template kalian, dan kalian sudah bisa menggunakan tambahan 2 element tersebut untuk menambah beberapa widget. Jika ingin membagi dua element bagian header kalian bisa meng-klik link tersebut.

Semoga bermanfaat,

2 Diskusi untuk Membuat Dua Element Tambahan Dibawah Post Kanan Kiri

23 Mei 2012 21.28  

mas dalang tolong share cara mebuat blogazine secara detail dong.......maksih

23 Mei 2012 22.41  

@abang janut Sudah saya share

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top