ygjy

Iklan

ygjj

Arsip Blog

Subscribe via Email

Blog Stats

DMCA.com>

Recent Comments

Banner Teman

Postingan Populer

Cara Membuat 3 Kolom Di Atas Bawah Footer blog

Cara Membuat 3 Kolom Di Atas Bawah Footer blog pada desain template blogger dafault atau yang sobat download dari lain mungkin tidak mempunyai widget kolom diatas/dibawah footer.tentunya widget ini sangat berguna mengkin buat menmbah informasi blog,kolom followers dan yang lainnya.bagaimana cara membuatnya 3 kolom Langsung kita menuju TKP. Klik perbesar gambat di bawah ini.



1.Pertama-tama sobat login terlebih dahulu ke blogger.

2.Setelah berhasil login klik template > Edit HTML > Lanjutkan (untuk berjaga-jaga dari kerusakan template blog silahkan back-up teamplate sobat dengan klik Cadangkan/Pulihkan > download template lengkap)

3. silahkan cari ]]></b:skin> (untuk mempercepat pencarian tekan CTRL + F pada keyboard)

4. Setelah berhasi menemukan kode Nomer 4 di atas copy dan letakan kode di bawah ini tepat diatas]]>
</b:skin>.

#tiga-kotak-bawah {
clear:both;
border-top:3px double #e6e4e3;
margin-top:14px;
}
.kolom-kotak {
padding:0px 10px 10px 10px;
}

5.Selanjutnya cari </footer> atau <footer> kerena hasilnya sama saja, setelah berhasil menemukan copy kode dibawah ini letakan di bawah kode tadi

<div id='tiga-kotak-bawah'>
<div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
</div>
<div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
</div>
<div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

6.klik petinjau terlebih dahulu setelah tidak ada kerusakan klik simpan template dan lihat hasinya.

jika sobat mengalami masalah dengan  Cara Membuat 3 Kolom Di Atas Bawah Footer blog silahkan komentar di bawah.

Description: Cara Membuat 3 Kolom Di Atas Bawah Footer blog, Rating: 4.5, Reviewer: Unknown, ItemReviewed: Cara Membuat 3 Kolom Di Atas Bawah Footer blog

0 komentar:

Posting Komentar