Selasa, 30 Oktober 2012

Cara Membuat 2 Kolom Gadget di Tengah Postingan

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 :


Cara Membuat 2 Kolom Gadget di Tengah Postingan raxterbloom.blogspot.com



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 :
Cara Membuat 2 Kolom Gadget di Tengah Postingan raxterbloom.blogspot.com



Selamat Mencoba ya bro ! ! !

1 komentar: