Membuat Ruang Widget Sebelah kotak Komentar

Situseo Blog : Membuat ruang untuk keterangan atau meletakan widget di sebelah kotak komentar, kita semua tahu kalau kotak komentar blogger bisa kita ubah ukurannya sesuai dengan keingginan, dengan memanfaatkan ruang kotak komentar yang tersisa, kita bisa menambahkan keterangan atau widget disebelah kanan kotak komentar.

Widget-widget yang dapat kita pasang disebelah kotak komentar, bisa berupa widget apapun baik ukuran besar atau kecil yang penting sesuaikan ukuran widget dengan ruang yang tersisa, dari bentuknya mungkin seperti kita membagi dua kotak komentar, tapi sebenarnya kita hanya memanfaatkan daerah komentar yang tesisa untuk menepatkan keterangan dan widget, kebanyakan para blogger hanya memanfaatkan ruang pada bagian atas kotak komentar untuk menempatkan widget atau keterangan yang berhubungan dengan komentar, seperti dijelaskan pada post terdahulu mengenai Cara Membuat Keterangan Plus Gambar Diatas Kotak Kotak Komentar

Dari sebagian besar pengguna platform blogger, pemanfaatan ruang bagian kotak komentar masih jarang mendapat perhatian, dan menurut saya merupakan solusi yang bisa kita manfaatkan untuk memperbaiki design atau tampilan blog itu sendiri terutama pada bagian sebelah kotak komentar. Kode yang akan kita pakai adalah kode untuk membuat table, sedangkan html untuk mengatur bentuk ruang dan style dari keterangan atau widget tersebut.

Untuk membuat ruang widget disebelah kanan kotak komentar, caranya sebagai berikut :

• Masuk Design - Edit HTML
• Ceklis Expand Template Widget
• Lakukan backup template sebelum melakukan perubahan
• Cari kode kotak komentar seperti dibawah ini :

<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='375'/>

kode tersebut adalah kode untuk mengatur ukuran box kotak komentar, jika ada perbedaan angka dengan template yang kalian pakai, kalian bisa menyesuaikan ukurannya dengan template kalian pakai.

Kemudian tambahkan kode dibawah ini diantara kode kotak komentar, sehingga menjadi seperti ini:

<table border='0'><tbody><tr> <td>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='375'/>
</td> <td style='padding: 5px; text-align: left;' valign='top'> <table cellpadding='0' cellspacing='0'> <tbody> <tr> <td align='left' valign='top'>
<div style='border-radius:5px; border: 1px solid #000000; padding:5px; width:250px; height=275px;'>Ruang keterangan/Tempat untuk meletakan widget yang ingin dipasang</div> 
</td></tr> </tbody></table> </td> </tr> </tbody></table>

warna orange dan hijau adalah kode yang harus ditambahkan, untuk mengatur ruang kotak keterangan atau widget, kalian modifikasi bagian yang berwarna hijau, sedangkan yang berwarna merah adalah tempat untuk menempatkan widget (letakan kode widget yang ingin ditampilkan dibagian warna ungu).

Save template kalian, dan perhatikan bagian yang kalian edit apakah sudah sesuai keinginan, semoga tampilan blog kalian menjadi lebih baik dengan menambahkan ruang widget disebelah kotak komentar.

Semoga bermanfaat,