Februari 14, 2012

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

Ruang tambahan disebelah kanan kotak komentar untuk meletakan widget

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,

10 Diskusi untuk Membuat Ruang Widget Sebelah kotak Komentar

19 Februari 2012 07.37  

Patut di praktekin nih lumayan buat nyelipi widget

20 Februari 2012 03.30  

mantaf infonya gan... salam kenal gan.. blognya juga keren bgt ajiiib dech.. ditunggu kunjungan baliknya gan di Variasi Blogger thanks...

27 Februari 2012 20.29  

mampir gan...

29 Februari 2012 12.16  

di tempplate saya ada kode "<iframe allowtransparency='true' expr:src" sebanyak 5..Dan semuanya beda dari yang Anda tulis di artikel ini. Juga, semuanya hampir mirip...Jadi gimana??

29 Februari 2012 22.15  

@Faril Lukman : pilih yang dibagian atas kode tersebut ada kode ini :

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>

1 Maret 2012 07.50  

nice tips gan :D

7 Maret 2012 22.10  

bener bener keren....

25 Juni 2012 12.01  

om,,,, follow in blog ane donk,,,,
thanks atas informasinya,,,
xd3d1.blogspot.com
atau,,, xdedi.blogspot.com
Makasi

8 Juli 2012 10.15  

Maaf saya koment Sedikit keluar dari pembahasan di atas, saya tertarik pada pada tampilan komentar pada blog mas dengan modifikasi tampilan kotak komentar "bagaimana cara menberikan background / kolom yang berbeda-beda untuk stiap para komentar pada tapilan komentar seperti blog mas ini apa ada script yg cocok untuk blog saya. Cek blog di http://coretanyusuf.blogspot.com dan lihat tampilan komentar nya telalu sederhana.

2 Oktober 2012 11.48  

pengen pasang tapi pusing buat pemraktekan nya sob...

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top