Kali ini saya akan membahas Cara Membuat 3 Kolom Di Atas Footer Blog dengan mudah. Dengan adanya widget ini akan memberikan informasi ke pada pengunjung kita.
Untuk itu Cara Membuat 3 Kolom Di Atas Footer Blog langsung coba tutorialnya di bawah ini:
1. Login dulu ke Blogger
2. Sebelumnya Backup dulu Template anda takut terjadi kesalahan penempatan yang terletak di Template > Cadangan/Pulihkan > Unggah Temlate Lengkap
3. Buka Template > Edit HTML > Klik Expaned Template Widget
4. Cari kode ]]></b:skin>
5. Setelah ketemu Copy di bawah ini dan pastekan tepat di atas ]]></b:skin>
6. Selanjutnya cari kode yang mirip di bawah ini:
7. Copy Kode di bawah dan pastekan tepat di atas code yang tadi cara no.6
8. Klik Pratinjau dulu, bila tidak ada kesalahan di templatenya maka langsung Save dan lihat hasil elemennya apakah sudah berubah.
Semoga Cara Membuat 3 Kolom Di Atas Footer Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat 3 Kolom Di Atas Footer Blog silahkan komentar di bawah.
Untuk itu Cara Membuat 3 Kolom Di Atas Footer Blog langsung coba tutorialnya di bawah ini:
1. Login dulu ke Blogger
2. Sebelumnya Backup dulu Template anda takut terjadi kesalahan penempatan yang terletak di Template > Cadangan/Pulihkan > Unggah Temlate Lengkap
3. Buka Template > Edit HTML > Klik Expaned Template Widget
4. Cari kode ]]></b:skin>
5. Setelah ketemu Copy di bawah ini dan pastekan tepat di atas ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
6. Selanjutnya cari kode yang mirip di bawah ini:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
7. Copy Kode di bawah dan pastekan tepat di atas code yang tadi cara no.6
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p> <hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
8. Klik Pratinjau dulu, bila tidak ada kesalahan di templatenya maka langsung Save dan lihat hasil elemennya apakah sudah berubah.
Semoga Cara Membuat 3 Kolom Di Atas Footer Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat 3 Kolom Di Atas Footer Blog silahkan komentar di bawah.
salam kenal sob http://jakashare.blogspot.com/
ReplyDelete