Selasa, 11 September 2012

Cara Membuat 2 Kolom Gadget di Atas Postingan




setelah selesai postingan tentang cara meletakkan 2 kolom di bawah sekarang saatnya meletakkan 2 kolom di atas .tapi ingat bro cara yang lebih gampang jika lo bro sudah ada script yang lo letakkan diatas ]]></b:skin> tentang 2 kolom ini ,ya walau itu posisi dibawah ,tidak apa2 ,tetap ampuh dan pasti akan jadi, maka jangan di hapus maupun ditimpa, langsung lanjutkan ke cara yang kedua aja oke bro. silahkan lo simak bro :



1. Login Ke Blog Lo Bro 
2. Klik Rancangan
3. Klik Edit HTML, Jangan lupa Lo Bro Mencentang Expand Template Widget
4. Carilah Kode ]]></b:skin> Lalu letakkan kode dibawah ini tepat diatas Kode ]]></b:skin>




.ataspost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.ataskiri {
float:left;
width:265px;
margin-right:15px;
}

.ataskanan {
float:right;
width:265px;
}



lalu lo cari bro kode html<data:post.body/>Lalu letakkan Kode dibawah ini tepat diAtas <data:post.body/> bro
bila terdapat banyak bro <data:post.body/>  maka pilih yang pertama ya bro , jangan lupa bro, yang pertama.


tetapi jika lo pake READMORE bro ,lo letakkan bro kode dibawah dan tarok diatas <data:post.body/> yang ke 2 bro , jangan lupa ya bro.



    <b:if cond='data:blog.pageType == "item"'>
    <div class='bawahpost'>
               <div class='ataskiri'>
                kode gadget yang akan lo tarok bro
               </div>
              <div class='ataskanan'>
                kode gadget yang akan lo tarok bro
               </div>
    </div>
    </b:if>

2 komentar:

  1. setelah sy terapkan tutornya kok elemennya gak muncul di Tata Letak ya mas?
    adanya hanya didalam template,,

    BalasHapus
  2. ohohh mungkin maksud lo yg ini bro : http://raxterbloom.blogspot.com/2012/09/cara-membuat-2-kolom-gadget-dibawah.html

    BalasHapus