Pada
kesempatan kali ini, saya akan menjelaskan tentang tutorial menambahkan dua
kolom elemen halaman tambah gadget
dibawah kolom posting.
Langkah-langkah nya sebagai berikut:
1.
Login ke akun Blogger
anda >> pada Dasbor klik >> Template >> Edit HTML
(Jangan Expand Widget Template).
2.
Kemudian cari kode berikut atau yang serupa:
<div id='main-wrapper'>
<b:section class='main' id='main'
showaddelement='no'>
<b:widget id='Blog1' locked='true'
title='Blog type='Blog'/>
</b:widget>
</b:section></div>
3.
Jika sudah ketem letakkan kode berikut dibawah kode </b:section>
sebelum kode </div>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<b:section class='sidebar'
id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false'
title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar'
id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false'
title='Column 2' type='Text'/>
</b:section>
<div style="clear:
both;"></div>
</b:if>
Pada
point ini, Anda dapat melihat preview
template atau pratinjau tapi kolom masih terletak disebelah kiri bukan pada
posisi tengah. Untuk itu anda perlu menambahkan lagi kode CSS berikut untuk
menjadikan kedua kolom berada pada posisi tengah.
4.
Carilah kode ]]></b:skin>
dan letakkan kode berikut sebelum kode ]]></b:skin>
#magazine-left {
width: 45%;
float: left;
}
#magazine-right {
width: 45%;
float: right;
}
Anda
masih bisa menambahkan kode CSS diatas, misalnya menambahkan border dll,
silahkan Anda mengkreasikan sendiri agar Blog Anda tampak lebih cantik…!
5.
Jangan lupa klik preview atau save template untuk segera melihat hasilnya.
Jika
anda berhasil mengikuti setiap langkah diatas maka pada bagian Tata letak anda
akan melihat dibawah kolom posting seperti screen shoot berikut:
Demikian
tutorial Cara Mudah menambahkan dua kolom elemen halaman tambah gadget dibawah kolom posting.
Semoga
bermanfaat!
EmoticonEmoticon