Cara Membuat 2 kolom dibawah Postingan

Cara Membuat 2 kolom dibawah Postingan | Postingan Berikut Mengulas Cara Membuat 2 kolom dibawah Postingan blog sobat, jadi khusus buat yang punya template sempit kayaknya ya, jadi bisa di pakai untuk meletakkan Iklan PPC, Iklan Google Adsense, widget seperti follower, Fanpage dan Lain sebagainya, Nah lalu Bagaimana caranya?
Oke. Perhatikan Cara Membuat 2 kolom dibawah Postingan berikut : 
  1. Masuk keakun blogger anda
  2. Pilih Rancangan => Edit HTML=>Centang Expand Widget Template
  3. Cari kode ]]></b:skin> lalu tambahkan kode di bawah ini tepat diatasnya

  4. #bawahpost{background:#262626 url(http://oketrik.googlecode.com/files/borderbg.gif) 49% 0 repeat-y;text-shadow:none;border:1px solid#4d4d4d;padding:15px;margin:0 0 10px;color:#a6a6a6} #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:#a6a6a6} #bawahpost.langganan form{margin:0;padding:0} .clearfixed:after{content : ".";display:block;height:0;clear:both;visibility:hidden}.clearfixed  {display : inline-block;}
  5.  Setelah itu cari  kode <data:post.body/> (Kalau sudah memasang fasilitas Read more otomatis pilih kode yang kedua) dan taruh kode di bawah ini tepat di bawahnya
  6. <div class='clearfixed' id='bawahpost'> <div class='langganan'> Taruh Widget disini (kiri) </div> <div class='related-posts'> Taruh Widget disini (kanan) </div> </div>Inga kode atau tulisan yang berwarna biru tersebut dapat di ganti dengan kode widget yang akan di pasang di bawah post.
  7.  terakhir tinggal klik simpan dan lihat hasilnya

G+

0 comments:

Post a Comment