Ruang Kosong di bawah Komentar Blogspot

Menghilangkan ruang kosong di bawah kotak komentar. Memang hal yang satu ini tidak mengganggu. Tapi bagi sobat blogger yang ingin mengoprek abis template blogspot hal ini merupakan salah satu yang kurang sedap dipandang. Jarak antara kotak komentar dengan link beranda ini memang terlihat terlalu panjang dan terkesan memberikan ruang kosong yang sangat tidak enak dipandang mata. Tapi jangan khawatir, kita bisa mengatasinya hanya dengan sedikit merubah value yang ada.

Cara menghilangkasn ruang kosong di bawah komentar blogspot:

• Langsung ke TKP, dashbord =>> rancangan =>> edit html, dan centang expand template widget
• Cari kode html di bawah ini. Mengingat template yang berbeda-beda jika tidak ditemukan cari yang serupa.

 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

• Ganti value 410 pertama dan yang kedua sesuai ukuran yang anda inginkan. Idealnya menurut saya 410 pertama menjadi 50, dan 410 kedua menjadi 300

Selamat mencoba dan salam sukses

Status YM disamping Kotak Komentar Blogspot

Mungkin terlihat unik jika kotak komentar default blogspot dibagi menjadi dua. Hmm, selain menjadi unik tentunya juga memanfaatkan ruang yang kosong. Kita tahu kebanyakan kotak komentar blogspot berukuran besar. Nah, jika dibagi dua kan jadinya unik.

Lalu untuk apa dibagi dua. Kita bisa menambahkan tulisan atau apalah, adsense, gambar, animasi, widget, dan lain-lain. Tunjukkan kreatifitasmu kawan !!!

Gambar Membagi Kotak Komentar Blogspot Menjadi Dua Bagian

Seperti itu contohnya.

Sekarang bagaimana cara membuatnya?

Sebenarnya mudah, dalam hal bagi membagi yang kita gunakan hanyalah kode untuk membuat sebuah tabel

Step-by-step

1. Masuk ke akun blogger
2. Buka rancangan (Design)
3. Buka Edit HTML
4. Centang "Expand Widget Template"
5. Cari kode blogger-iframe-colorize (Gunakan CTRL+F)
6. Nanti akan bervariasi kodenya. 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>

7. Setelah menemukan susunan kode yang ada tulisan "blogger-iframe-colorize" nya, sekarang tinggal menambahkan kode saya. Ubahlah kode di atas menjadi susunan kode seperti berikut. Catatan: 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>
   
   
8. Selanjutnya simpan. Dan lihat hasilnya
9. Catatan: Kode tebal hitam adalah kode asli. Kode warna hijau ,merah, dan orang adalah kode yang harus ditambahkan. Kode warna orange = ganti dengan tulisan atau adsense, atau widget, dan sebagainya. Koe warna merah adalah border radius, yaitu bingkai di sebelah kotak komentar, silahkan sesuaikan ukuran (pokoknya otak-atik sendiri).
10. Selamat mencoba !

Bagaimana mudah bukan cara Membagi Kotak Komentar Blogspot Menjadi Dua Bagian ?!
Jika gagal, silahkan share saja lewat kotak komentar :)

Kolom Komentar di Tengah

Blogspot mempunyai kolom Komentar yang posisinya di sebelah kiri di bagian bawah postingan. Posisi tersebut merupakan Posisi Default dari Kolom Komentar. Kalau template sobat blogger terdiri atas tiga kolom, kemudian posisi kolom komentarnya di sebelah kiri, maka kolom komentar tersebut pasti tidak terlihat bagus atau indah.  Untuk merubah posisi tersebut berada di tengah (Center), caranya sangat mudah.  Sobat Blogger hanya menambahkan kode berikut ini:

<center> dan </center>

Bagaimana Cara menambahkan kode tersebut? Ikuti langkah-langkah di bawah ini:

• Sign In ke Blog Sobat
• Klik Rancangan ---> EDIT HTML
• Tandai Expand Widget Template
• Gunakan Ctrl + F dan cari kode <div class='comment-form'> Kalau sudah ketemu, berikut tampilan yang terlihat

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>

• Letakkan kode <center> sebelum kode di atas dan letakkan kode </center> setelah kode di atas. Perhatikan Contoh di bawah ini

<center>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</center>

• Simpan Template sobat

Setelah

Kalau Sobat blogger sudah menambahkan kode tersebut, kolom komentar sobat blogger akan terlihat seperti di atas! Bagaimana? Sudah faham kan?