Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Cara Membuat Ucapan Terimakasih pada Kolom Komentar

Membuat ucapan "Terimakasih" pada kolom komentar, dan hanya tampil untuk komentator terakhir.
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

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

95 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. mau tanya, eh udah dipost. Nice mas :))
    1. hehehe... udah kebaca keinginannya berarti :)
  2. langsung ijin praktek ya pak, terima kasih tutorialnya
    1. silahkan... gampang ko prakteknya :)
  3. wah praktekin dlu yaa pak boss
    1. monggo... silahkan..
  4. saya juga ijin pake kang :D
    1. silahkan sob.. makanya di publish artikelnya :)
  5. kolom komentarnya bagus zob!
    ada tutornya ngga?
    anrhy.blogspot.com
    1. Blom ada sob.. nanti dibuatkan
  6. om ismet, saya request tutorial dong, itu yang kolom author di comment berbeda seperti yang om pake sekarang, makasih.
    1. siap... ditunggu aja sob, sudah banyak request nih :)
  7. 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
    1. Menu atau Label sob?
    2. 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
    3. Maaf cm mencoba untuk membantu nih, jawabannya ada disini :

      http://www.gogell.tk/2012/08/widget-blog.html
  8. Keren banget kang tutornya...ane bukmak dolo deh, tar2an ane pakenya.
    thax sblmnya, kang.
    1. makasih sob.. silahkan
  9. 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
    1. 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/ :)
  10. keren tutorialnya mas, izin copas kodenya ya mas, terima kasih
    1. silahkan sob, sertakan link sumbernya.. ada di atas ko
  11. bukan gan.
    saya dapat dari blog sebelah.
    atau agan mau tau blog yg ngeshare nya??
    1. hehehe... coba siapa yang share, pengen tau aja :)
    2. waaah pembajakan nih
  12. kalau mau diganti dengan fisitor gimana ya gan?
    1. Maksudnya visitor gimana sob?
  13. 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
    1. ga spam ko sob, iya sob.. kalau logout ga kebaca lagi.. :)
  14. mantap..
    1. hehee.. thanks
  15. Req..

    Cara Buat Tukar link + gambar..

    Thanks Gan..
    1. ada contohnya ga sob?
    2. Iya gan..
  16. blog dia tu nyediain template2 gitu, macem2 dan template ini salah satunya.
    ane download aja dan langsung dipake.
    link nya ane lupa lagi.
    1. ya udah gpp sob....
  17. 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! :)
    1. betul sob, kalau komentar yang dulu kan di setiap komentar dan terlihat oleh semuanya
  18. kemarin saya sempet Ge Er kang, kirain koment saya paling keren, tahunya gini caranya ya kang hehe..
    saya bungkus dulu scriptnya kang, haturnuhun
    1. Silahkan 10.000/kg.. hehehe
  19. Blog aku dulu pernah pakek yang beginian, sekarang aku copot, karana sekarang ada yang lebih bagus lagi, tapi terima kasih ya kak sudah share ?
    1. sama2...
  20. bungkuuuuuussss.....thanks tutorialnya kang...sangat bermanfaat, langsung praktek ahhhh
    1. hehe... ada kertasnya ga buat bungkus? :)
  21. Kang Cara sesuaikan lebar Boxs komentar , gmana kang,, mohon saranya,,
    1. coba tambahkan ini
      .comment-form{width:100%;max-width:100%}
    2. trimakasih kang,, :-bd
  22. 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.. :)
    1. heheheh... silahkan dicicipi sob, jangan lupa sambil ngopi ;)
    2. tapi ko bisa dilihat sama orang lain juga ya...??
      bukanya ini cuma buat yang komentar doank..??
    3. ah masa sih... udah praktek blom... ?
    4. 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
    5. coba test di blog lain sob...
    6. 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
    7. 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
    8. nahh ini baru ....
      maklum ane bengong kalau masalah JS.. hehee..
      thanks kang.. mw di pasang dulu.. :d
    9. 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}}
    10. wah.. jadi bingung sob, coba nanti dicari solusinya.. apa mungkin ada bentrok script atau kenapa
    11. 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..
    12. iya mas mungkin scriptnya ada yg bentrok,, soal-nya kmaren lusa punya saya juga gtu,, terus saya cek ulang ternyata ada script yang bentrok..
    13. ternyata masalahnya ada CSS .item-control {display:inline} atau .item-control {display:inline-block} dan sejenisnya...
  23. 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 :)
    1. idem sama di atas sob masalahnya ada CSS
      .item-control {display:inline}
      atau
      .item-control {display:inline-block}
      dan sejenisnya...
  24. Sebenarnnya Fitur ini Sudah Ada Pada Duypham ,
    Dialah Pertama Kali Menciptakan Fitur ini ,

    Emang Duypham Jagonya Bikin Artikel Yang Berbeda.
  25. muncul hny pd saat pengunjung berkomentar.., penasaran pengen lihat ta coba ya pak..., thx ilmux pak *smile
  26. kang, cara untuk menambahkan Catatan Diatas iframe, yg ada top komentar,, itu gmana kang? makasih,,
  27. terima kasih kang
  28. wah keren nih kang,hatur nuhun nati saya praktekan saya simpan dulu scriptnya kang.
    1. kenapa nunggu nanti.. sekarang aja sob.. :)
  29. Mantap Kang sekedar untuk menyemangati para komentar yang datang tentunya,apalagi sekarang ini agak jarang ada ucapan terima kasih dikomentarnya :)
    1. iya sob.. intinya emang ke sana.. memberikan apresiasi :)
  30. nah ini lagi nyari.. ternyata sumbernya darisini :D ..
    makasih sharenya, mau praktek nih.. semoga sukses .
    1. silahkan jeng.. jangan lupa berdo'a... :)
  31. mantap kang ... jadi kepingin nih blog saya ada komentar otomatisnya :)
    1. tinggal pasng ko sob ;)
  32. Ini yang dicari :D
    Komen & Saran : http://firmanardyansyah.blogspot.com
    1. siap.. nanti dikunjungi sob..
  33. Mantap tutorialnya...izin coba ya...
  34. boleh juga gan :)
  35. salam kenal semua nya..kunjungi balik yea blog q
    http://diari-teknisi.blogspot.com/
    1. salam kenal juga sob..
  36. ane coba dlu ya gan :D
    1. silahkan dicoba2... baru beli :)
  37. makasih kang dah sy coba dan hasilnya memuaskan,

    jgn lupa mamir kang di segitigailmu.blogspot.com
  38. Izin Share Kang,, :)
  39. 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
  40. Unknown
    Komentar ini telah dihapus oleh pengarang.
  41. 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
  42. Mantab kang, infonya sangat bermanfaat buat ane yg pemula

    NICE!
  43. Infonya manteb gan :D

    www.kevin-432.blogspot.com
  44. lagi coba in komentarnya
  45. lagi coba in komentarnya
  46. lagi coba in komentarnya
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.