Minggu, 26 Mei 2013

Cara Membuat Widget Footer Di Blog

By Sajak Petang   Posted at  21.08   Widget No comments

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...

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 Andre B'Genk. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.