Cara Membagi Kotak Komentar Blog Menjadi 2 Bagian

Bookmark and Share

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 merahbiru , 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 ^_^ 



Thx To: Vikry'Madz

{ 0 komentar... Views All / Send Comment! }

Posting Komentar