Cara membuat Emotikon YM Pada Blogger

Kembali lagi di --ClyFirst--, kali ini saya akan memberikan trik seputar emoticon di kotak komentar (lagi). Ini adalah trik tentang Emoticon di kotak komentar. Yang sebelumnya yaitu Emotikon Kaskus. Dan yang akan saya jelaskan sekarang adalah bagaimana pasang "Emoticon Yahoo" di kotak komentar blogger.

Emoticon Yahoo : 
 




Cara membuatnya :
 1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 
 
Copy script berikut :

<script src='http://grandisyf.xtgem.com/smiley.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>

5. Kalo sudah ketemu letakkan kode berikut setelah kode  <p class='comment-footer'>
(kalo ada dua buah atau lebih kode diatas, pilih yang lebih dibawah...!)
 
Kode Emoticon Yahoo :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)] 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> 
;)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:p 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:)  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-o  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/ 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:| 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~x(  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> 
b-( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> 
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))
</b> 

6. Kalo sudah trus di "save" dan coba klik di salah satu postingan untuk lihat hasilnya

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara-cara di atas dengan benar tapi hasilnya tidak terjadi apa-apa atau kodenya tidak berubah menjadi Emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mungkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Selamat Mencoba...... Semoga bermanfaat........ 

Jangan Lupa Like ya.....

Read More ->>

Cara Memasang Emotikon Kaskus Pada Kotak Komentar

Kembali lagi neh, kali ini saya akan memberikan trik seputar emoticon di kotak komentar (lagi). sekarang adalah bagaimana cara memasang Emoticon KASKUS di kotak komentar bloggger sobat. Untuk Emoticon KASKUS begini ini:





Dengan banyak alternatif emoticon, semoga blogger sobat jadi lebih rame dan ekspresif ya..... Langsung saja yang pengen pasang emoticon KASKUS diatas, berikut ini langkah-langkahnya :
1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Template --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Ketemu kan? Kalo sudah ketemu letakkan kode2 berikut setelah kode  <p class='comment-footer'>
(kalo ada dua buah kode diatas, pilih yang lebih dibawah)

<b><img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' width='40'/>

:a:

<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' width='40'/>

:b:

<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' width='40'/>

:c:

<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' width='40'/>

:d:

<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' width='40'/>

:e:

<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' width='40'/>

:f:

<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' width='40'/>

:g:

<br/><img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' width='40'/>

:h:

<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' width='40'/>

:i:

<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' width='40'/>

:j:

<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' width='40'/>

:k:

<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' width='40'/>

:l:

<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' width='40'/>

:m:


<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' width='40'/>

:n:

<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' width='40'/>

:o:

<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' width='40'/>

:p:


</b>

6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE!

Kemudian coba akses blogger sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya, berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE". SELAMAT MENCOBA.....

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Selamat Mencoba........ Semoga bermanfaat....... 

Read More ->>

Cara memasang Emotikon pada komentar

Kembali saya memberikan postingan tentang Tutorial Blogger. Sebelumnya juga mengenai Informasi tutorial blogger, sekarang pun sama, karena saya ingin sekali membagi ilmu dengan sobat semua, pokoknya mengenai blogger deh. Sesuai dengan deskripsi blog saya ini, bahwa kita sebagai blogger harus sharing ilmu dengan blogger lain, terutama bagi yang baru belajar blog alias NewBie. Kali ini saya akan memberikan sedikit panduan bagaimana cara untuk memasang emoticon lucu di kotak komentar pada blogger. Meski sudah banyak para blogger senior yang sudah memberikan tutorial ini, saya akan memberikan lagi tapi dalam versi saya sendiri.

Anda bisa lihat gambar-gambar emoticon di blog saya ini, tepat di atas kotak komentar, seperti ini:

Anda tertarik untuk memasang pada blogger anda ? Maka, silahkan di baca "step by step" caranya:

• Login ke akun blogger anda
• klik Template
• pilih Edit HTML, Jangan lupa Centang pada Expand Widget Templates.
• tekan tombol di keyboard, Ctrl+F, kemudian cari kode </body>
• lalu copy kode berikut:
<script src='http://nova13.googlecode.com/files/nova13_plurk_kompres.js' type='text/javascript'/>
• Kemudian paste-kan di atas kode </body>
• Jika sudah, Simpan/Save Template.

Ini belum selesai, jika anda ingin menampilkan emoticon yang anda pasang script-nya tadi, karena untuk memberi tahu kepada calon komentator blog anda bahwa di blog anda bisa di isi emoticon.

• Car lagi kode <p class='comment-footer'>, serta kode <b:if cond='data:post.embedCommentForm'>
• copy kode berikut, lalu paste tepat di antara kode di atas. lebih detailnya di bawah kode <p class='comment-footer'> dan di atas kode <b:if cond='data:post.embedCommentForm'>
<p><b>Pasang emoticon dibawah ini dengan mencantumkan kode di samping kanan gambar.</b></p> <b><img src="http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif" />
:a:
<img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />
:b:
<img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />
:c:
<img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />
:d:
<img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />
:e:
<img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />
:f:
<img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />
:g:
<img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />
:h:
<img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />
:i:
<img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />
:j:

<img src="http://statics.plurk.com/843739a95294fd0bf4c958840b46408f.gif" />
:k:
<img src="http://statics.plurk.com/b0b0596acce9ffc1f2a27548aa642eaf.gif" />
:l:
<img src="http://statics.plurk.com/1c890273544559b17f090d09238fa763.gif" />
:m:
<img src="http://statics.plurk.com/95e69aa508d4bb435706b9db0a610dad.gif" />
:n:
<img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />
:o:
<img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />
:p:
<img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />
:q:</b>

• Anda juga bisa menganti kalimat yang berwarna biru di atas dengan kata-kata anda sendiri.
• Jika sudah, Save Template.
• Selesai.

Mudah bukan? kini anda sudah bisa menggunakan emoticon tersebut di blog anda. Jadi berkomentar akan terasa berwarna jika ada gambar emoticon yang mewakili perasaan anda.

Sekian dulu, selamat mencoba Postingan saya ini.

Semoga bermanfaat.

Read More ->>