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.
IDHandphone.com
0 comments:
Posting Komentar
Komentar positif akan mendapatkan do-follow backlink walau harus melalui moderasi saya, tidak perlu membuat live link.