Cara Membagi Kotak Komentar
Apa yang dimaksud dengan membagi kotak komentar ?? silahkan lihat gambar dibawah ini..
Akan terlihat unik kan ?? Kalian bisa menambahkan kata-kata, adsense, gambar, animasi, widget, dan lain-lain.
Oke, langsung aja ..
Good Luck ..
Referensi :
Akan terlihat unik kan ?? Kalian bisa menambahkan kata-kata, adsense, gambar, animasi, widget, dan lain-lain.Oke, langsung aja ..
- Masuk ke akun blogger Anda
- Buka Rancangan (Design)
- Pilih Edit HTML
- Centang tulisan "Expand Widget Template"
- Cari kode blogger-iframe-colorize (Gunakan CTRL+F untuk mempermudah Anda)
- Nanti Anda akan menemukan bervariasi kode, karena setiap template berbeda-beda.
Contohnya, misal kita temukan susunan kodenya seperti ini:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='600' id='comment-editor' scrolling='auto' src='' width='400'></iframe> - Setelah menemukan susunan kode yang ada tulisan "blogger-iframe-colorize" nya, sekarang tinggal menambahkan kode dibawah ini. Ubahlah kode di atas menjadi susunan kode seperti berikut, kode warna hitam tebal adalah kode asli, yang lain 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;'>
Bisa diisi dengan tulisan, adsense, widget, dan lain-lain. kreatif ! </div>
</td></tr> </tbody></table> </td> </tr> </tbody></table> - Selanjutnya simpan dan lihat hasilnya.
Good Luck ..
Referensi :
Categories:
Blogging,
Tips Trick
0 comments:
Post a Comment