FOLLOW ME

Blog Info

Powered by  MyPagerank.Net

Cara Membagi 2 Kolom Dibawah Postingan Blogger

Cara Membagi 2 Kolom Dibawah Postingan Blogger

Ini teknik asik buat template Blogger untuk optimalisasi space. Biasanya dipakai untuk menempatkan sepasang adsense kiri-kanan berukuran 250x250. Lihat foto insert.

Apa yang harus dilakukan untuk membagi 2 kolom dibawah postingan sangatlah mudah. Berikut, hanya dua langkah.

  • Silakan sobat login ke akun Blogger --- Layouts --- Edit HTML
  • Centang bagian Expand Template Widget
  • Cari kode berikut ini, gunakan Ctrl+F : ]]></b:skin> lalu tambahkan kode dibawah ini tepat diatasnya...

#bawahpost{background:#transparent url(http://oketrik.googlecode.com/files/borderbg.gif) 49% 0 repeat-y;text-shadow:none;border:0px solid#transparent;padding:15px;margin:0 0 10px;color:#transparent} #bawahpost .related-posts{font-weight:bold;width:48%;float:right} #bawahpost .related-posts p{margin:0} #bawahpost .related-posts ul{font-weight:normal;margin:2px 0 0 10px} #bawahpost .langganan{width:46%;float:left;color:#transparent} #bawahpost.langganan form{margin:0;padding:0} .clearfixed:after{content : ".";display:block;height:0;clear:both;visibility:hidden}.clearfixed {display : inline-block;}

  • Setelah itu cari kode <data:post.body/> (kalau sudah memasang Readmore otomatis pilih kode yang kedua) dan taruh kode dibawah ini tepat di bawahnya...

<div class='clearfixed' id='bawahpost'> <div class='langganan'> Taruh Widget disini (kiri) </div> <div class='related-posts'> Taruh Widget disini (kanan) </div> </div>


Ingat kode atau tulisan yang berwarna hijau tersebut diganti dengan kode widget yang akan dipasang dibawah post.

Simpan dan lihat hasilnya.

FotoWeddingMurah.com
IDHandphone.com

0 comments:

Posting Komentar

Komentar positif akan mendapatkan do-follow backlink walau harus melalui moderasi saya, tidak perlu membuat live link.