Cara Menambahkan Emoticons Smiley di Komentar Blog


Cara Menambahkan Emoticons pada blog - Emoticon ini otomatis akan merubah kode :) :-D dan lainnya menjadi gambar yang telah di tentukan. Nah,mungkin kalian ingin mencoba nya di blog anda. Tidak usah banyak bicara langsung saja ikuti tutorial di bawah ini

Cara Menambahkan Emoticons

1. Login Ke Blogger > Template > Edit Html
2. Cari kode ]]></b:skin>  lalu copy kode di bawah ini di atas kode ]]></b:skin>

/* Emoticon Smiley */ 
.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}

img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *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;
}

3. Cari kode </head> lalu copy kode di bawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://googledrive.com/host/0B-HCDWf1SPI0cGlYc0FmTFVLbmc/Emoticon Smiley-dzulkifli.js' type='text/javascript'/>

Nb: Jika blog anda sudah terpasang JQuery, hapus script ini ( <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script> )

4. Kemudian Simpan Template, dan lihat hasilnya.

Jika kalian ingin melihat demonya, silahkan liat di blog saya , karena blog saya sudah menerapkan emoticon ini. Silahkan mencoba emoticon di kotak komentar saya.


Cara Menambahkan Emoticons Smiley di Komentar Blog

19 Responses to "Cara Menambahkan Emoticons Smiley di Komentar Blog"

  1. (h) (o) Bagus-bagus emotnya, sekalian ngecek :D

    ReplyDelete
  2. Emoticons nya keren2 gan, ijin nyoba nih :D

    ReplyDelete
  3. hehehehe thanks infonya gan :) patut di coba nich :)

    ReplyDelete
  4. tutornya bermanfaat gan ,bikin blog ane jadi lebih bewarna

    ReplyDelete
  5. izin nyimak,,soalnya udh punya yg lebih bagus :))

    ReplyDelete
  6. /* Emoticon Smiley */
    .emoWrap {
    background-color:#fff;
    border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    padding:10px 14px;
    color:black;
    font:bold 12px Tahoma,Arial,Sans-Serif;
    text-align:center;
    }

    img.emo, input.emoKey {
    display:inline-block; /* Penting! */
    *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;
    }

    ReplyDelete
  7. Buat kalian ada yang BARU nih sayangi GEDGET kalian yaaa:) banyak INFORMASI yang bakal kalian tau dengan lihat link-link ini langsung saja yuuu:)
    http://blog.zapplerepair.com

    ReplyDelete
  8. شركة فرسان المثالي هي افضل شركة تقدم كافة خدمات العزل عزل اسطح عزل فوم عزل مائي وصوتي وحراري بأخرص وأفضل الأسعار حيث نتوفر في المنطقة الشرقية في منطقة المملكة العربية السعودية عن طريق توفير أحدث العربات المجهزة على اعلى مستوى تواصل معنا الأن عبر الروابط التالية

    شركة عزل خزانات بالدمام
    شركة عزل اسطح بالخبر
    شركة عزل اسطح بخميس
    شركة عزل اسطح بابها
    شركة عزل اسطح بالجبيل
    شركة عزل اسطح بالقطيف
    شركة عزل اسطح بالاحساء
    شركة عزل اسطح بالقصيم
    شركة تنظيف مكيفات بالدمام

    شركة تنظيف مكيفات بالاحساء

    ReplyDelete

Berkomentarlah yang baik. Jika ingin cari backlink silahkan berkomentar dengan name/url dan open id. Jangan taruh link di komentar. Bagi yang melanggar akan di hapus komentar nya. Terimakasih