Membuat dua kolom dibawah postingan

Kali ini pembahasan berlanjut pada pembuatan kolom yang berlokasi persis dibawah postingan blog kalian. Cocoknya sih buat naroh iklan banner seperti google adsense, adsense camp dll atau sekedar meminta pengunjung untuk berlangganan feed via email pun boleh. Apapun terserah sobat yang utama ialah ada tujuannya. Kalo saya berhubung header, side bar dan footer dah penuh ya.. mau gak mau cari tempat lain. Pas coba utak-atik nemunya dibawah postingan dan kelihatan maknyuz juga he....he...

Kolom ini terdiri dari dua bagian namun tidak terpisah hanya dibatasi oleh sebuah garis nanti sobat tinggal melakukan penyesuaian aja kanan kiri mau dibagi lebar nya berapa. Gak panjang lebar lagi langsung menuju target sasaran. Teruskan membaca......

Karena ini script di tempatkan pada template jadi sobat usahakan untuk memback up dulu data yang ada takutnya terjadi kesalahan ntar saya lagi yang kena marah ha...ha...

Pasti udah tahu dimana lokasi edit HTML lanjutkan dengan mencentang expand template widget supaya semua codenya tampil. Cari dan temukan script ini ]]></b:skin> biar gak lama tekan Ctrl+F.

Tambahkan kode dibawah ini tepat diatas nya

#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;}

Masih bersambung bro ........ cari kode lainnya seperti ini

<data:post.body/>

Dan taruh kode dibawah ini tepat dibawahnya

<div class='clearfixed' id='bawahpost'>
<div class='langganan'>
Letakkan script kamu di sini (kiri)
</div>

<div class='related-posts'>
Letakkan script kamu di sini (kanan)
</div>
</div>

Jika semua telah selesai klik pratinjau untuk memastikan tidak ada kegagalan pemasangan code tersebut. Gmana udah ok. Pilih simpan template. Samplenya ada dibagian bawah blog ini.

Tips Membuat dan Mengoptimalkan Blog

Memperbanyak backlink blog
Membuat semua halaman postingan blog terindeks search engine
Membuat halaman maintenance di blogspot
Membuat dua kolom dibawah postingan
Membuat Link terbuka di jendela baru
Membuat widget tv online di blog
Membuat background warna pada halaman postingan
Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google

Tips Membuat dan Mengoptimalkan Blog

Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google