Cara Membuat 2 Kolom Gadget di Tengah Postingan

Tweet

Membuat 2 Kolom gadget di tengah postingan itu lumayan keren loh bro, disini lo bisa meletakkan iklan apa yg lo inginkan bro, mulai dari iklan google adsense lo bro(diparse dulu) sampai iklan yg lainnya bro, cara ini sangat ampuh buat lo pada yg menginkannya bro, Untuk lo pada yg tertarik bro, silahkan ikuti untaian berikut ya bro :

1. Login Ke Blog Lo Bro
2. Klik Rancangan
3. Klik Edit HTML, Jangan lupa Lo Bro Mencentang Expand Template Widget
4. Untuk antisipasi kesalahan bro, silahkan BACKUP terlebih dahulu data lo ya bro.
5. Carilah Kode ]]></b:skin> Lalu letakkan kode dibawah ini tepat diatas Kode ]]></b:skin>

.tengahpost {

margin:15px 0px 10px 0px;

padding:5px 0;

clear:both;

}

.tengahkiri {

float:left;

width:265px;

margin-right:15px;

}

.tengahkanan {

float:right;

width:265px;

}

lalu lo cari bro kode html<data:post.body/>Lalu Ganti Kode <data:post.body/> dengan Kode diBawah ini ya bro.

bila terdapat lebih dari 1 biasanya 2, kalo Lo bro tak pake AUTO READMORE   maka pilih yang pertama ya bro , jangan lupa yang pertama ya bro.

tetapi jika lo pake AUTO READMORE bro ,Gantilah bro Kode <data:post.body/> yang ke 2 dengan Kode diBawah ini ya bro , jangan lupa ya bro.

<div expr:id='"iklan1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
    <div class='tengahpost'>
               <div class='tengahkiri'>
                kode gadget yang akan lo tarok bro
               </div>
              <div class='tengahkanan'>
                kode gadget yang akan lo tarok bro
               </div>
    </div>
</b:if>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>


Kekurangan dari Cara ini bro :

• Jika ada gambar/Tulisan/Foto yg nantinya berada di tengah postingan bro, akan terpotong menjadi Kode Html seperti gambar berikut bro :

Selamat Mencoba ya bro ! ! !

Judul: Cara Membuat 2 Kolom Gadget di Tengah Postingan
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat 2 Kolom Gadget di Tengah Postingan
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !