Selasa, 16 Agustus 2016

Cara Rubah Tulisan POST A COMMENT pada Blogger [2016]

Teks "Post a Comment" atau "Tambahkan Komentar" yang muncul sebelum/di bagian atas kotak komentar mungkin nampak kurang elegan. Pertanyaannya, apakah bisa mengganti teks "Post a Comment / Tambahkan Komentar" seperti yg terlihat di kotak komentar di bawah ini?


Setelah sekian waktu mengeksplor template XML Blogger, saya menemukan bahwa ada banyak tag yang merupakan perintah kepada host (dalam hal ini, Blogger) untuk menampilkan konten, widget, ataupun sekedar teks pada blog Blogger/Blogspot. Hampir semuanya kemudian dapat dipahami indikasinya melalui arti teks tag-tag tersebut dalam bahasa Inggris. Misalnya <data:post.body/>, berarti perintah untuk menampilkan data yang termuat dalam post body atau data di dalam tubuh posting. Tag ini berfungsi memberikan indikasi permintaan browser kepada host untuk menampilkan isi sebuah posting, serta menentukan posisinya.

Beberapa waktu yang lalu saya pernah membuat posting tentang Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon. Konsepnya adalah mengganti tag-tag template XML blogger dengan teks ataupun gambar. Demikian pula dengan teks "Post a Comment" atau "Tambahkan Komentar", sobat tinggal mencari tag yang memberi perintah untuk menampilkan teks tersebut.

Sobat Blogger dapat mengubah teks Post a Comment tersebut menjadi seperti contoh berikut:


Bagaimana Cara Ganti "Post A Comment/Tambahkan Komentar" dengan Teks Lain/Gambar?
1. Masuk ke Edit HTML/Edit Template. (jika perlu, backup/download template)
2. Centang/Klik "Expand Widget Templates" (jangan sampai terlewatkan!)
3. Cari tag berikut:

    <data:postCommentMsg/>

(tag tersebut berarti: perintah untuk menampilkan pesan tertentu pada fitur comment. Secara default, dalam bahasa Inggris, pesan itu adalah "Post A Comment", atau dalam bahasa Indonesia, "Tambahkan Komentar")

4. Di template Blogger biasanya ada dua tag yang sama, maka cari keduanya dan ganti semuanya dengan cara berikut:

Jika ingin mengganti dengan teks:
Hapus dan ganti tag tersebut dengan teks yang diinginkan. Misalnya: "Berikan Feedback", "Add Your Feedback", "Kasih Komentar Yaw!", atau apapun, asal jangan "Kasih Duit Dong!".

Jika ingin mengganti dengan gambar/image:
Hapus dan ganti tag tersebut dengan tag gambar/image berikut:

    <img border="0" src="http://urlgambar[dot]com/gambarcomment[dot]jpg" />

Ganti http://urlgambar[dot]com/gambarcomment[dot]jpg dengan url (direct link) dimana sobat telah mengupload gambar.

5. Save Template. Done!

Cara Version 2.0
Cara Merubah Tulisan POSKAN KOMENTAR Di Blogger - Merubah Tulisan POSKAN KOMENTAR Di Blogger pada sebelah atas kotak komentar blog bisa anda ubah dengan tulisan lain yang sesuai dengan keinginan anda. Tulisan POSKAN KOMENTAR Di Blogger dapat di ubah dengan mudah, hanya dengan membuka template editor blog anda dan cukup dengan menuliskan sebuah kata yang akan digunakan untuk mengganti Tulisan POSKAN KOMENTAR Di Blog tersebut. Berikut Cara Merubah Tulisan POSKAN KOMENTAR Di Blogger :

1. Login ke Blogger.
2. Kemudian Klik Template » Edit HTML » Lanjutkan. Centang Expand Template Widget, (jika perlu Back-Up terlebih dahulu template blog anda).
3. Cari kode <data:postCommentMsg/> (gunakan Ctrl+F untuk mempermudah pencarian).
4. Biasanya terdapat 2 kode <data:postCommentMsg/> atau bisa juga lebih. Ganti kedua kode tersebut dengan tulisan sesuka anda.

Sebagai Contoh lengkapnya pada blog saya kodenya berikut ini :

    <h4 id='comment-post-message'>
            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></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='250' 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>

Kemudian saya ubah kode tersebut menjadi :

    <h4 id='comment-post-message'>
            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>Silahkan Komentar</a></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='250' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
        <b:else/>
          <h4 id='comment-post-message'>Silahkan Komentar</h4>
          <p><data:blogCommentMessage/></p>

6. Simpan Template.



Cara Version 3.0 Rubah Tulisan Post A Comment di Blogger
Sesuai janji pada postingan yang lalu tentang Fakta dan Dilema Komentar User Friendly sekarang saya akan berbagi info tentang Cara Mengganti Tulisan Post a Comment atau Poskan Komentar dengan kata lain sesuai selera kita.

Cara ganti tulisan Post comment tersebut ternyata sangat simpel sekali, seperti yang dilakukan pada blog ini telah diganti dengan tulisan " Apa Komentar Anda..? , yang ada dibagian komentar, langkahnya seperti ini :

    Login ke blogger.com – > Pilih Template – > Edit HTML
    Klik Prooced / Lanjutkan –> Centang Expand Widget Templates
    Cari kode <p class='comment-footer'> , Gunakan Ctrl+F untuk memudahkan mencarinya.
    Ingat dalam setiap template Blog kadang suka beda ada yang  3 atau 4 seperti pada blog ini ada 4 dan saya pakai yang terakhir, kode lengkapnya seperti ini  :

        <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='comment-form'/>
        <b:else/>
        <b:if cond='data:post.allowComments'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:postCommentMsg/></a>
        </b:if> </b:if>

    Perhatikan kode warna merah  <data:postCommentMsg/> adalah sebuah perintah kepada blogger untuk menampilkan tulisan Post a comment atau Poskan Komentar, jadi kita bisa ganti dengan selera kita, untuk itu  tinggal hapus kode itu dan diganti , misalnya  Apa Komentar Anda..? , maka kodenya jadi seperti ini :

        <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='comment-form'/>
        <b:else/>
        <b:if cond='data:post.allowComments'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <font face="Cataneo BT" color="#ff00ff" size="4"><strong>Apa Komentar Anda..?</strong></font> </a>
        </b:if> </b:if>

    Kode diatas menempatkan tulisan "Apa Komentar Anda" berada di kiri, kalau mau di tengah kodenya pake yang ini :

              <p class='comment-footer'>
                <b:if cond='data:post.embedCommentForm'>
                  <b:include data='post' name='comment-form'/>
                <b:else/>
                  <b:if cond='data:post.allowComments'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <p align='center'><font color='#0000ff' face='Cataneo BT' size='4'><strong>Apa Komentar Anda..?</strong></font> </p>
        </a> </b:if> </b:if>

    Sobat tinggal sesuaikan saja tulisannya mau biasa saja atau berwarna, misalnya ganti #0000ff warna pink dengan warna lain.
    Lakukan Preview dulu, jika sudak ok.. tinggal Simpan Template.
    Selesai.

Nah itulah Cara Mengganti Tulisan Post a Comment dengan tulisan lain sesuai selera kita. Semoga berguna Happy Blogging.  Oh ya.. kalau mau :

    Mematikan Link Aktif pada komentar silahkan ke postingan ini
    Memindahkan Tulisan Post a Comment ke luar Area Scroll, di sini