-->

Membuat Emoticon di Kotak Komentar Blogspot



Cara Membuat Emoticon di Kotak Komentar Blogspot - Sahabat blogger, hampir seminggu ini bang dadan tidak membuka blog, rasanya kangen ingin cepat - cepat membuat tulisan, nah pada kesempatan kali ini alhamdulillah bang dadan bisa kembali membuat postingan lagi, kali ini bang dadan akan coba membhasa artikel tentang Membuat Emoticon di Kotak Komentar Blogspot.

emoticon komentar blog

sahabat blogger mungkin pernah bahkan sering melihat sebuah komentar para blogger yang ada emoticon nya,  ini merupakan suatu design saja agar tampilan komentar pada blog kita menjadi lebih menarik dan lebih unik, jika sobat ingin melihat demonya silahkan sobat lihat gambar dibawah ini, atau pada komentar blog ini.

Baiklah tidak usah panjang lebar lagi, langsung saja kita menuju TKP :

Cara Membuat Emoticon di Kotak Komentar Blogspot

1. Login ke blog
2. Masuk ke dasbor/rancangan kemudina pilih Template
3. Pilih Edit HTML *jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini dan pastekan diatas ]]></b:skin>
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

6. Copy kode dibawah ini dan pastekan dibawah tag <b:if cond='data:post.embedCommentForm'> atau pastekan diatas tag </body>

Berikut kodenya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>
Keterangan: jika dalam template sobat sudah ada kode yang berwarna merah di atas, sobat tidak usah memasang nya lagi.

7. Selanjutnya klik Simpan Template selesai

Silahkan sobat coba berkomentar di blog sendiri dan beri emoticon, dan lihat hasilnya..!!
Sekian dulu pembahasan kita kali ini tentang Cara Membuat Emoticon di Kotak Komentar Bogspot, dan semoga artikel ini bermanftaat buat anda semua, selamat mencoba dan semoga sukses..!!
Labels: blogger tutorial, template hack

Thanks for reading Membuat Emoticon di Kotak Komentar Blogspot. Please share...!

54 Comments on Membuat Emoticon di Kotak Komentar Blogspot

  1. Test.. :-d :-d :-d \m/ \m/ \m/ \o/ \o/ \o/

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Replies
    1. Mangga di cobian sob,, mudah2an bisa.. dan pasti bisa.. :D

      Delete
  4. thanks gan hehe
    http://bacablogtekno.blogspot.com/

    ReplyDelete
    Replies
    1. SAma - sama sob,, semoga blognya menjadi lebih unik dan menarik :D

      Delete
  5. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Mohon maaf komentar anda saya hapus karena tdk sesuai dengan comment police..!!

      Delete
  6. Replies
    1. Sama - sama kawan, semoga bermanfaat..!!!

      Delete
  7. Replies
    1. :) Sama - sama kawan moga bermanfaat..!!

      Delete
    2. di coba ya sob ^^ thanks, visit juga di http://jordanvengeance.blogspot.com

      Delete
    3. Silahkan gan,, semoga berhasil ya??

      Delete
  8. makasih infonya gan,,jangan lupa mampir diblog ane juga yah
    http://carrer-jobsid.blogspot.com/ \m/

    ReplyDelete
    Replies
    1. Sama - sama kawan semoga bermanfaat, oke nanti ane berkunjung :)

      Delete
  9. Testing :-d \o/
    kunjungi balik blog saya. Nice trik.
    joemulyono.blogspot.com

    ReplyDelete
  10. nice artikel gan :-d
    makin sukses yaa ,, follow gan \m/

    ReplyDelete
    Replies
    1. Terimakasih sob, semoga sobat juga sukses selalu..
      Oke :D

      Delete
  11. This comment has been removed by the author.

    ReplyDelete
  12. sudah berhasil gan di blog ane . terima kasih :D

    ReplyDelete
  13. Gan di blog ane Emotion nya kgk Berfungsi...
    mohon bantuannya donk

    ReplyDelete
    Replies
    1. Coba praktek ulang lagi sob, barangkali ada yang salah atau ada yg kurang dlm memasang'y..

      Delete
  14. Replies
    1. di blog ini hanya sebagian emotion yg saya masukan dari tutorial yg di atas. :D

      Delete
  15. Bang kenapa pas di koment gambarnya gk keluar ya ? apa masalahnya pada tamplet saya ? :D

    ReplyDelete
    Replies
    1. 1. Jika di template anda sudah ada jqery maka tidak usah lagi memakai jquery
      2. Beri spasi di awal emoticon

      Delete
  16. THanks Gan, :D

    Maen2 maen yaa saolnya Template,Javascript,Kode HTML,

    Bagus-Baguss Dah, http://nezfa.blogspot.com/

    :D

    ReplyDelete
    Replies
    1. Sama-sama gan,, Oke nanti ane berkunjung :)

      Delete
  17. This comment has been removed by the author.

    ReplyDelete
  18. WOW Makaseh gan ilmunya mantabb heeee \m/ mampir ke blog baru ane ya ghia-cahya.blogspot.com makaseh :)

    ReplyDelete
  19. Jadi kalau mau ngebuat emoticonya kayak gitu dicomentar ditulis kayak gimana ya?
    maaf saya baru pemula ._.

    ReplyDelete

Back To Top