Cara Membuat Ucapan Terimakasih pada Kolom Komentar
0 views
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.


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
Apabila sobat sudah menambahkan Nomor Pada Komentar, lakukan Langkah 1, Langkah 2 dan 3 Lewati, kemudian tambahkan kode dibawah ini setelah
Source : Blogger Sukabumi


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 denganvar 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 TemplateSource : Blogger Sukabumi
95 komentar
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
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
www.kevin-432.blogspot.com
NICE!
mampir juga di blog saya Karrysta
http://karristaent.blogspot.com
sy udh membuat sama percis dengan cara di atas tapi kok gak muncul ucapan terimakasihnya ??
4sharap.blogspot.com
jgn lupa mamir kang di segitigailmu.blogspot.com
http://diari-teknisi.blogspot.com/
Komen & Saran : http://firmanardyansyah.blogspot.com
makasih sharenya, mau praktek nih.. semoga sukses .
Dialah Pertama Kali Menciptakan Fitur ini ,
Emang Duypham Jagonya Bikin Artikel Yang Berbeda.
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 :)
.item-control {display:inline}
atau
.item-control {display:inline-block}
dan sejenisnya...
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.. :)
bukanya ini cuma buat yang komentar doank..??
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
btw thanks mas.. :)
ditunggu tutorial selanjutnya.. heehe :D
Script sudah saya coba dengan penomoran coba liat http://hohoketauan.blogspot.com/2013/04/demo-ucapan-terimakasih-pada-thread.html
maklum ane bengong kalau masalah JS.. hehee..
thanks kang.. mw di pasang dulu.. :d
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}}
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..
.comment-form{width:100%;max-width:100%}
saya bungkus dulu scriptnya kang, haturnuhun
ane download aja dan langsung dipake.
link nya ane lupa lagi.
Cara Buat Tukar link + gambar..
Thanks Gan..
saya dapat dari blog sebelah.
atau agan mau tau blog yg ngeshare nya??
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
saya ga bertanggungjawab kalau sudah diacak2... soalnya di template asli masih bisa :
http://superseo-gbt.blogspot.com/ :)
thax sblmnya, kang.
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
Yang Biasa ajalah Standard,
kayak ini lho mas
http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/nav-jquery.jpg
tapi yang melayang
makasih
http://www.gogell.tk/2012/08/widget-blog.html
ada tutornya ngga?
anrhy.blogspot.com