Cara Menambah Emoticon / Smileys Di Blogger Komentar

Emoticon / Smileys adalah cara yang bagus untuk membuat diskusi lebih menarik dan menyenangkan, sehingga sangat disayangkan bahwa Blogger tidak mendukung mereka. Tutorial ini akan menunjukkan beberapa langkah sederhana tentang cara untuk menambahkan beberapa emoticon yang sangat lucu yang disebut Kolobok ke Blogger / Blogspot komentar Anda, sehingga Anda dan pengunjung blog Anda akan dapat memiliki waktu yang menyenangkan bersama-sama. 

Sekarang tersedia untuk ulir sistem komentar juga! 

DEMO

Cara Tambah Kolobok Smileys Di Blogger Komentar 

. Langkah 1 Pergi ke Dashboard - Template - Edit HTML - Lanjutkan 

Langkah 2. Expand Widget Template (membuat cadangan) 

Langkah 3 Cari (CTRL + F) untuk tag ini.: 

 </ Body>

. Langkah 4 Copy dan paste tepat di atas itu, kode ini: 

• Untuk sistem komentar sebelumnya (komentar tanpa opsi jawaban)

 <-! Kolobok-smiley ->
<script src='http://helplogger.googlecode.com/svn/trunk/[helplogger.blogspot.com]smileys.js' type='text/javascript'/> <noscript> <href = 'http:/ 'target =' / helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html _blank "> <span style='font-size: x-small;'> Tambahkan emoticon </ span> </ a> </ noscript>
<-! Kolobok-smiley ->

• Untuk sistem komentar berulir (komentar dengan opsi jawaban)

 <script src='https://helplogger.googlecode.com/svn/trunk/kolobok threaded.js' type='text/javascript'/>

Catatan: mengabaikan langkah 5-8 jika Anda menggunakan komentar berulir! 

. Langkah 5 Sekarang menemukan potongan kode ini: 

 <b:loop values='data:post.comments' var='comment'>

Langkah 6 Paste kode berikut tepat di atasnya.: 

 <div id='smileys'>

Langkah 7. Cari kode berikut (perhatikan dengan teliti, itu harus berada di suatu tempat di bawah kode dari langkah 5) 

 </ B: lingkaran>

. Langkah 8 Paste tag berikut hanya setelah itu: 

 </ Div>

. Langkah 9 Sekarang cari kode ini: 

• Untuk sistem komentar sebelumnya:

 <data:blogTeamBlogMessage/>

Catatan: jika Anda akan menemukan seperti 4 kali, berhenti untuk 2 satu! 

• Untuk sistem komentar berulir:

 <div class='post-footer-line post-footer-line-3'>

Langkah 10 Dan tambahkan kode ini hanya setelah itu.: 

 <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'>
/ / <! [CDATA [
fungsi moreSmilies () {
. document.getElementById ('tersenyum-lebih') mungkin dikenakan biaya 'inline';
document.getElementById ('tersenyum-ubah'). innerHTML = '<a href="javascript:lessSmilies()"> <div style="font-size:small; font-weight:bold;color:#000000;"> Sembunyikan Emoticons / <a href="http://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html"> TambahkanEmoticons </ div> </ a> </ span > ';
}
fungsi lessSmilies () {
. document.getElementById ('tersenyum-lebih') mungkin dikenakan biaya 'tidak ada';
document.getElementById ('tersenyum-ubah'). innerHTML = '<a href="javascript:moreSmilies()"> <div style="font-size:small; font-weight:bold;"> Tampilkan Emoticons </ div > </ a> ';
}
/ /]]>
</ Script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='http://4.bp.blogspot.com/-k4ujC23cSgI/UTIq7eUkmuI/AAAAAAAABAQ/YUNL9_RhDB0/s1600/smile3.gif'/> :)
<img src='http://2.bp.blogspot.com/-XSBJ7zBZKZs/UTIrT-hMYyI/AAAAAAAABAY/6B26_8Ttwj4/s1600/sad.gif'/>: (
<img src='http://2.bp.blogspot.com/-Ph2wxEvy2mc/UTIr8-fdHjI/AAAAAAAABAo/3use2PsPhMA/s1600/taunt.gif'/> :))
<img src='http://3.bp.blogspot.com/-pcE-4ot-gjk/UTIsLRff6SI/AAAAAAAABAw/LYvZ8__88Ak/s1600/cry2.gif'/>: ((
<img src='http://1.bp.blogspot.com/-lNNTReQVc0A/UTIrjDhVLAI/AAAAAAAABAg/BsVMYnr54pI/s1600/rofl.gif'/> =))
<Img
<Img
<img src='http://1.bp.blogspot.com/-gG_Wn6D6Ux4/UTIyqFyfKbI/AAAAAAAABCo/qEmU8s8ndVI/s1600/tongue.gif'/>: P
<img src='http://3.bp.blogspot.com/-Zb5g0OWHx4c/UTIsuPLt90I/AAAAAAAABA4/cmP1ltBmVF0/s1600/shock.gif'/>:-O
<img src='http://1.bp.blogspot.com/-TSIzPWeGBwk/UTI0S-nw5tI/AAAAAAAABDQ/xyHPCFZH4fI/s1600/think.gif'/>: -?
<Img
<Img
<img src='http://3.bp.blogspot.com/-qlyn_deOhFw/UTIzY8aRgqI/AAAAAAAABC4/pfSojMdD33s/s1600/doh.gif'/> d (
<Img
<Img
<img src='http://4.bp.blogspot.com/-veVoDPEc7I4/UTIv9wCS0jI/AAAAAAAABCQ/4c5FgCHAiU4/s1600/help.gif'/> h-(
<img src='http://2.bp.blogspot.com/-_ttAcnBbAaw/UTIvKtxfWvI/AAAAAAAABCA/X2JLEShhOQU/s1600/good.gif'/> g-)
<img src='http://2.bp.blogspot.com/--o9jZ1nMcec/UTIuyCBgS_I/AAAAAAAABB4/Jf03oz5yKrU/s1600/beee.gif'/> 5-p
<img src='http://2.bp.blogspot.com/-6-BTJcVpwY0/UTIvhF_PL-I/AAAAAAAABCI/SS-LDADTSls/s1600/yahoo.gif'/> y-)
<img src='http://3.bp.blogspot.com/-khAwhIYbgvQ/UTItD_PfNyI/AAAAAAAABBI/HMpRMQh5Uak/s1600/crazy.gif'/> c-)
<Img
<Img
<img src='http://2.bp.blogspot.com/-Mc5ed3Ymk7s/UTI1GIXMAMI/AAAAAAAABDg/PyDOfoXgsl0/s1600/cheer.gif'/> w-)
<img src='http://2.bp.blogspot.com/-JOgaMRI61Jk/UTItsGc5KdI/AAAAAAAABBY/6UDCabfZQbg/s1600/hi+2.gif'/>:-h
<Img
</ Span>
<span id='smiley-toggle'> <a href='javascript:moreSmilies()'> <div style='font-size:small;font-weight:bold;'> Tampilkan Emoticons <img
</ Div> </ b: if>

Catatan: Abaikan langkah 11-12 jika Anda menggunakan komentar berulir! 

Langkah 11. Akhirnya, cari kode ini 

 ]]> </ B: skin>

. Langkah 12 Tambahkan satu di bawah ini, tepat di atas]]> </ b: skin>

 . Emoticon {-moz-background-clip:-moz-awal;-moz-background-asal:-moz-awal;-moz-background-inline-kebijakan:-moz-awal; text-align: left; width: 400 px;}
.. Emoticon, emoticon a: hover {margin-left: 20px; text-decoration: none;}

Catatan: Jika Anda ingin mengubah ukuran wadah emoticon, mengedit kode merah. 

Langkah 13. Simpan Template dan Anda sudah selesai. Nikmati!