skip to main |
skip to sidebar
Home
»
Bloger
»
Cara Membuat 2 kolom dibawah Postingan
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?- Masuk keakun blogger anda
- Pilih Rancangan => Edit HTML=>Centang Expand Widget Template
- Cari kode ]]></b:skin> lalu tambahkan kode di bawah ini tepat diatasnya
#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;} - 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
<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 biru tersebut dapat di ganti dengan kode widget yang akan di pasang di bawah post. - terakhir tinggal klik simpan dan lihat hasilnya
0 comments:
Posting Komentar