>
Submit

Minggu, 26 Mei 2013

CARA MEMBUAT WIDGET FOOTER

Hai sobat CyberSB Blog. Sekarang kami akan membagikan bagaimana CARA MEMBUAT WIDGET FOOTER. Ya dulu kami juga pernah tidak mempunyai footer. Tapi setelah mencari tutor di google. Eh kami nemuin. Ya sudah sekarang kami sudah mempunyai Footer. :3


Saya akan mencoba untuk berbagi cara membuat widget footer di blog sobat yang memang ingin menambahkan widget tersebut.
Silahkan ikuti cara di bawah ini buat sobat blogger yang belum tahu cara membuat widget footer tambahan :

  • 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 ) 
            <!-- end outer-wrapper -->

           Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer  ataupun footer tersebut
  •         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>


  •    Dan klik simpan template, klik tombol kembali, selesai, silahkan sobat lihat perubahan di tata letak seperti gambar di bawah ini
Dan contoh dari hasil penambahan widget footer :

gbr cara membuat widget footer

Demikian cara membuat widget footer, semoga bermanfaat.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari CyberSB.com di inbox anda:


0 komentar:

Poskan Komentar

Jangan berkomentar dengan Anonim atau menyebarkan link hidup atau pun link mati, Jangan SARA, Porn, Fitnah

Melanggar : Hapus