NEWS

WEB INI DI JUAL.. BAGI YANG BERMINAT UNTUK MEMBELINYA BISA MENGHUBUNGI ADMIN DI NMR HP: 081556624433. TERIMA KASIH.

Cara Membuat Emoticon Di Kolom Komentar Blog

Selamat siang sobat Blogger semuanya. Apa kabar..?, semoga sobat semua dalam keadaan sehat wal afiat. Sebagai blogger, kadang kita selalu ingin mempunyai tampilan blog yang unik dan menarik agar ramai pengunjung. Banyak cara untuk mempercantik tampilan blog kita. Di kesempatan kali ini blog MAGETAN INDAH, akan sedikit berbagi informasi dan tips tentang cara membuat emoticon di kolom komentar blog. Untuk emoticon ini di ambil dari emoticon forum kaskus. Tentunya sobat sudah mengenal kaskus kan..?, kaskus adalah salah satu situs sosmed ( sosial media )yang saat ini masih banyak penggemarnya, di kaskus ini sobat bisa saling berbagi dan mendapatkan banyak informasi, mulai blog, software, komputer, internet dan masih banyak lagi. Pokoknya banyak cendol yang bermanfaat di sana.. hehehe.

Oke, kita langsung ke pokok pembahasan dari postingan ini. Untuk memasang emoticon kaskus di kolom komentar blog sobat, berikut ini langkah-langkahnya.
  • Login ke Dasbor blog sobat >> Edit HTML.( backup atau download template lengkap sobat terlebih dahulu untuk jaga-jaga jika terjadi kesalahan ).
  • Jangan lupa centang Expand Template Widget.
  • Cari kode penutup </body>.
  • Simpan kode di bawah ini di atas </body>.
<!-- emoticon  mainbom.com -->
<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(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>
  • Kemudian sobat cari lagi kode:
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</div>
  • Dan pasang kode emoticon gif berikut ini di bawah </div> yang terakhir.
<!-- emoticon  mainbom.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'>
Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
</div>
<b><img src='http://i.imgur.com/4a2GG.gif' width='40'/>
:a:
<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>
:b:
<img src='http://i.imgur.com/h9NDs.gif' width='40'/>
:c:
<img src='http://i.imgur.com/IL1IB.gif' width='40'/>
:d:
<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>
:e:
<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>
:f:
<img src='http://i.imgur.com/OXalA.gif' width='40'/>
:g:
<img src='http://i.imgur.com/cnARR.gif' width='40'/>
:h:
<img src='http://i.imgur.com/WTmJr.gif' width='40'/>
:i:
<br/>
<img src='http://i.imgur.com/kenHK.gif' width='40'/>
:j:
<img src='http://i.imgur.com/aDJrj.gif' width='40'/>
:k:
<img src='http://i.imgur.com/E5qba.gif' width='40'/>
:l:
<img src='http://i.imgur.com/w3vTW.gif' width='40'/>
:m:
<img src='http://i.imgur.com/0WFG2.gif' width='40'/>
:n:
<img src='http://i.imgur.com/bkfG8.gif' width='40'/>
:o:
<img src='http://i.imgur.com/zvteN.gif' width='40'/>
:p:
<img src='http://i.imgur.com/xkzm0.gif' width='40'/>
:q:
<img src='http://i.imgur.com/UqDiW.gif' width='40'/>
:r:
<br/>
<img src='http://i.imgur.com/5uihz.gif' width='40'/>
:s:
<img src='http://i.imgur.com/5O9L2.gif' width='40'/>
:t:
<img src='http://i.imgur.com/7RDAt.gif' width='40'/>
:u:
<img src='http://i.imgur.com/WmQPn.gif' width='40'/>
:v:
<img src='http://i.imgur.com/9C3hy.gif' width='40'/>
:w:
<img src='http://i.imgur.com/fFhYI.gif' width='40'/>
:x:
<img src='http://i.imgur.com/e50uc.gif' width='40'/>
:y:
<img src='http://i.imgur.com/RjY5y.gif' width='40'/>
:z:
<img src='http://i.imgur.com/lrZEF.gif' width='40'/>
:ab:
<br/>
</b>
</b:if>
  • Save Template dan lihat hasilnya.
Cara Membuat Emoticon Di Kolom Komentar Blog

BAGIKAN KE

Facebook Google+ Twitter Digg

Artikel Terkait

Comments
32 Comments

32 Responses to "Cara Membuat Emoticon Di Kolom Komentar Blog"

  1. @Aryanto hadi wicaksonookey sobat, semoga bermanfaat. Indahnya berbagi.

    BalasHapus
  2. @Hary Muhliaokey boss.. thank's atas kunjungannya.

    BalasHapus
  3. Bagus gant ....
    thanks ya buat info nya :)

    BalasHapus
  4. pantesan saya coba buat emoticon di kolom komentar biasa gak bisa, ternyata harus edit html dahulu ya, thanks infonya

    BalasHapus
  5. menyimak saja Gan, aku baru saja digurui oleh Pesbuker, lihat saja postinganku terbaru.

    BalasHapus
  6. wihh,, mantap sob,, nice share..

    BalasHapus
  7. @Heri Gipzysama sama mas heri, terimakasih juga atas kunjungannya di blog magetan indah.

    BalasHapus
  8. @Heri Gipzysama sama mas heri, terimakasih juga atas kunjungannya di blog magetan indah.

    BalasHapus
  9. @falah kharisma nuraziziya mas falah, harus mengedit html nya dulu untuk memasukkan emoticon di kotak komentar blog.

    BalasHapus
  10. @Slamet Sanyotohehehehehe.. ancen jaluk di slentik kupinge arek iku.

    BalasHapus
  11. @ghani hendrika iya mas, semoga postingan saya tentang emoticon di atas bermanfaat.

    BalasHapus
  12. Hasilnya keren, jadi pengen nyoba juga, Insya Allah ahh nanti mau dipraktekin, terima kasih yaa infonya :)

    BalasHapus
  13. mantap gan, terima kasih banyak. kunjungi dan komen balik ke blog saya ^^ http://rrp-share.blogspot.com

    BalasHapus
  14. @De Widianioke dhik widiani, semoga informasi di atas bermanfaat.

    BalasHapus
  15. @Ank ZhangkelietAda mas, namun belum sempat saya posting.

    BalasHapus
  16. sob tolong cek di blog saya..
    emoticonnya gak keluar di komentarnya..??

    BalasHapus
  17. gimana gan udah di cek di blog saya??

    BalasHapus
  18. @belajar ngeblog Maaf mas baru bisa cek. mungkin emotion gif saya yang sudah usang, namun di blog mas sudah tampak emotionnya.

    BalasHapus
  19. Arigatou ! :D .. sangat bermanfa'at ! :D ...

    BalasHapus
  20. Nice inpo gan.
    Blogwalking ye gan ketempat ane.

    BalasHapus
  21. terimakasih buat tutorialnya gan..
    izin cobak yaa

    BalasHapus
  22. emotnya kok gak keluar di comment gan gimana nih ?

    BalasHapus
    Balasan
    1. masih di cari kesalahannya nih mbak. Maaf sebelumnya.

      Hapus
  23. coba ah.. mudah2an bisa work .
    jgn lp mampir k gubuk ane ya sob!
    http://redzone-tm.blogspot.com

    BalasHapus
  24. emotnya kok gk keluar di Comment neh Gan??
    kasih Info Nya lah, apa kesalahan Nya..

    BalasHapus
    Balasan
    1. code emotionnya ada yg salah mas, ini masih saya cari tau letak erornya.

      Hapus
  25. Thanks Sob ,, Ijin nyimak

    ditunggu kunbal

    www.ilmu-sesama.blogspot.com

    BalasHapus

1.Tinggalkan Komentar Sobat di Blog ini.
2.Kritik dan saran dari sobat kami terima dg senang hati.
3.Komentar Sobat adalah sebuah PENGHARGAAN dan SILATURAHMI buat blog ini.
--- TERIMA KASIH DAN SALAM SUKSES BUAT ANDA ---

SITE INFO

Google+ Followers