Apa yang terjadi jika tempat widget anda sudah penuh. sobat ingin membuang yang mana bingung. Jangan bingung sob kita bisa kok menambahkan tempat widget yang baru. Sebelumnya ane telah memposting cara meratakan tulisan blogspot dan kali ini ane akan bagikan cara menambah tempat widget baru yang terletak dibawah blog kita atau tepatnya di footer.
Untuk memulainya silahkan ikuti petunjuk dibawah ini :
- Login ke Blogger
- Masuk ke Template
- Pilih Edit HTML
- Selanjutnya sobat cari kode ]]></b:skin>bisa dengan bantuan CTRL+F supaya lebih mudah
- Copy Pastekan code dibawah ini tepat diatas kode ]]></b:skin>
#footer-coloumn-baru {clear:both;}
.footer-column {padding:10px};
- Kemudian sobat cari kode <!-- end outer-wrapper --> seperti tadi (setiap template memang berbeda, tetapi anda bisa mencarinya dengan kata outer atau footer.
- Lalu Copypaste code dibawah ini tepat dibawah outer wrapper tadi
<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>
- Langkah terahir simpan template dan anda sudah bisa menambahkan widget dibawah footer.
Ane akan memberikan contoh hasil perubahan template
Hasil Perubahan Template |
Sekian tips sedikit yang bisa saya bagikan. semoga bisa bermanfaat bagi sobat blogger dan para pengunjung semua. Jangan lupa tinggalin komeng ya :D
Anda baru saja membaca artikel yang berkategori Articles /
Belajar Blog /
Tips
dengan judul "Cara menambah Widget Footer". Anda bisa Menemukan artikel ini dengan link http://uchavision.blogspot.com/2013/07/cara-menambah-widget-footer.html dan anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara menambah Widget Footer ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara menambah Widget Footer sumbernya.
Anda Mungkin Menyukai:
0 komentar:
Post a Comment
> Berkomentar yang bijak ya sob.
> No Sara
> Ane berhak menghapus pesan yang gak masuk akal