NEWS UPDATE :
Sunday, May 6, 2012

Membagi Kotak Edit Komentar Blog Menjadi 2 Bagian

Share to :

Tutorial kali ini masih membahas tentang modifikasi komentar blogspot, yaitu Membagi Editor Kotak Komentar Menjdai 2 Bagian, Dengan cara ini akan terlihat keren serta unik jika kotak komentar default blogspot yang biasanya ukurannya melebar hingga mentok, :) dibagi menjadi dua bagian. selain menjadi unik dan keren, kita juga bisa memanfaatkan ruang yang kosong di samping editor komentar itu untuk menempatkan iklan, daftar link teman, gambar animasi dan yang lainnya.

Dengan memanfaatkan ruang kosong tersebut, kita bisa menempatkan adsense, gambar, animasi, widget, dan lain-lain Sesuai yang sobat inginkan. Ok deh,, jika sobat tertarik, yuk langsung ikuti langkah2nya dibawah ini.

Screenshot : 


Cara Membagi Kotak Editor Komentar Blogspot Menjadi Dua Bagian :
1. Masuk ke akun blogger
2. Pilih Template >> Edit HTML
3. Centang "Expand Widget Template"
4. Cari kode blogger-iframe-colorize (Gunakan CTRL+F)
Kode lengkapnya seperti ini:
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='625'/>
5. Tambahkan kode dibawah ini, sehingga susunan kodenya akan seperti berikut :
<table border='0' cellpadding='0' cellspacing='0' width='625px'>
<tbody>
<tr>
<td valign='top' width='300'> 

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500' id='comment-editor' name='comment-editor' src='' width='300'/>
</td>
<td style='padding-left: 5px; text-align: left; padding-top: 5px;' valign='top'> <table cellpadding='0' cellspacing='0'>
<tbody>
<tr>
<td align='left' valign='top' width='300'>
<div>
 Letakkan Kode Script Iklan, Widget, dan yang laiinya, disni!! </div>
</td></tr> </tbody></table> </td> </tr> </tbody></table>
Keterangan :
  • Kode yang berwarna silver adalah kode yang ditambahkan.
  • Kode yang berwarna hijau adalah kode script (Terserah, bisa iklan, widget atau yang lainnya) yang akan sobat tampilkan disamping Editor komentar blogmu.
  • Silahkan atur ukuran lebarnya sesuaikan dengan lebar yang ada di template sobat. (Pokoknya di utak-atik sendiri lah,,,)
6. Selanjutnya simpan template. Dan lihat hasilnya.

Selamat mencoba, dan semoga bermanfaat.


Tulisan ini menarik? Copas permalink ini blogmu donk!

13 komentar:

Raihan Marie Ramadhan said... Balas Komentar

Sangat berguna tuk memanfaatkan lahan kosong pada blog kita.Ijin menyimak sambil menerapkan di blog ane sop.
Nice share,makasih kawan.
Happy blogging.

Ane Haryanto said... Balas Komentar

Bravo dan maju terus blogger Indonesia :X

Asis Sugianto said... Balas Komentar

wah yang seperti ini yang saya cari sob, untuk menyisipkan iklan di samping komentar...

Frendli Wirnawan said... Balas Komentar

ini baru keren... memanfaatkan ruang yang ada

Ahmad Zuhdi said... Balas Komentar

nice tutorial sob.. bookmark dlu yaa.. ntar kalo uda ada iklan, ane praktekin. hehehe :D

Makcum Abdu said... Balas Komentar

@Raihan Marie Ramadhan:silahkan disimak dengan baik sob..

Makcum Abdu said... Balas Komentar

@Ane Haryanto:ok makasih kawan

Makcum Abdu said... Balas Komentar

@Asis Sugianto:oh ya sob,, hehehe..

Makcum Abdu said... Balas Komentar

@Frendli Wirnawan:makasih bang... ^_^

Makcum Abdu said... Balas Komentar

@Ahmad Zuhdi:seeep dah

Eko Darpito said... Balas Komentar

oke trima kasih informasinya

Cartenz Pyramid said... Balas Komentar

maaf sob mau tanya, kira2 scriptnya google adsense boleh di taruh di sini ga??? thanks.

dharla ferdana said... Balas Komentar

thanks atas infonya gan, salam kenal, happy bloging..

Post a Comment

Berkomentarlah di blog ini dengan Etika yang Baik dan Cerdas
- Jangan mencantumkan link apapun, ex: http://xxx
- Komentar yang Nyepam TIDAK AKAN SAYA PUBLISH
- Jangan sampai komentarmu masuk ke dalam SPAM!

 
Support : Creating Website | My Pages | Makcum Abdu
Copyright © 2011. Abdu-Green's Blog - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger