earth

Guestbook

/* Iklan google ads */

Mambuat Comment Reply Pada Blogspot Alakadarnya

Sesuai dengan judul, reply komentar ini memang alakadarnya. Disebut demikian karena reply yang dihasilkan dimuat di paling bawah komentar, bukan di bawah komentar yang diingin di-reply. Memang kelihatannya kurang memuaskan, tapi sebagai perbendaharaan ilmu ada baiknya kita tahu mengenai "makhluk" yang satu ini. Sebagai contoh bisa dilihat disini.

"Makhluk" ini saya dapatkan secara tidak sengaja dari coderdesire.com, ketika mencari gambar untuk tulisan Threaded Comments yang tengah saya persiapkan. Daripada pengetahuan ini terlewatkan, lebih baik saya menulis masalah ini terlebih dahulu.

Untuk membuat Comment Reply ini, seperti biasa:
  • Login ke akun Blogger kamu.
  • Untuk amannya, duplikasi template kamu.
  • Dari halaman Dasbor, pilih Template - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Kemuadian cari kode ]]></b:skin>, lalu tambahkan CSS berikut di atasnya:
    /*===Komentar Reply===*/
    .replycomments{
    background:#ECEAEA;
    cursor:pointer;
    color:#fff;
    margin:5px 0;
    float:right;
    border:none;
    padding:4px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    font:10px sans-serif;
    }
    .replycomments:hover{
    background:#E7E7E7;
    }
    
  • Kemudian cari kode berikut:
    <dd class='comment-footer'>
    atau
    class='comment-footer'
  • Setelah ketemu, tambahkan kode ini di atasnya:
    <!--Komentar Reply-->
    <div class='replycomments'>
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=NOMOR ID-BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Balas</a>
    </div>
    <!--/Komentar Reply-->
    
    Keterangan:
    Ganti NOMOR ID-BLOG dengan nomor ID blog kamu yang tertera pada address bar (19 angka)
  • Simpanlah hasilnya lalu ucapkan Alhamdulillah...

Ok, segitu aja sob. Semoga bermanfaat .....

Sumber:www.coderdesire.com
  • Artikel Terkait Dengan HTML Tutorials

    Terimakasih sudah membaca artikel SC Community's Blog

    2 komentar

    Haturnuhun sobat
    lagi nyoba neeehhh
    tapi belum sukessss
    qiqiqi
    lagi dicari-cari

    salam suksess

    10 September 2012 12.46  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler