Cara Membuat Widget Footer Di Blog

Cara Membuat Widget Footer Di Blog-mungkin dari anda ada yang tau footer dan juga ada yang tidak mengetahuinya jika anda bingung ini adalah contoh gambarnya:

Footer terletak di bawah, di bawah postingan tentunya gunanya adalah untuk meletakan widget histats maupun widget alexa dan bisa juga di gunakan untuk meletakan widget yang lain, oke langsung aja caranya
  • 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 <!-- 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>

  • Klik Simpan Template
Perhatian:
Jika anda tidak menemukan code <!-- end outer-wrapper --> carilah code yang mirip kata kuncinya adalah end
Oke cukup sekian, Semoga Bermanfaat...
Previous
Next Post »

9 komentar

Write komentar
May 28, 2013 at 6:35 PM delete

artikel yang sangat bermanfaat nih apalagi untuk saya yang baru masuk dunia belogger, makasiyah atas infonya

Reply
avatar
September 3, 2013 at 1:59 PM delete

ms sdh saya cari code atau juga dengan kata kunci end tapi tetep saja gak ketemu. Mohon bantuan dan pencerahannya nih..

Reply
avatar
April 24, 2014 at 1:02 AM delete

Mantabb, ,
Dari sekian tutorial yang di buka dan dipelakari, terus di praktekkan, tutorial agan ini yang paling manjur. . :D Terima kasih

Reply
avatar
Sri Paryati
AUTHOR
May 9, 2014 at 3:27 AM delete

terimakasih infonya dan tutornya sudah dipraktekkan broe...

Reply
avatar
Sony Gumilar
AUTHOR
July 17, 2014 at 3:56 AM delete

mampir juga disni sob http://sonytutorial.blogspot.com/

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon