Cara membuat pesan komentar blog

Discussion in 'Blogger' started by Rivaiblog, Jun 13, 2013.

  1. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    Form komentar dalam sebuah halaman sangat kita perlukan dimana para pengunjung dapat berkonsultasi terhadap sebuah artikel yang telah kita posting di halaman blog kita. Aktivnya suatu share melalui form komentar akan semakin bagus buat blog kita untuk meningkatkan PR ( Pageranking ) halaman situs kita dimata mesin pencari, seperti google. Sebagai pengguna jasa online hal ini harus menjadi pertimbangan yang utama diantara pertimbangan yangpaling utama lainnya. Oleh karena pentingnya hal ini, dalam berkomentar, pengunjung blog kita akan mengetahui tata cara berkomentar pada blog kita sehingga kita memerlukan suatu pesan singkat yang dituliskan dalam sebuah halaman blog yang menjadi acuan peraturan dari suatu komentar yang akan diberikan oleh para pengunjung. Yang biasa saya sebut dengan Pesan Komentar.
    fungsi

    Pesan Komentar ini berfungsi untuk memberikan suatu pesan aturan dari tata cara menyampaikan sebuah komentar untuk sebuah artikel yang telah kita posting pada halaman blog kita. Sebagai fungsi suatu pesan aturan, kita akan menuliskan suatu pesan yang memang benar benar ringkas jelas dan tidak bertele tele. Sebuah pesan yang disampaikan buat para pengunjung yang akan menjadi sebuah aturan dalam berkomentar harus dituliskan dengan serba sopan santun agar para pengunjung kita tidak merasa tersinggung, sebab suatu kunjungan sangat berharga buat suatu halaman blog kita. Dalam postingan saya kali ini, sebuah pesan dalam halaman blog akan kita buat, dan akan saya uraikan melalui tag tag html agar dapat kita sisipkan dalam tubuh tag HTML blog kita. Saya beharap sahabat sahabat bloger saya sudah memahami kegunaan dari Pesan Komentar yang akan kita buat pada halaman blog kita.

    Lihat screen shoot gambar pesan komentar yang akan kita buat dibawah ini.

    [​IMG]

    Fitur
    1. Gambar Leave comment
    2. Text Pesan Komentar
    3. Tombol Join to Blog
    4. Gift image

    Install Program CSS

    1. Login ke dashboard anda
    2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
    3. Cari code
      Code:
      ]]></b:skin>
      
    4. Copy Code script CSS dibawah ini, pastekan diatas code
      Code:
      ]]></b:skin>
      
      tadi
    Code:
    .Pesan_Komentar{
    background:#FFF;
    width:590px;
    padding-top:2px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    border: 1px solid rgb(9, 149, 223);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 4px 4px rgb(204, 204, 204);
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-color: #666666;
    height: 200px;
    }
    

    Install Program Tag HTML

    1. Login ke dashboard anda
    2. Masuk ke "Template"
    3. lalu klik "Edit HTML"
    4. Cari code
      Code:
      <div class='comment-form'>
      
      ( tekan Ctrl+F untuk mempercepat )
    5. Copas Code HTML dibawah ini, paste di atas code
      Code:
      <div class='comment-form'>
      

    Code:
    <h4 id='comment-post-message'>
    <img alt="leave comment" height='30' src='http://4.bp.blogspot.com/-QoStLjrzWBo/UYRPQeMX7lI/AAAAAAAAA_g/iucRMHiBPEM/s1600/leave-a-comment.jpg' width='300' style="margin-bottom:-20px;" />
    </h4>
    <div class='Pesan_Komentar'>
    <p>
    <span id='result_box' lang='id'>
    <b>Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin. </b>
    <br/><br/>
    1. Komentar SPAM akan dihapus segera setelah saya review
    <br/>
    2. Pastikan untuk klik "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
    <br/>
    3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
    <br/>
    4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system
    <b> link exchange </b>
    </span><span lang='id'><br/>
    </span>5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
    <br/></p>
    <div style='margin-top:1px; margin-left: 0px; font-style:italic'>
    <p align="right"> Bila anda senang dengan artikel ini silahkan <a href='http://www.blogger.com/follow-blog.g?blogID=IDE BLOG ANDA' target='_blank' rel="nofollow" title="Join to Blog">Join To Blog </a> atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas. </p>
    </div>
    <div style='margin-top:-15px;'>
    <img alt='Me' align='left' height='100' src='http://2.bp.blogspot.com/-1YSsqDam9RI/UYlp9xWu6GI/AAAAAAAABEc/AF2dKbLCkJU/s1600/masalah.gif' style='padding: 10px 10px 0px 0px;margin: -40px 10px 0px 0px;' width='80'/></div>
    </div>
    

    Keterangan Code

    1. Tilisan ID BLOG ANDA ganti URL sesuai dengan ID blog anda ( Cara melihat ID Blog )
    2. Ukuran lebar adalah 590px ( edit CSS untuk merubah ukurannya )
    3. Sesuaikan semua tulisannya sesuai dengan peraturan blog anda.

    Sumber : http://rivai-silaban.blogspot.com/2013/06/cara-membuat-pesan-komentar-di-blog.html
     
  2. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    kereeeen

    kereeeen *bagus*
    yang kaya gini yang banyak dibutuhin nih
     
  3. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    761
    Trophy Points:
    113
    Google+:
    wah, selalu mantap nih bang

    wah, selalu mantap nih bang rivai, tengkyu !
     
  4. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    478
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    keren nih kayaknya, coba test

    keren nih kayaknya, coba test" dulu ah *jail*
     
  5. budiw92

    budiw92 Member

    Joined:
    Feb 11, 2013
    Messages:
    724
    Likes Received:
    35
    Trophy Points:
    28
    Google+:
    sharenya bang @Rivaiblog

    sharenya bang @Rivaiblog mantap semua *bagus*
     
  6. cayun

    cayun Member

    Joined:
    Feb 5, 2013
    Messages:
    661
    Likes Received:
    27
    Trophy Points:
    28
    mantap banget nih, tapi

    mantap banget nih, tapi jarang ngasi pesan gini coz saya pake comment pesbuk
     
  7. satriajogja

    satriajogja Member

    Joined:
    Feb 24, 2013
    Messages:
    348
    Likes Received:
    7
    Trophy Points:
    18
    Lengkap deh sharingnya

    Lengkap deh sharingnya *bagus*
     
  8. noetral

    noetral Member

    Joined:
    Apr 6, 2013
    Messages:
    457
    Likes Received:
    17
    Trophy Points:
    18
    Google+:
    wuih mangstab bang share nya,

    wuih mangstab bang share nya, tapi gi males coba uda apa ada nya aja hehehe *ketawa3*
     
  9. royger

    royger Member

    Joined:
    Feb 15, 2013
    Messages:
    392
    Likes Received:
    12
    Trophy Points:
    18
    Google+:
    Lengkap sekali

    Lengkap sekali bang *bagus*
     
  10. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    masaiya-chang wrote:

    Sama sama bang @masaiya-chang
     
  11. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    fahmi wrote:

    Makasih banyang bang @fahmi atas pendapatnya
     
  12. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    samuel wrote:

    makasih atas pendapatnya bang @samuel
     
  13. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    cayun wrote:

    heheh iya yah bang @cayun form comment facebook juga bagus..
    thx atas pendapatnya bang @cayun
     
  14. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    budiw92 wrote:

    makasih atas pendapatnya bang @budiw92 semua share yang di bersosial.com pada bagus
     
  15. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    satriajogja wrote:

    makasih atas pendapatnya bang @satriajogja
     
  16. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    noetral wrote:

    heheh iya lah kalo memang sudah cukup aplikasi di situsnya ada baiknya juga apa adanya saja.. thx atas pendapatnya kk @noetral
     
  17. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    royger wrote:

    makasih atas pendapatnya bang @royger
     
  18. masmun

    masmun Member

    Joined:
    Feb 1, 2013
    Messages:
    192
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    Lengkap juga tutornya

    Lengkap juga tutornya bang, tapi lagi malas otak atik template jadi bookmark dulu aja *merokok2*
     
  19. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    mazmun wrote:

    heheh iyalah jangan dipaksakan bang @mazmun
    terimakasih atas pendapatnya.. *bagus*
     
  20. rofiq

    rofiq Member

    Joined:
    Jun 14, 2013
    Messages:
    38
    Likes Received:
    1
    Trophy Points:
    8
    sangat membantu kakaak,

    sangat membantu kakaak,
    saya newbi di dunia blog, terimakasih *bagus*
     
Loading...

Share This Page