Judul: Berbagi Info Seputar Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog Full Update Terbaru
link: Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog
Berbagi Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog Terbaru dan Terlengkap 2017
Walau mungkin di mbah google anda akan menemukan banyak tutorial yang membahas tentang 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.mau coba??Oke, langsung saja ke langkah yang pertama.
1. Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Cari kode ]]></b:skin>, lalu pastekan script dibawah ini diatas 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;
}
.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;
}
2. Cari kode </head>. Lalu pastekan script dibawah 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://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
<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'/>
Catatan: Jika blog anda sudah terpasang JQuery, hapus script yang berwarna biru.
3. Selesai.
Mudahkan..?
Selamat mencoba..
Itulah sedikit Artikel Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog terbaru dari kami
Semoga artikel Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Blog Simbah. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Memasang/menambahkan Emoticons smiley dengan mudah pada Blog