amung.us

Try us on Wibiya!

Jumat, 09 Maret 2012

Cara Membagi Kotak Komentar Blog Menjadi 2 Bagian





بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Membagi Kotak Komentar Blog Menjadi 2 Bagian. Alhamdulillah akhirnya saya bisa post juga... (mskpun di warnet) wkwkwkwkwkw

Buat para sobat-sobat vikry yang mungkin pengen Membagi Kotak Komentarnya Blog Menjadi 2 Bagian nih adek vikry punya tipsnya.. hehehehe



ok tak kasih tahu screen shotnya ya..

gmn?? keren kagak?? klo sobat tertarik nih tutorialnya dibawah.

Cara Membagi Kotak Komentar Blog Menjadi 2 Bagian
  • login blog
  • rancangan >> edit HTML (centang "Expand Template Widget")
  • cari kode blogger-iframe-colorize (akan ada 3 kode sama seperti itu cari yang pertama) untuk memudahkan mencari tekan Ctrl + F sblm melakukan pencarian.
  • contoh kodenya seperti ini (setiap template akan bervariasi kodenya)
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='600' id='comment-editor' scrolling='auto' src='' width='400'></iframe>
setelah ketemu, buat kode tersebut menjadi seperti ini. (kode berwarna biru adalah kode yang harus ditambahkan)
<table border='0' cellpadding='0' cellspacing='0' width='480px'>
<tbody>
<tr>
<td valign='top' width='425'>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='600' id='comment-editor' scrolling='auto' src='' width='400'></iframe><
/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 style='-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: white none repeat scroll 0% 0%; border: 1px solid #3B5998; padding: 2px 5px;'>
Isi dengan tulisan yang ingin sobat tampilkan  </div>
</td></tr> </tbody></table> </td> </tr> </tbody></table>

NB : Kode tebal hitam adalah kode asli. Kode warna merah, biru , hijau adalah kode yang harus ditambahkan. Kode warna hijau ganti dengan tulisan atau bisa juga dengan iklan adsense, atau widget, dan sebagainya. Kode warna merah adalah border radius, yaitu bingkai di sebelah kotak komentar, silahkan sesuaikan ukuran.
  • simpan dan lihat hasilnya.

semoga bisa bermanfaat bagi sobat dan semoga berhasil ^_^

0 komentar:

Posting Komentar