Rabu, 24 Oktober 2012

Cara Membuat Kolom Gadget Disamping Komentar Blog

Membuat Kolom Gadget Disamping Komentar adalah salah satu cara terbaru untuk lebih berkreasi bro, Lebih mempnyai penampilan yang menarik bro, sangat memuaskan pokoknya bro, disini gua hanya menuntut lo pada untuk teliti menyimaknya bro karena lo pada harus berkonsentrasi mengikitu Tips Blogging yg satu ini bro oke, untuk contohnya, Perhatikan Gambar berikut bro :

raxterbloom.blogspot.com

Gimana bro ? ? ? Tertarik ? Langsung simak aja ya bro untaian berikut :

1. Loginlah pada blog lo ya bro
2. Pilih Template ya bro
3. Pilih Edit HTML lalu lanjutkan bro
4. Centang Expand Template Widget ya bro
5. Untuk Antisipasi Kesalahan bro, Silahkan BACKUP terlebih dahulu data lo pada ya bro. 6. Lalu Cari Bro kode data:post.commentFormIframeSrc yang contoh tepatnya seperti 
    ini bro scriptnya (Ini Script dari RaxterBlog bro) :


<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='300' id='comment-editor' name='comment-editor' src='' width='370'/>


Keterangan Pasti :
  •  Script diatas biasanya bro Akan Ada 4 Kode Script.
  • Dari 4 Kode Tersebut bro, Silahkan lo urutkan bro.
  • Disini kita Hanya Memakai Kode Script yg Ke 2 dan Kode Script yang Ke 4 nantinya(Ingat bro).
  • Kode Ke 2 dipakai untuk Memunculkan Kolom pada saat belum Ada yg Berkomentar bro.
  • Kode Ke 4 dipakai untuk Memunculkan Kolom pada saat Sudah Ada yg Berkomentar bro oke.

7. Sisipkan Kode Seperti Contoh berikut bro :


<table border='0'><tbody><tr> <td>
 
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='300' id='comment-editor' name='comment-editor' src='' width='370'/>
 
</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:200px;
height=275px;'>Isi Sesuai Kode Html yg lo inginkan oke bro</div>
</td></tr> </tbody></table> </td> </tr> </tbody></table>


Ket.
  • Silahkan lo ganti bro semua Tulisan yang berwarna MERAH sesuai ukuran Content blog lo pada bro. 
  • Kode yang Berwarna ORANGE adalah Kode Script yg disisipkan bro. 


8. Terakhir Tinggal Save Template deh bro, dan Lihat Hasilnya ! ! ! 




 Keterangan Lain :
  • Jika di Blog Lo pada bro Tidak ada Kode seperti Kode BIRU diAtas bro, Cari dan Gunakan Kode Script Berikut ini bro :

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



Selamat Mencoba ya bro ! ! !

2 komentar:

  1. .. kalo pengen kolom komentar ada disamping kolom postingan gimana?!? maksudnya sidebarnya di ilank'n ..

    BalasHapus
    Balasan
    1. wah bro itu sedikit ribet bro, harus menggunakan cara ekstrem atau mencari template yg tersedia menurut keinginan lo bro :)

      Hapus