Cara Menambah Emoticons Smiley di Komentar Blogspot


Assalamu'alaikum Wr. Wb.
Arkopat ~ Oke Kali ini saya Mau membagikan Sedikit Trik Mempercantik Komentar di blogspot ke pada sobat . mungkin trik ini sudah sejak lama di lakukan oleh para master Blog dan para master Web Designer . tapi trik ini baru aku pelajari dan sudah saya coba, hasilnya 100% Bisa . langsung deh saya Posting di blog , biar Contentnya penuh dan banyak pengunjungnya :D . saya menggunakan Bahasa JQuery untuk Membuat Emoticons Smiley Komentar . langsung saja tanpa basa-basi , takutnya Ngantuk yang baca Postingan ini .
1. Masuk Ke Blogger menggunakan Email dan password Sobat .
2. Masuk Dashboard Blogger .
3. Masuk Ke Template
4. Klik Edit HTML
5. Cari kode ]]></b:skin> , bisa langsung tekan CTRL+F
6. Lalu Paste Script 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;
}

7. cari Kode </head> . Lalu paste script di bawah ini di atas 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://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
NB: Jika blog sudah terpasang JQuery silakan Hapus Text Warna Biru.
8.Save
9. Enjoy

Sekian artikel ini saya sampaikan , Kurang lebihnya Saya Mohon maaf dan semoga Bermanfaat . Jangan Lupa Like Fanspagenya ya .
Wassalamu'alaikum Wr. Wb.
SHARE

Arkopat Official

Blog yang berisi Tutorial , Tips dan trik , Software , Berita Teknologi terbaru , web Design , Pemrograman Komputer , Pemrograman Web dan Berbagai Hal Menarik tentang Dunia IT

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment