Menambah Emoji Di Kolom Komentar
10/29/2019
0 Komen
Halo Selamat datang Pembaca setia atau yang baru gabung.
saya ingin memberikan pengetahuan saya tentang bagaimana cara menambah emoji pada kolom komentar Blog. seperti yang pernah kalian lihat Menambah emoji dikolom Komentar blog tentu memberikan kesan lucu sehingga orang melihat tidak terlalu monoton saat membaca berbagai komentar. menurut riset, Emoji merupakan salah satu fitur yang biasanya digunakan dalam percakapan instan atau lainnya. dengan adanya emoji kamu bisa menambah vasiasi emosi dalam percakapan kamu dan obrolan kamu akan lebih ekspresif. Ribuan emoji diciptakan untuk mewakili emosi yang tidak biasa digambarkan dengan pesan text, tapi kamu harus tahu ini emoji apa saja yang sering digunakan dalam percakapan sebagai media untuk mengungkapkan rasa. contohnya seperti ini. saya dikaskus sering menggunakan emoji (lol) ya kesannya lucu aja. ya memang artinya lol itu tertawa terbahak-bahak walau sekarang sudah bergeser artinya. hehehe
contoh emoji pada kolom komentar blog ini.
itulah contoh emoji pada blog ini.
lalu bagaimana cara membuatnya. ok Pembaca silakan ikuti tutorial saya dengan seksama dan dipraktekan OK.
Step 1 : buka www.blogger.com dasbord dan pilih blog.
Step 2 : klik Theme lalu pilih Edit Html.
Step 3 : klik sembarang 1x pada code Html lalu pencet di keyboard windows CTRL + F jika mac Command + F untuk mempermudah pencarian code.
Step 4 : Silakan temen-temen cari code </body>
ikutin besar kecilnya huruf.
ikutin besar kecilnya huruf.
Step 5 : jika sudah ketemu. silakan temen-temen pastekan code berikut tepat diatas kode tersebut.
<script type='text/javascript'>
//<![CDATA[
a=document.getElementById('comment-holder');if(a){b=a.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute('CLASS')=='comment-content'){_str=b.item(i).innerHTML.replace(/:\)\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/27.gif' alt='' width='30' class='smiley'/>");_str=_str.replace(/=D/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/19.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:d/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/7.gif' alt='' width='30' class='smiley'/>");_str=_str.replace(/:B/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/6.gif' alt='' width='30' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/2.gif' alt='' class='smiley' width='30' />");_str=_str.replace(/:\(\(/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/4.gif' alt='' class='smiley' width='30' />");_str=_str.replace(/:\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/28.gif' alt='' class='smiley' width='30' />");_str=_str.replace(/:\(/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/14.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:-\?/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/10.gif' alt='' width='30' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/13.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:-o/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/9.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:-f/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/12.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:-ss/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/11.gif' alt='' class='smiley' width='30' />");_str=_str.replace(/b-\(/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/15.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/h-\(/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/16.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/g-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/17.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/5-\p/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/18.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/y-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/19.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/c-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/20.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/s-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/21.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/d-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/22.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/w-\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/23.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:-\h/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/24.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:X/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/25.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:\-\*\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/26.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/=\)\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/5.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/B\)\)/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/3.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:\Z/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/1.gif' alt='' class='smiley' width='30'/>");_str=_str.replace(/:\y/gi,"<img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/8.gif' alt='' class='smiley' width='30'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
Step 6 : Setelah dipastekan kemudian temen-temen cari kode berikut
<b:loop values='data:post.comments' var='comment'>
Step 7 : Pastekan kode berikut tepat di atas kode Step 6.
Step 8 : Selanjutnya cari code
Step 9 : Pastekan kodetepat setelah kode diatas.
Step 10 : Kemudian teken CTRL + F lalu masukan Pencarian code berikut
ada 4 ( empat) kode silakan enter jika sudah 2x berhenti dan pastekan Semua kode berikut ke code kedua tepat dibawah kode step 10,
Step 11 : pastekan kode tersebut tepat setelah code Step 10.
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">Hide Emoticons</a>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">Show Emoticons</a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: yes;'>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/28.gif' width='20'/><div class='emos'>
:)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/14.gif' width='20'/><div class='emos'>
:(</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/3.gif' width='20'/><div class='emos'>
B))</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/4.gif' width='20'/><div class='emos'>
:((</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/5.gif' width='20'/><div class='emos'>
=))</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/6.gif' width='20'/><div class='emos'>
:B</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/7.gif' width='20'/><div class='emos'>
:D</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/2.gif' width='20'/><div class='emos'>
:P</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/9.gif' width='20'/><div class='emos'>
:-O</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/10.gif' width='20'/><div class='emos'>
:-?</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/11.gif' width='20'/><div class='emos'>
:-SS</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/12.gif' width='20'/><div class='emos'>
:-f</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/13.gif' width='20'/><div class='emos'>
d(</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/8.gif' width='20'/><div class='emos'>
:Y</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/15.gif' width='20'/><div class='emos'>
b-(</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/16.gif' width='20'/><div class='emos'>
h-(</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/17.gif' width='20'/><div class='emos'>
g-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/18.gif' width='20'/><div class='emos'>
5-p</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/19.gif' width='20'/><div class='emos'>
y-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/20.gif' width='20'/><div class='emos'>
c-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/21.gif' width='20'/><div class='emos'>
s-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/22.gif' width='20'/><div class='emos'>
d-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/23.gif' width='20'/><div class='emos'>
w-)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/24.gif' width='20'/><div class='emos'>
:-h</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/25.gif' width='20'/><div class='emos'>
:X</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/26.gif' width='20'/><div class='emos'>
:-*)</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/27.gif' width='20'/><div class='emos'>
:))</div>
</div>
<div class='itemo'>
<img alt='' src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/1.gif' width='20'/><div class='emos'>
:Z</div>
</div>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()' >Show Emoticons <img src='http://eda087ea-a-62cb3a1a-s-sites.googlegroups.com/site/adexkohler1/emotion/1.gif'/></a></span>
</div></b:if>
Step12 : finish cari kode ]]></b:skin> jika sudah ketemu pastekan kode berikut tepat diatanya :
.itemo{float:left;font-size:11px;height:50px;line-height:1.2;padding:10px 0;text-align:center;width:85px;}
span#smiley-toggle{clear:both;padding:15px 10px;float:left;font:bold 50px 'Oswald', sans-serif;}
span#smiley-toggle a{text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background: #ececec;
color: #562a05;
border: 1px solid #f9971e;
border-bottom-width: 3px;
border-radius: 2px;}
#smiley-toggle img{vertical-align:bottom;}
img.smiley{vertical-align:bottom;}
segitu saja tutorial dari saya semoga bermanfaat, gimana mudah bukan. jika emoji tetap tidak muncul. Silakan Temen-temen rubah Sytem komennya menjadi type Threaded Comments
Silakan terus mencoba jangan pernah bosen.
jangan lupa untuk terus berkunjung ya.
0 komentar untuk Menambah Emoji Di Kolom Komentar
0 Response to "Menambah Emoji Di Kolom Komentar"
Post a Comment
Catatan untuk penjelajah
1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda apa yang anda mau selama masih berhubungan dengan topik ini.
3. Maaf tidak Menyarankan untuk menyertakan Link Aktif pada kolom komentar.
4. Mohon dimaklumi apabila tidak sempat membalas komentar 1 per 1.
5. Untuk komentar selalu di moderasi.
Terimakasih Komentar Anda : Sekali-sekali Belajar Tidak Memasang Link di Komentar yah.