Cara Membuat Ucapan Terimakasih pada Kolom Komentar

Cara Membuat Ucapan Terimakasih pada Kolom Komentar - Tutorial kali ini akan menjelaskan cara membuat ucapan terimakasih kepada komentator di blog. Ucapan terimakasih ini tidak selamanya tampil, akan tetapi hanya tampil pada komentar terakhir.
thank you

ucapan terimakasih di kolom komentar
Tutorial ini untuk threaded comment, dan ucapan terimakasih hanya akan muncul apabila komentator menggunakan akun Google


Ucapan terimakasih tentunya sangat diperlukan, untuk mengapresiasi komentator yang telah meluangkan waktunya untuk berkomentar di blog kita.

Untuk membuatnya, silahkan masuk ke Template kemudian Edit HTML, ikuti langkah di bawah ini :

Langkah 1: Tambahkan kode dibawah ini sebelum ]]></b:skin>
.comments .thanks-comment{position:relative;margin:10px 0;padding-left:40px;font-style:italic;font-size:16px;quotes:"\201C""\201D""\2018""\2019"}
.comments .thanks-comment:before{content:open-quote;position:absolute;top:0;left:0;margin-top:15px;font-size:4em;color:#d80556}
Langkah 2 : Temukan kode ini
    (function() {
      var items = <data:post.commentJso/>;
ganti dengan
var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;
Langkah 3: Simpan kode di bawah ini setelah <data:post.commentHtml/>
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Terimakasih '+items_copy[i].author.name+' untuk komentarnya!</div>';d.innerHTML=e}}
//]]>
</script>
Simpan Template.

Update


Apabila sobat sudah menambahkan Nomor Pada Komentar, lakukan Langkah 1, Langkah 2 dan 3 Lewati, kemudian tambahkan kode dibawah ini setelah a.innerHTML=b
;if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Terimakasih '+items_copy[i].author.name+' untuk komentarnya!</div>';d.innerHTML=e} 
Simpan Template

Source : Blogger Sukabumi
Berita Lebih Baru Berita Lebih Lama
  • Putra
    Profil: https://www.blogger.com/profile/17421858768793419293
    30 April, 2013

    mau tanya, eh udah dipost. Nice mas :))

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      30 April, 2013

      hehehe... udah kebaca keinginannya berarti :)

  • Unknown
    Profil: https://www.blogger.com/profile/06924031831839016175
    30 April, 2013

    langsung ijin praktek ya pak, terima kasih tutorialnya

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      30 April, 2013

      silahkan... gampang ko prakteknya :)

  • Anonim
    Profil:
    30 April, 2013

    wah praktekin dlu yaa pak boss

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      monggo... silahkan..

  • Editor
    Profil: https://www.blogger.com/profile/01250017864252489022
    30 April, 2013

    saya juga ijin pake kang :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      silahkan sob.. makanya di publish artikelnya :)

  • Admin
    Profil: https://www.blogger.com/profile/10273151747014871416
    30 April, 2013

    kolom komentarnya bagus zob!
    ada tutornya ngga?
    anrhy.blogspot.com

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      Blom ada sob.. nanti dibuatkan

  • Adiwin13
    Profil: https://www.blogger.com/profile/00619611669772162040
    30 April, 2013

    om ismet, saya request tutorial dong, itu yang kolom author di comment berbeda seperti yang om pake sekarang, makasih.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      siap... ditunggu aja sob, sudah banyak request nih :)

  • Yudi Prasetya
    Profil: https://www.blogger.com/profile/00370522497977076031
    30 April, 2013

    Mas bisa request gak

    buatin Floating Menu yang Vertikal di sisi kiri atau kanan, yang standard aja yang penting Melayang, yg simple pke CSS barang kali

    widget Kategori kan bagus kang kalo tempat nya tegak melayang di Samping..

    makasih

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      Menu atau Label sob?

    • Yudi Prasetya
      Profil:https://www.blogger.com/profile/00370522497977076031
      02 Mei, 2013

      Menu Gan

      Yang Biasa ajalah Standard,
      kayak ini lho mas

      http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/nav-jquery.jpg

      tapi yang melayang
      makasih

    • Anonim
      Profil:
      04 Mei, 2013

      Maaf cm mencoba untuk membantu nih, jawabannya ada disini :

      http://www.gogell.tk/2012/08/widget-blog.html

  • Unknown
    Profil: https://www.blogger.com/profile/02285454683205538559
    01 Mei, 2013

    Keren banget kang tutornya...ane bukmak dolo deh, tar2an ane pakenya.
    thax sblmnya, kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      makasih sob.. silahkan

  • Unknown
    Profil: https://www.blogger.com/profile/06077957026831027717
    01 Mei, 2013

    mohon dibantu kang,
    saya tidak bisa mengklik tombol publish dikomentar.
    klik reply bisa tapi saat mau di publish tombol publishnya tidak bisa diklik.
    ini blog saya http://trikdaninformasi.blogspot.com

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      Pake Super SEO buatan saya ya? kok link footernya hilang?
      saya ga bertanggungjawab kalau sudah diacak2... soalnya di template asli masih bisa :
      http://superseo-gbt.blogspot.com/ :)

  • Buret MRj
    Profil: https://www.blogger.com/profile/01060425722567061819
    01 Mei, 2013

    keren tutorialnya mas, izin copas kodenya ya mas, terima kasih

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      silahkan sob, sertakan link sumbernya.. ada di atas ko

  • Unknown
    Profil: https://www.blogger.com/profile/06077957026831027717
    01 Mei, 2013

    bukan gan.
    saya dapat dari blog sebelah.
    atau agan mau tau blog yg ngeshare nya??

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      01 Mei, 2013

      hehehe... coba siapa yang share, pengen tau aja :)

    • Sakti
      Profil:https://www.blogger.com/profile/17796238138352501558
      01 Mei, 2013

      waaah pembajakan nih

  • Hermawan.us
    Profil: https://www.blogger.com/profile/09367901064991792898
    01 Mei, 2013

    kalau mau diganti dengan fisitor gimana ya gan?

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Mei, 2013

      Maksudnya visitor gimana sob?

  • Hermawan.us
    Profil: https://www.blogger.com/profile/09367901064991792898
    01 Mei, 2013

    owh baru sadar aku ternyata ucapan terimakasih itu hanya muncul dan bisa dibaca buat yang komentar saja ya kang? makasih tutorial kang ismet, kalau SPAM dihapus saja komentarnya

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Mei, 2013

      ga spam ko sob, iya sob.. kalau logout ga kebaca lagi.. :)

  • Anonim
    Profil:
    02 Mei, 2013

    mantap..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Mei, 2013

      hehee.. thanks

  • Unknown
    Profil: https://www.blogger.com/profile/06077957026831027717
    02 Mei, 2013

    blog dia tu nyediain template2 gitu, macem2 dan template ini salah satunya.
    ane download aja dan langsung dipake.
    link nya ane lupa lagi.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      03 Mei, 2013

      ya udah gpp sob....

  • Unknown
    Profil: https://www.blogger.com/profile/02284011263403920462
    03 Mei, 2013

    Ooh pantes saya heran waktu itu sehabis ngomen disini, kok ada yang tiba2 nongol di bawah komentar. :D | Keren juga kalau ucapan terimakasih ditampilkan dengan cara kang Ismet ini. Saya suka nya karena yang bisa melihat ucapan tsb ya cuma kita sendiri (selama kita masih connect di GA). GREAT! :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      03 Mei, 2013

      betul sob, kalau komentar yang dulu kan di setiap komentar dan terlihat oleh semuanya

  • Kang Muroi
    Profil: https://www.blogger.com/profile/15022422809113377143
    04 Mei, 2013

    kemarin saya sempet Ge Er kang, kirain koment saya paling keren, tahunya gini caranya ya kang hehe..
    saya bungkus dulu scriptnya kang, haturnuhun

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      04 Mei, 2013

      Silahkan 10.000/kg.. hehehe

  • Anonim
    Profil:
    04 Mei, 2013

    Blog aku dulu pernah pakek yang beginian, sekarang aku copot, karana sekarang ada yang lebih bagus lagi, tapi terima kasih ya kak sudah share ?

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      04 Mei, 2013

      sama2...

  • yadibarus
    Profil: https://www.blogger.com/profile/04150630643429517456
    04 Mei, 2013

    bungkuuuuuussss.....thanks tutorialnya kang...sangat bermanfaat, langsung praktek ahhhh

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      04 Mei, 2013

      hehe... ada kertasnya ga buat bungkus? :)

  • Anonim
    Profil:
    04 Mei, 2013

    Kang Cara sesuaikan lebar Boxs komentar , gmana kang,, mohon saranya,,

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      04 Mei, 2013

      coba tambahkan ini
      .comment-form{width:100%;max-width:100%}

    • Anonim
      Profil:
      06 Mei, 2013

      trimakasih kang,, :-bd

  • Unknown
    Profil: https://www.blogger.com/profile/17943695039070055752
    04 Mei, 2013

    nah ini keren..
    karna sudah menambahkan nomor urut pada komentar.. jadi langsung step 1 n 3 saja.. :D
    saya kaget pas waktu komentar di postingan tentang UJE ada ucapan terimakasihnya....
    ternyata kluar juga tutorialnya.. :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      04 Mei, 2013

      heheheh... silahkan dicicipi sob, jangan lupa sambil ngopi ;)

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      tapi ko bisa dilihat sama orang lain juga ya...??
      bukanya ini cuma buat yang komentar doank..??

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      05 Mei, 2013

      ah masa sih... udah praktek blom... ?

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      kalau belum praktek ga mungkin saya bilang kaya gitu :D
      entah apa yg terjadi apa mungkin krna css thread commentnya saya encrypt dan di semmbunyikan..
      tapi udah saya hapus lagi ...
      coba mas baca comment terakhir di postingan ini..
      http://mdf-blog.blogspot.com/2013/05/animasi-loading-dengan-css-efek.html

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      05 Mei, 2013

      coba test di blog lain sob...

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      tapi bisa dilihat sama orang lain,, bukan cuma yag berkomentar saja... mungkin nanti saya coba di blog yang lainya saja.. :)
      btw thanks mas.. :)
      ditunggu tutorial selanjutnya.. heehe :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      05 Mei, 2013

      Ternyata masalahnya, sobat sudah pasang NOMOR pada komentar, liat aja ke atas sob, artikel sudah di update.
      Script sudah saya coba dengan penomoran coba liat http://hohoketauan.blogspot.com/2013/04/demo-ucapan-terimakasih-pada-thread.html

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      nahh ini baru ....
      maklum ane bengong kalau masalah JS.. hehee..
      thanks kang.. mw di pasang dulu.. :d

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      lapor kang..
      hasilnya nihil..
      coba cek deh..

      ini kodenya nomor urut plat ucapan thanks..

      for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML+'<span class="comments-number">'+(i+1)+'</span>';a.innerHTML=b ;if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Terimakasih '+items_copy[i].author.name+' untuk komentarnya!</div>';d.innerHTML=e}}

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      05 Mei, 2013

      wah.. jadi bingung sob, coba nanti dicari solusinya.. apa mungkin ada bentrok script atau kenapa

    • Unknown
      Profil:https://www.blogger.com/profile/17943695039070055752
      05 Mei, 2013

      sama saja maas ga bisa..
      masih bisa dilihat sama orang lain.. :(
      saya ga jadi msang dh..
      mungkin disebabkan oleh css thread comment yng saya sembuntikan x..
      tq mas sudah bantu..

    • Anonim
      Profil:
      06 Mei, 2013

      iya mas mungkin scriptnya ada yg bentrok,, soal-nya kmaren lusa punya saya juga gtu,, terus saya cek ulang ternyata ada script yang bentrok..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      11 Mei, 2013

      ternyata masalahnya ada CSS .item-control {display:inline} atau .item-control {display:inline-block} dan sejenisnya...

  • Dhani Site
    Profil: https://www.blogger.com/profile/13722945794092724342
    05 Mei, 2013

    terima kasih mas ..hebat :)

    betul kata mas Abdul Rohman bisa dilihat sama orang lain juga ya ucapannya :( padahal juga punya ane ngga ada penambahan nomor urut pada komentar ..

    Salam Kenal Kang Ismet .. happy bloging :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      11 Mei, 2013

      idem sama di atas sob masalahnya ada CSS
      .item-control {display:inline}
      atau
      .item-control {display:inline-block}
      dan sejenisnya...

  • Anonim
    Profil:
    05 Mei, 2013

    Sebenarnnya Fitur ini Sudah Ada Pada Duypham ,
    Dialah Pertama Kali Menciptakan Fitur ini ,

    Emang Duypham Jagonya Bikin Artikel Yang Berbeda.

  • Rohis Facebook
    Profil: https://www.blogger.com/profile/06237995128299522413
    06 Mei, 2013

    muncul hny pd saat pengunjung berkomentar.., penasaran pengen lihat ta coba ya pak..., thx ilmux pak *smile

  • Anonim
    Profil:
    07 Mei, 2013

    kang, cara untuk menambahkan Catatan Diatas iframe, yg ada top komentar,, itu gmana kang? makasih,,

  • Anonim
    Profil:
    07 Mei, 2013

    terima kasih kang

  • zigzoor
    Profil: https://www.blogger.com/profile/10438425858295508916
    09 Mei, 2013

    wah keren nih kang,hatur nuhun nati saya praktekan saya simpan dulu scriptnya kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      10 Mei, 2013

      kenapa nunggu nanti.. sekarang aja sob.. :)

  • Anonim
    Profil:
    09 Mei, 2013

    Mantap Kang sekedar untuk menyemangati para komentar yang datang tentunya,apalagi sekarang ini agak jarang ada ucapan terima kasih dikomentarnya :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      10 Mei, 2013

      iya sob.. intinya emang ke sana.. memberikan apresiasi :)

  • Unknown
    Profil: https://www.blogger.com/profile/05836428459717421193
    10 Mei, 2013

    nah ini lagi nyari.. ternyata sumbernya darisini :D ..
    makasih sharenya, mau praktek nih.. semoga sukses .

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      19 Mei, 2013

      silahkan jeng.. jangan lupa berdo'a... :)

  • Anonim
    Profil:
    11 Mei, 2013

    mantap kang ... jadi kepingin nih blog saya ada komentar otomatisnya :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      19 Mei, 2013

      tinggal pasng ko sob ;)

  • Bintang
    Profil: https://www.blogger.com/profile/01569027056732108123
    13 Mei, 2013

    Mantap tutorialnya...izin coba ya...

  • Sunandar
    Profil: https://www.blogger.com/profile/17786224717024098823
    13 Mei, 2013

    boleh juga gan :)

  • Yoga Agustawan
    Profil: https://www.blogger.com/profile/01907110781235016530
    19 Mei, 2013

    salam kenal semua nya..kunjungi balik yea blog q
    http://diari-teknisi.blogspot.com/

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      19 Mei, 2013

      salam kenal juga sob..

  • Anonim
    Profil:
    24 Mei, 2013

    ane coba dlu ya gan :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Mei, 2013

      silahkan dicoba2... baru beli :)

  • Unknown
    Profil: https://www.blogger.com/profile/10210377884243893437
    25 Mei, 2013

    makasih kang dah sy coba dan hasilnya memuaskan,

    jgn lupa mamir kang di segitigailmu.blogspot.com

  • Unknown
    Profil: https://www.blogger.com/profile/08666015951083451890
    14 Juni, 2013

    Kok punya saya gk bisa ya kang,, tlong di bantu ya . .
    sy udh membuat sama percis dengan cara di atas tapi kok gak muncul ucapan terimakasihnya ??
    4sharap.blogspot.com

  • Unknown
    Profil: https://www.blogger.com/profile/03028304356873120390
    24 Juni, 2013

    Komentar ini telah dihapus oleh Unknown sebagai penulis.

  • Unknown
    Profil: https://www.blogger.com/profile/03028304356873120390
    24 Juni, 2013

    Salam Kenal Buat Kang Ismet.. dan semua teman blog Kangismet...wah blog yang bagus dan benar benar super seo..salam sukses Kang idzin gabung yah..? Terima kasih
    mampir juga di blog saya Karrysta
    http://karristaent.blogspot.com

  • Anonim
    Profil:
    08 Agustus, 2013

    Mantab kang, infonya sangat bermanfaat buat ane yg pemula

    NICE!

  • Unknown
    Profil: https://www.blogger.com/profile/00578377221399558114
    09 Agustus, 2013

    Infonya manteb gan :D

    www.kevin-432.blogspot.com

  • dzohir
    Profil: https://www.blogger.com/profile/04256343994992266797
    04 November, 2013

    lagi coba in komentarnya

  • dzohir
    Profil: https://www.blogger.com/profile/04256343994992266797
    04 November, 2013

    lagi coba in komentarnya

  • dzohir
    Profil: https://www.blogger.com/profile/04256343994992266797
    04 November, 2013

    lagi coba in komentarnya

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
91 Komentar