Cara Menambah 2 Widget Diatas Postingan

Cara Menambah 2 Widget Diatas Postingan | Membuat Widget Baru dan Tips Trik Cara Peletakan pada Posisinya, widget ini sangat berfungsi untuk blog agan yang punya trafik tinggi dan ikut iklan PPC sehingga dapat menggunakan 2 kolom tambahan ini untuk memasang iklan..
Untuk tutorialnya silahkan perhatikan cara-cara dibawah ini

• Login Blogger Sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
• Letakkan script berikut ini diatas ]]></b:skin> : 

#box-main-container {clear:both;}.box-column {padding:0px 10px 10px 10px;border:1px dotted $bordercolor;}

*Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).
*Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.

    Kemudian cari kode

•   <div id='main-wrapper'>
•   <div id='content-wrapper'>
•   <div id='header'> atau <div id='header-wrapper'>
•   <div id='sidebar-wrapper'>
•   <div id='bottom'>

    Keterangan :
    *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
    *<div id='content-wrapper'> adalah posisi postingan.
    *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
    *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
    *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
    Silakan pilih salah satu, mau menempatkannya dimana.

•     Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini

<div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div><div style="clear: both;"> </div></div>  

    Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.

•     Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.

Itu dia Artikel yang berpostingan tentang tutorial Cara Menambah 2 Widget Diatas Postingan. Semoga Bermanfaat..

Backlink here..

<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://fafansuka.blogspot.com/2013/07/cara-menambah-2-widget-diatas-postingan.html"><b>Cara Menambah 2 Widget Diatas Postingan</b></a> | Membuat Widget Baru dan Tips Trik Cara Peletakan pada Posisinya, widget ini sangat berfungsi untuk blog agan yang punya trafik tinggi dan ikut iklan PPC sehingga dapat menggunakan 2 kolom tambahan ini untuk memasang iklan..<br /> Untuk tutorialnya silahkan perhatikan cara-cara dibawah ini<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ZKhVSQBKAa587jhU12nPgNAlgesWrIqmwA-RFjtU3qMjemeUP-vlIGtq-MiNQl5ngCgiA97PGCf_k1VbWw8MvHrA0QmShWMgAjfpkugy9ApeTqZG8f8jMKW5ySkzA8bBK4MoCGpyZKQ/s1600/2clm1_zpsde0ee089.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambah 2 Widget Diatas Postingan" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ZKhVSQBKAa587jhU12nPgNAlgesWrIqmwA-RFjtU3qMjemeUP-vlIGtq-MiNQl5ngCgiA97PGCf_k1VbWw8MvHrA0QmShWMgAjfpkugy9ApeTqZG8f8jMKW5ySkzA8bBK4MoCGpyZKQ/s320/2clm1_zpsde0ee089.gif" title="Cara Menambah 2 Widget Diatas Postingan" width="320" /></a></div> <ul style="text-align: left;"> <li>Login Blogger Sobat.</li> <li>Pilih Template > Edit HTML.</li> <li>Ceklis / Centang Expand Widget Template.</li> <li>Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.</li> <li>Letakkan script berikut ini diatas ]]></b:skin> : </li> </ul> <br /> <blockquote class="tr_bq"> #box-main-container {clear:both;}.box-column {padding:0px 10px 10px 10px;border:1px dotted $bordercolor;} </blockquote> <br /> *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ). <br /> *Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.<br /> <br />     Kemudian cari kode<br /> <ul style="text-align: left;"> <li>  <div id='main-wrapper'></li> <li>  <div id='content-wrapper'></li> <li>  <div id='header'> atau <div id='header-wrapper'></li> <li>  <div id='sidebar-wrapper'></li> <li>  <div id='bottom'></li> </ul> <div style="text-align: left;">     Keterangan :<br />     *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.<br />     *<div id='content-wrapper'> adalah posisi postingan.<br />     *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.<br />     *<div id='sidebar-wrapper'> adalah posisi sidebar blog.<br />     *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.<br />     Silakan pilih salah satu, mau menempatkannya dimana.<br /> <ul style="text-align: left;"> <li>    Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini</li> </ul> </div> <blockquote class="tr_bq"> <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div><div style="clear: both;"> </div></div>   </blockquote> <br />     Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.<br /> <br /> <ul style="text-align: left;"> <li>    Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.</li> </ul> <div style="text-align: left;"> <br /> Itu dia Artikel yang berpostingan tentang tutorial <a href="http://fafansuka.blogspot.com/2013/07/cara-menambah-2-widget-diatas-postingan.html"><b>Cara Menambah 2 Widget Diatas Postingan</b></a>. Semoga Bermanfaat..</div> </div> <br/> Sumber: <a href='http://fafansuka.blogspot.com/2013/07/cara-menambah-2-widget-diatas-postingan.html'> Fafan Suka Blogging, Tutorial Blogger | Tips Trik Blog | Belajar Blogspot | Bisnis </a>