- Login ke blog sobat
- Pilih Template
- Klik Edit HTML
- Silahkan copy code di bawah ini , kemudian langsung diletakkan di atas ]]></b:skin>
#footer-coloumn-baru {clear:both;}
.footer-column {padding:10px};
- Kemudian sobat blogger cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mempermudah mencari )
Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer ataupun footer tersebut, tempat ane sendiri lansung ane cari kode "id='footer' " yang kebetulan berada di copyright nya
- Setelah ketemu sobat letakkan script di bawah ini tepat di bawah outer wrapper tersebut.(menambahkan 3 column baru)
<div id='footer-column-baru'>
<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/></div>
<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/>
</div>
<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/></div>
<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/>
</div>
- Kemudian simpan template. Sekian
Nyimak aja sob
BalasHapussilahkan sob,,
Hapuskepingin sih menambah elemen tapi kalau di suruh edit html ini yang nggak aku bisa
BalasHapusgpplah mbak muya, sambil belajar edit , hehe
Hapuswah artikelnya mantep nie mas bro
BalasHapusthanks atas shringnya :)
iya mas trima kasih, smoga cukup membantu
Hapusmantab sob, tapi ane belum bisa mempraktekkan, hehe. ^^
BalasHapusInformatif. Tp saya sudah suka yg punya saya, h-hii...
BalasHapusjadi lebih banyak ya mas add gadget nya kalau ada di footer juga. Sehingga bisa dimanfaatkan untuk pasang widget yang berguna untuk blog ;)
BalasHapusBagus gan, lebih mempercantik blog nih...
BalasHapuspastinya jadi makin menarik ya sob, tampilan blog nya dengan tambahan elemen footer ini
BalasHapusternyata caranya cukup simpel ya, saya praktekan ah biar makin menarik dengan tambahan elemen footer
BalasHapussaya sudah mencoba di blog saya mas, tapi belum berhasil mungkin dengan panduan yang mas tulis ini mudah mudahan berhasil, izin coba lagi mas....
BalasHapusdemonya ada gak, bro?
BalasHapus