1. Login Blogger
2. Template ---> EDIT HTML ---> beri centang Expand Widget Templates
3. Cari </b:skin>
4..Pastekan kode berikut:
#footer-bottom {
width: 900px;background:transparent;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#EB1E1E;
float: left;
padding:10px;
height:498;
}
#left-bottom {
width: 33%;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 33%;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 33%;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}
6.Cari kode <div id='footer'> atau <div id='footer-wrapper'>
Pastekan kode berikut dibawahnya:
<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>
Keterangan :
33% menandakan bahwa kolom tersebut akan berukuran 33% dari ukuran layar...
Hitungan % digunakan jika sobat malas menghitung ukuran layar blog anda.
Jika ingin 4 kolom maka harus 25%.
Thursday, September 27, 2012
Blogger Cybermales
Tips Blogging
No comments
Related Posts:
Cara Memperbaiki Kotak Komentar Blogspot Yang Kadang Tidak Tampil1. Login ke blogger dengan akun blogger kamu. 2. Buka menu Setting / Pengaturan>> Komentar, 3. Ganti "Penempatan Formulir Komentar" ke "bawah Post Embedded" 4. Klik "Simpan Pengaturan. Kemudian bagian dari html dalam … Read More
Cara Hilangkan Navigasi Blogger1. Login dengan akun blogger kamu. 2. Klik Rancangan Jika bahasa Yang digunakan Bahasa Indonesia. 3. Klik edit html. 4. Beri tanda centang pada Expand Template Widget. Cari kode html seperti di bawah ini. /* Variable defini… Read More
Cara Mudah Posting Kode html Di Blogspot1. Login to Blogger dashboard 2. Go to Design Section 3. Then select Edit HTML tab 4. Dont forget to backup your template 4. Find ]]></b:skin> tag ( ctrl F ) keyboard 5. Replace it with Bellow Code of section … Read More
Remove "Showing Posts With Label All Posts" On Blogspot1. Login to blogger 2.Go to Template --> Backup your Template ---> Edit html Find this code <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div cla… Read More
Hide Newer Posts and Older Posts BloggerFind this code in your template: #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; &… Read More
Subscribe to:
Post Comments (Atom)
0 komentar:
Post a Comment