Tuesday, July 17, 2012

Cara Membuat 3 Kolom di Atas Footer Pada Blog

3 Colom Footer
Cara Membuat 3 Kolom di Atas Footer Pada Blog adalah artikel yang akan saya bahas selanjutnya kali ini saya akan menerangkan bagaimana caranya menanbahkan atribut elemen pada suatu blog tentunya dengan cara yang mudah dimengerti dan tentunya juga simple serta saya akan menerangkan sedikit kelebihan 3 kolom ini di bagian bawah dan menerangkan fungsi serta kegunaan pada blog pemasangan tehnik ini.

Memang elemen adalah salahsatu bagian dari blog yang takdapat terpisahkan begitu saja karena elemen adalah salah satu bangunan atau bias saya katakana sebagai tembok dan itu adalah unsur terbentuknya suatu blog jika menurut teori dan devinisi saya lain dari pada itu para blogger atau orang yang suka memodifikasi blogger nya selalu bingung apa dan manfaat kelebihan pemasangan 3 kolom tersebut simplesaja sebenarnya saya menjawab jadi intinya pemasangan ini tergantung selera dan manfaatnya banyak sekali yaitu dai mulai tambahan atribut menghiasi blogger dan agar supaya mirip dengan kakanya blog yaitu website karena biasanya rata rata website memiliki bagian footer 3 kolom mungkin dari pada tambah lama dan tambah capek baca artikel ini saya per singkatlagi kalimatnya ok dalam judul Cara Menambahkan 3 Kolom Di Atas Footer atau bias juga disebut Cara Membuat 3 Kolom di Atas Footer Pada Blog.

Nah pada paragraph sebelumnya menurut saya sudah begitu meyakin kan dan bagus mungkin sedikit tambahan pentingnya memasang 3 kolom di atas footer yaitu memper banyak tampilan yang akan anda pasang supaya lebih menarik ok langsung saja kita lihat tutorial ini.

Tutorial


  • Untuk hal pertama yang harus anda lakukan login ke account blogger anda
  • Kemudian masuk bagian Template > Edit HTML (Blogger Baru)
  • Masuk bagian Perancangan > Edit HTML (blogger Lama)
  • Jangan lupa centang expand widgate
  • Kemudian cari kode ]]></b:skin>
  • Kemudian Copy Code dibawah ini letakan tepat di atas kode ]]></b:skin>


#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}



  • Langkah selanjutnya cari kode <div id='footer'>
  • Kemudian copy kode di bawah ini tepat di atas kode <div id='footer'>



<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>



  • Kemudian save template
  • Langsung lihat hasil buatan foter anda

Keterangan :

  • Kode berwarna biru adalah kode masing masing lebar (Pengaturan Lebar)
  • Kode yang berwarna hijau adalah warna background pada footer yang di hasilkan
Memang mudah melakukan tutorial di atas langsung saja anda peraktekan mungkin artikel kali ini cukup sekian dulu kurang dan lebihnya mohon di maafkan semoga dapat membantu anda dalam aktivitasnya dan semoga bermanfaat saya tutup saja artikel Cara Menambahkan 3 Kolom Di atas Footer atau biasa kita bilang Cara Membuat 3 Kolom di Atas Footer Pada Blog.

*ATTENTION If you Want Download Please Turn OFF or Remove Your AdBlock
Title: Cara Membuat 3 Kolom di Atas Footer Pada Blog
Reviewed By: Thomi Jasir
Rating Blog: 4.7 dari 5

Article Category Tutorial Blog Title Cara Membuat 3 Kolom di Atas Footer Pada Blog You can share articles and copy the Articles This is very useful if, but do not forget to save the link source you can copy the code below. Thanks!
ads
ads

Written By : Thomi Jasir Time : 3:42 PM Category :

3 Comments:

  1. Terimaksih ya Mas atas tutorrial nya...., Sungguh sangat bermanfaat...!

    Visite back : http://khabaranunik.blogspot.com/

    ReplyDelete
  2. Mas..., Terimakasih banyak ya atas tutor nya..., akhirnya berhasil juga Ae permak template blogsite nya, hehehe... mumed...!

    emmm,,, visite back ya Mas : http://khabaranunik.blogspot.com/

    ReplyDelete

Rules If you Want Comment Here

1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments

Thanks To the visitors who have taken the time you hope the above article useful.