Cara Membuat 8 Tambah Widget Sekaligus Di Bawah Posting Blog

 Cara membuat Delapan Tambah Sekaligus di bawah Posting Blog.Untuk caranya ternyata cara membuatnya tidak terlalu ribet seperti yang saya bayangkan dulu.Lalu bagaimana  caranya langsung membuat 8 Tata letak sekaligus?.Setelah saya browsing kemana-mana dan akhirnya cara ini saya temukan.Jika anda memasang Delapan tambah widget sekaligus di bawah posting blog ini akan membuat bagian Home page atau beranda blog anda lebih meriah ,Karena nantinya akan banyak widget yang bisa di tampung di delapan Tambah Widget ini,dengan berbagai kebutuhan Blog anda.

Untuk lebih jelasnya cara pembuatanya, ikuti langkah-langkah di bawah ini :

1.Pertama-tama Login Blogger.
2.Pilih Template - Edit HTML - Lalau cari Kode persis ]]></b:skin> Untuk mempercepat proses pencarian Gunakan Ctrl + F lalu masukkan Kode ]]></b:skin> Jika sudah di temukan kemudian Kopy kode di bawah ini tepat di atas Kode ]]></b:skin>

#slide1-wrapper{width:206px;float:left;word-wrap:break-word;overflow:hidden;padding:10px 0}
#slide2-wrapper{width:206px;float:left;word-wrap:break-word;overflow:hidden;padding:10px 0 10px 11px}
#slide3-wrapper{width:206px;float:right;word-wrap:break-word;overflow:hidden;padding:10px 0 10px 11px}
.slide1 .widget,.slide2 .widget,.slide3 .widget,.sidebar4 .widget,.sidebar5 .widget,{margin:0;padding:0 0 8px}
#midle-wrapper{width:402px;float:right;word-wrap:break-word;overflow:hidden}
.midle .widget{border-bottom:0 dotted #dddddd;margin:0 0 10px;padding:0}
.midle{color:#666666;line-height:1.3em}
.midle ul{list-style:none;margin:0;padding:0}
.midle li{line-height:1.3em;margin:0;padding:0 0 .25em;text-indent:0}
#ads-wrapper,#ads1-wrapper,#banner-wrapper{padding-left:10px;width:640px;float:left;word-wrap:break-word;overflow:hidden}
#banner1-wrapper{padding-top:10px;width:468px;float:left;word-wrap:break-word;overflow:hidden}
#banner2-wrapper{padding-top:10px;padding-left:10px;width:162px;float:right;word-wrap:break-word;overflow:hidden}
.ads1 .widget,.banner1 .widget,.banner2 .widget{margin:0;padding:0 0 4px}
#sidebar4-wrapper{width:315px;float:left;word-wrap:break-word;overflow:hidden}
#sidebar5-wrapper{padding-left:10px;width:315px;float:left;word-wrap:break-word;overflow:hidden}

3.Langkah Ketiga kemudian Cari kode persis   <div id='main-wrapper'> atau bisa juga Kode Untuk mempercepat Proses pencarian Kode gunakan Ctrl + F Kemudian Masukkan Kode   <div id='main-wrapper'> Kalau sudah di ketemukan Kemudian Kopy paste kode di bawah ini tepat di bawah Kode <div id='main-wrapper'> .Note : " Jangan Centang Klik Expand Widget Template "

Dibawah ini adalah cara penempatan Kodenya yang benar:

   <div id='main-wrapper'> .....................................................................
..........................................................................
        <b:section class='main' id='main' showaddelement='no'>
................................................................................
..............................................................................

      </div>
..........Disinilah Kode di bawah ini tepat Kamu pastelkan.....................

Di bawah ini adalah kode yang harus kamu patelkan di tulisan berwarna merah di atas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <div id='banner-wrapper'>
      <div id='banner1-wrapper'>
<b:section class='banner1' id='banner1' preferred='yes'>

</b:section>
      </div>
      <div id='banner2-wrapper'>
<b:section class='banner2' id='banner2' preferred='yes'>

</b:section>
      </div>
      </div>
      <div id='ads-wrapper'>
      <div id='slide1-wrapper'>
<b:section class='slide1' id='slide1' preferred='yes'>

</b:section>
      </div>
      <div id='slide2-wrapper'>
<b:section class='slide2' id='slide2' preferred='yes'>

</b:section>
      </div>
      <div id='slide3-wrapper'>
<b:section class='slide3' id='slide3' preferred='yes'>

</b:section>
      </div>
      </div>
      <div id='ads1-wrapper'>
<b:section class='ads1' id='ads1' preferred='yes'/>
      <div id='sidebar4-wrapper'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>

</b:section>
      </div>
      <div id='sidebar5-wrapper'>
<b:section class='sidebar5' id='sidebar5' preferred='yes'>

</b:section>
      </div>
      </div>
</b:if>

 Itulah Cara membuat Delapan Tambah Sekaligus di bawah Posting Blog. Gimana Sobat Untuk hasilnya ,semoga sakses!

Keterangan :

"Sebelum simpan template anda usahakan pratinjau dulu Template.Ini di mungkinkan untuk menghindari sesuatu yang tidak di inginkan terhadap template anda."

Jika anda Dalam Proses di atas Gagal .Berarti anda belum benar dalam pemasangan jadi jangan putus asa ,harus banyak mencoba.atau jika memang sudah tidak bisa sama sekali bisa anda tinggalkan di kotak komentar di bawah ini.