Created (c) by Princexells Seyka (Princelling Saki)

Minggu, 24 Februari 2013

Membuat Widget Dua Kolom Di Bawah Postingan

Banyak cara agar bisa membuat blog kita menarik dan enak di pandang. Berikut Ane kasih cara untuk memasang 2 kolom widget di bawah postingan. Mau tahu langsung aja ke TKP.
  • Yang pertama pastinya harus sudah login dulu ke blogger, kemudian masuk ke pangaturan dan seterusnya lihat gambar :
 
  • Kemudian masukkan Kode CSS berikut tepat di atas ]]></b:skin> :
.underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.underleft{
float:left;
width:265px;
margin-right:15px;
}
.underright {
float:right;
width:265px;
}
  • Selanjutnya temukan kode <data:post.body/> jika anda memasang read more pilih yang kedua
  • Dan tempatkan kode berikut tepat dibawah kode yang di atas.
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='underpost'>

<div class='underleft'>

(teks and atau kode iklan)(kiri)

</div>

<div class='underright'>

(teks and atau kode iklan)(kanan)

</div>

</div>

</b:if>
  • Save Template
Selamat Mencoba....



Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top