Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

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.


This post first appeared on Sukses Bisnis Online Gratis, please read the originial post: here

Share the post

Cara Membagi 2 Kolom Dibawah Postingan Blogger

×

Subscribe to Sukses Bisnis Online Gratis

Get updates delivered right to your inbox!

Thank you for your subscription

×