Dengan Mengucap Bismillah.....
kali ini Catatan Gus Eko akan membuat artikel yg sudah tidak asing lagi
di dunia blogger,sebelum nya Saya Mohon maaf bila mana ulasan saya nanti kurang menarik ataupun sulit untuk di pahamai namaun saya sudah berusaha semaksimal mungkin..
Sangat lah banyak artikel artkel seberti berikut di search abi goole,yg di update para blogger profesional
bahkan sangat menarik dan mudah dipahami,bukan seperti punya saya ini , namun apa salah nya jika saya memberi/berbagi
dan meng update artikel yg sama namun sedikit berbeda,yah mudah mudahan bisa membantu sahabat blogger
sekalian terutama bagi sobat yg baru mengenal dunia blogger....
Baiklah untuk membuat atau menambah 2kolom elemen di atas footer ada beberapa langkah yg harus sobat lakukan....
1.Sobat harus masuk ke dasbor dengan akun blogger sobat
2.setelah itu pilih layout template
3.Selanjut nya sobat klik Edit HTML...
4. Jangan Lupa beri centang kolom mungil yg bertuliskan Expand Template Widget
5.Berikut nya sobat cari kode seperti berikut:
<div id='main-wrapper'> <b:section class='main' id='main'
showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog
type='Blog'/> </b:widget> </b:section></div>
untuk memudahkan pencariat silakan sobat tekan tombol Ctrl+F pada keyboard sobat
nah setelah ketebu letak kan kode berikut dibawah kode </b:section> atau sebalum kode </div>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section class='sidebar' id='magazine-left' showaddelement='yes'> <b:widget id='Text51' locked='false' title='Column 1' type='Text'/> </b:section> <b:section class='sidebar' id='magazine-right' showaddelement='yes'> <b:widget id='Text52' locked='false' title='Column 2' type='Text'/> </b:section> <div style="clear: both;"></div> </b:if>
6. Kini saat nya kita membuat kode CSS dari 2kolom diatas footer, nah untuk kode CSS nya silakan sobat
cari kode ]]></b:skin> jika sudah ketemu silakan letak kan kode CSS berikut ini di atas kode ]]></b:skin>
#magazine-left { width: 45%; float: left; } #magazine-right { width: 45%; float: right; }
Sobat masih bisa menambahkan kode CSS diatas, misalnya menambahkan border dll, silahkan berkreatifitas!
7. Jangan lupa simpan template sobat ingat jangan ragu ragu,
Jika sobat berhasil mengikuti setiap langkah diatas maka pada bagian Tata letak sobat akan melihat dibawah kolom posting ada dua kolom tambah gadget
selamat saat ini sobat telah memiliki 2kolom elemen di atas footer,selamat mencoba semoga berhasil......
Tidak ada komentar:
Posting Komentar
Silahkan Berkomentar Dengan Baik Dan Sopan.........?