nuh

Aril Impian

Membuat Widget Footer Blog

Club Pujangga | 21:59 |
Cara Membuat Widget Footer Blog mungkin ada yang tahu Kolom footer dan juga ada yang tidak pernah dengan atau pun mengetahuinya lihat gambar contoh dibawah:

Wigdet Footer


Footer biasanya terletak di bawah setiap blog, di bawah postingan kegunaanya adalah untuk meletakkan widget histats atau pun widget alexa dan boleh juga di gunakan untuk meletakkan widget yang lain,

okey seterusnya kite lihat cara untuk membuatnya:-

pertama sekali anda perlu...
  • Login ke blog 
  • Pilih Template
  • Klik Edit HTML
  • Sila copy code di bawah ini , kemudian letakkan di atas ]]></b:skin>
#footer-coloumn-baru {clear:both;} 
.footer-column {padding:10px};

  • Kemudian cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mudahkan mencari ) 
            <!-- end outer-wrapper -->

         Memang setiap template tidak sama, tapi anda boleh cuba cari perkataan outer  ataupun footer tersebut               yang hampir dengan dengan kode wrapper"

  • Setelah jumpe letakkan script di bawah ini tepat di bawah code <!-- end 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>

  • Preview dadulu sebelum Klik Simpan Template
Artikel Terkait