Selamat Datang di Blog Karrysta buat Sobat semua
Kunjungan Anda ini sangat bermanfaat sekali untuk kelangsungan dan ke lestarian Blog Karrysta,
Semoga apa yang saya Bagikan di sini senantiasa bisa bermanfaat dan memberikan motivasi dan apresiasi untuk kita semua
Mudah-mudahan silaturrahmi dan Ukhuwah antar blogging semakin erat untuk tetap saling berbagi Terima kasih .. Salam hormat.

Cara Membuat Footer 2 Kolom Di Blog

Selamat berjumpa lagi sobat blogging semua,  dimana un anda berada sekian lama tidak posting
Artikel kali ini saya akan berbagi trik blogger buat sobat yang berminat dengan foter dua kolom
Foter adalah widget yang biasa tepat berada paling bawah di bagian blog kita,  dan  sudah pasti
Sobat bisa mengisinya berbagai widget yang sobat inginkan. pada kesempatan kali ini saya akan
Berbagi tutorial bagaimana cara membuat dan juga  memasang footer dua kolom di blog dengan
Fungsi nya bisa langsung tambah gadget atau add gadget tanpa  harus susah membuat  atau juga
Menambah kolom lagi. karena anda bisa langsung  tambah gadget, di atas atau di bawah  kolom
Foter widget blog anda dan sudah pasti dengan widget yang sobat inginkan dan yang di kendaki
Seperti gambar di bawah ini kira-kira contoh nya :
Trik Blogger
Foter 2 Kolom
Oke sobat langsung saja pada cara instal widget nya :
Pertama anda biasa masuk blog anda dan sign in
Lalu pada dashboard pilih menu Template.
Kemudiant klik edit html, atau back up dulu template anda
Seterusnya anda cari kode ]]></b:skin> gunakan ctrl + f untuk memudah kan pencarian
Kemudian copy kode di bawah ini, dan paste tepat di atas kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
Selanjutnya, masih di edit html. cari kode di bawah ini cari salah satu nya saja :
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
Atau cari kode di bawah ini, kalau kode di atas tidak di ketemukan :
<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>
Jika sudah ketemu kode nya, kemudian copy kode di bawah ini, pastekan dibawah kode
class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Di bawah ini kode yang harus anda copy :
<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; 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: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
Keterngan :
Jika pada template anda gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan kode nya di bawah kode <div id='footer'>

Setelah selesai semua penerapan kode  nya  pada tempat,   yang di tuju lalu save templat nya
Selesai. semoga artikel ini sedikit banyak nya bisa berguna buat sobat yang ingin memasang

Widget footer 2 kolom di blog, selamat  mencoba  semoga berhasil sobat.  .....happy blogging
@Karrysta

Berlangganan lewat email pada post baru Blog : Karrysta.

Next
« Prev Post
Previous
Next Post »

3 komentar

kebetulan footer blog saya belum ada add gadget nya. jadi bisa mempraktekkan tutorial ini supaya bisa di isi degan widget yang menarik ya mas karis. Terimakasih banyak mas karis atas ilmunya. Saya izin belajar di blog ini ya :)

ternyata komentar saya nggak di jawab hehehe :D

terimakasih banyak sob, sangat membantu sekali tutorialnya...

http://herbalkuacemaxs.com/

Jangan Komentar Promosi, Link Hidup, Spam Karena akan terhapus
Silahkan untuk "Follower blog, atau Berlangganan Lainya" di blog ini
Untuk Mengkonversi kode dan icon Smiley silahkan Klik dibawah ini

Show Konversi KodeHide Konversi Kode Show SmileyHide Smiley Follower

Terima Kasih atas Kunjungan dan Komentar nya
Copyright © 2015. Karrysta - All Rights Reserved | Template Created by Kompi Ajaib | Modified : Saud Karrysta | Proudly powered by Blogger