Cara Menampilkan Emoticons Smiley Pada Komentar Blogger -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Cara Menampilkan Emoticons Smiley Pada Komentar Blogger, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Blogger Comments, Artikel JQuery, Artikel Tutorial Blogger, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Cara Menampilkan Emoticons Smiley Pada Komentar Blogger
link : Cara Menampilkan Emoticons Smiley Pada Komentar Blogger
Gambar dibawah ini

Cara Menampilkan Emoticons Smiley Pada Komentar Blogger

Tutorial kali ini saya ingin berbagi cara menampilkan emoticons smiley pada komentar blogger. Walau mungkin dipencarian google anda akan menemukan banyak blog tutorial yang membahas cara menambahkan yahoo smiley emoticons pada komentar blogger tapi yang menggunakan konsep JQuery mungkin masih jarang. Ini adalah fasilitas emoticons otomatis yang dapat merubah simbol :), :D, :P, menjadi sebuah gambar yang telah ditentukan. Semoga dengan trik ini threaded comments blog anda tampil lebih aktraktif.

Screenshot Emoticons Smiley Untuk Komentar Blogger

Cara Menambahkan Emoticons Smiley Ke Blog

• Setelah login, pada dasbor masuk ke menu template kemudian klik edit HTML dan lanjutkan:
• Klik Ctrl+F dan cari kode ]]></b:skin>
• Tambahkan kode CSS berikut diatasnya;

.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;
}

• kemudian tambahkan script JQuery berikut diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

Untuk anda yang sudah memiliki atau menginstal script JQuery pada template anda maka langkah diatas abaikan saja!

• tambahkan lagi Script berikut dibawah script JQuery tadi

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js type='text/javascript'/>

• Simpan template dan lihat hasilnya diblog anda!

Demikian tutorial cara menambahkan emoticons smiley pada komentar blogger. Semoga bermanfaat!

Demikianlah Artikel Cara Menampilkan Emoticons Smiley Pada Komentar Blogger

Sekianlah artikel Cara Menampilkan Emoticons Smiley Pada Komentar Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Cara Menampilkan Emoticons Smiley Pada Komentar Blogger dengan alamat link https://trikmitos.blogspot.com/2013/02/cara-menampilkan-emoticons-smiley-pada.html