Lama nggak nulis tutorial nih kali ini saya akan coba nulis tutorial tentang bagaimana cara membuat 5 kolom di bawah header
Untuk membuat 5 kolom di bawah header caranya sangat mudah dan gampang silahkan ikuti langkah langkah berikut ini
1.Login ke akun blogger dashboard
2.Klik layout (tata letak)
3.Cari kode yang seperti ini ]]></b:skin>
4.Copy paste kode dibawah ini dan simpan di atas kode tadi
#box-main-container {www.asepcanda.com)=============/
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
/==========www.asepcanda.com===========////////////
}
5.Cari kode yang seperti ini <div id='main-wrapper'>,
6.Copy paste kode dibawah ini dan simpan tepat di bawah kode tadi
<div id='box-main-container'>
<div id='box1' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:left;'/>
</div>
<div id='box4' style='width: 20%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col4' preferred='yes' style='float:right;'/>
</div>
<div id='box5' style='width: 20%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col5' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
7.Save template beres dech
21 comments:
makasih tutornya maz ASep....
Dukung dan Vote ina kag di DISINI
Pilih yang inamuth2.blogspot.com - Malang in My Dream : Nikmati Sejuta Rasa Bakso
Thanks before!!!!
maap yah maz sekalian iklan dan promosi hihihihi
Pertamakkkkkkkkkkkkkkk
eta si KA pertamaxna kaSeuLe ku neng Ina wkkkhhh...jd katigaxs !
eta si KA pertamaxna kaSeuLe ku neng Ina wkkkhhh...jd katigaxs !
simpeun HeuLa ah ke Iraha2 diPasang !
wakakakakakaakka
boisa muat banyak wdiget
tapi buat apa aja ya kang sep
ntar kalo ada ide say pkai :D
makasih ya
Apik tutornya asep.. keep blogging..
teman teman makasih ya atas komentarnya
makasih infonya sob.....baru tahu bisa kayak gitu....tapi sekarang belum perlu...so saya copy ja ya boleh kan...he
header saya mah kecil banget mas, hehhhe
thanks for this script, I will copy this script, because this is what I was looking for
$bordercolor <-- ini mah kalo yg pake variabel bordercolor kaleee.
Nah kalo gak sama kodenya gimana hayooo!!!
mending rumus warna ajah kang #ffffff <-- like this
$bordercolor <-- ini mah kalo yg pake variabel bordercolor kaleee.
Nah kalo gak sama kodenya gimana hayooo!!!
mending rumus warna ajah kang #ffffff <-- like this
info menarik, bisa mempercantik template nih...ma kasi mas
teman teman maksih ya atas komentarnya jangan lupa mampir ya ke www.asepcanda.com
sob mantab sob...makasih ilmunya yua....mantab bgt sob..........bagus........
Langsung tak coba praktein ya kang asep.
mantep kang tutorialnya,hehe...
wakh keren buanget nih tutorialnya mas....aku ijin ambil ya buat mengisi kekosongan di blog aku
boleh juga nih infonya, sangat membantu. Trims yaa dah mo berbagi semoga suksess selalu n tetap semangat
Satu tahun sudah berlalu dan entah berapa banyak dosa yang aku tumpuk atau entah berapa banyak pahala yang aku dapat.. tak bisa kuhitung-hitung karena hanya sang Khalik yang mengetahuinya, hanya ada satu do’a yang aku selalu panjatkan padaNya, “Ya Rabb, berilah hamba kesempatan dan bimbinganMu untuk bisa menjalani tahun ini lebih baik dari tahun sebelumnya dan berilah hamba tambahan usia yang barokah.. amien”
SELAMAT TAHUN BARU ISLAM 1 MUHARRAM 1431 H
Post a Comment