Minggu, 18 Mei 2014

Tips Menambah 3 Kolom Gadged Di Bawah Header Blog Anda

Cara menambah 3 kolom gadged dibawah header blog Anda. Ini bertujuan agar Anda yang menginginkan penghasilan di blog bisa memasang iklan yang pas untuk blog Anda. Caranya bisa Anda praktekan sendiri dengan memasukan kode HTML. Berikut ini ialah caranya:

  • Login dulu ke BLOGGER.
  • Pilih Template lalu klik Edit HTML
  • Simpan Template untuk berjaga-jaga seandai nya ada salah pengeditan  
  • Centang Expand Template Widget dulu
  • Cari kode ]]></b:skin> Gunakan Ctrl+F untuk memudahkan pencarian kode 
  • Pastekan kode di bawah ini tepat di atas kode ]]></b:skin> 


<div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
</div> 

  • Selanjutnya Cari salah satu kode ini <div id='main-wrapper'> atau <div id="main-outer"> atau <div class='main-outer'>


  • Paste kan kode di bawah ini di sebelum kode di atas.


<div id='box-kolom-widget'>
<div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

  • Klik Simpan untuk melihat hasil nya di blog.


Hanya sekian dari saya semoga bermanfaat dan sukses terus ya Gan.





Trima Kasih Atas Kunjungan Anda