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 :
Selanjutnya meletakan kode HTML pemanggil untuk menampilkan dua elemen baru tersebut, carilah kode seperti dibawah ini :
Sebagai patokan untuk mencari kode tersebut, carilah kode yang berwarna biru, setelah ketemu letakan kode dibawah ini dibawah kode
Sehingga kodenya menjadi seperti ini :
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,
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
mas dalang tolong share cara mebuat blogazine secara detail dong.......maksih
@abang janut Sudah saya share
Posting Komentar
rate this post
Terima kasih,