ARTIKEL TERKAIT:
Cara membuat dua element baru dibawah
posting kanan kiri akan sangat bermanfaat untuk menempatkan widget yang nantinya kamu ingin tambahan
jika dibagian sidebar sudah penuh dengan widget.
Untuk membuat 2 element tambahan dibawah post, kamu bisa mengikuti caranya seperti dibawah ini :
Untuk membuat 2 element tambahan dibawah post, kamu bisa mengikuti caranya seperti dibawah ini :
Login ke blogger
Pada tab menu, klik pengaturan> template>edit HTML
jangan lupa Backup template kamu dulu agar tidak terjadi hal tidak di inginkan,
klik Download Template Lengkap
Sekarang cari kode ini : ]]></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 :
| id='main'
preferred='no'>
<b:widget
id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
|
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>
|
kode yang berwarna biru untuk menyesesuaikan jarak dengan template kamu
Sekarang klik tombol SIMPAN TEMPLATE, dan Selesai sekarang kamu tinggal lihat di tata letak.
gimana hasilnya memuaskan.
jangan lupa tinggalkan pesan ya.
terima kasih sobat atas sharingnya,, sangat bermafaat nich,, izin coba mau saya praktekin ke blog saya.
BalasHapus