Tiga kolom footer di bawah posting blogger




Tiga  kolom footer di bawah posting blogger
Tiga  kolom footer di bawah posting blogger

Tiga  kolom footer di bawah posting blogger


1. Pertama , pastikan sobat udah masuk di dasbhor sobat sendiri
2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
3. Temukan kode ]]></b:skin> Agar mudah pencarian tekan tombol CTRL+F) Copy dan paste kan kode di bawah ini di atas kode warna merah.
/* Footer 3 Colom Madamvia */
#footer-column-divide {
background:#2980b9; color:#fff; font-size:14px; clear:both; display:block;
}
#footer-column-divide a {
color:#fff;
}
#footer-column-divide a:hover {
color:#333;
}
#footer-column-divide h2, #footer-column-divide h3 {
height:25px; font-size:16px; color:#fff; text-align:left; border-bottom: 2px solid #fff; padding:0px; margin:10px;
}
.footer-column {
padding: 10px;
}
.footer-column .widget-content {
padding: 10px;
}
4. Selanjutnya copy kode di bawah ini dan letakan tepat diatas kode <div id='footer'>
<div id='footer-column-divide'>
<div id='footer-left' style='width: 35%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='column-left' preferred='yes' style='float:left;'/>
</div>
<div id='footer-center' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='column-center' preferred='yes' style='float:left;'/>
</div>
<div id='footer-right' style='width: 35%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='column-right' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
5. Jika sudah anda bisa klik save template, dan lihat hasilnya.
Jika kode di atas tidak ada pada template blog anda,, cari kode seperti ini satu persatu. 
<!-- footer wrapper start -->
<!-- sidebar wrapper end --> 
<!-- content wrapper end --> 

Bisa anda sesuaikan saja letak widget kolom footer tersebut nanti. Demikian penjelasan saya pada hari ini selamat mencoba dan semoga berhasil. Jika anda kurang jelas bisa berkomentar di bawah ini. terimakasih.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect