Cara Memasang Emoticon Keren di Blog Dengan 1 Langkah! - Selamat siang sobat Blog Billy-Art yang saya cintaii.. Sebelumnya Saya mau ucapin Terimakasih untuk semua pengunjung Blog Billy-Art atas kunjungannya pada siang hari ini. Kali ini abang mau share tentang Cara Memasang Emoticon di Blog Dengan 1 Langkah! dari namanya saja sudah kelihatan kalo cara ini gampang kan sobat? :D yup ini memang bener loh cara ini sangat simpel
Tampilan Emoticon |
Selain Cara yang simpel Tampilan Emoticonnya juga gak kalah keren loh sobat! :p Tertarik untuk memasang emoticon ini? :D yuk tanpa basa basi lagi langsung saja disimak sobat! cekidott!
- Langkah Pertama langsung saja masuk ke Edit Template Blog sobat! lalu sobat cari kode </body> Lalu letakkan kode dibawah ini tepat diatasnya
- Langkah Kedua cukup mudah yaitu dengan klik Simpan Template! ah yang bener gan masa langsung Simpan Template? sobat gak percaya? silahkan buktikan sendiri! :D
/* Emoticon jQuery Blogsiryan.blogspot.com */
<style>
.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
padding:10px 14px;
color:black;
font:normal bold 12px/normal Tahoma,Verdana,Arial,Sans-Serif;
text-align:center;
}
.emo,
.emoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
.emoKey {
border:1px solid #ccc;
background-color:white;
font:normal bold 11px/normal Arial,Sans-Serif;
padding:1px 2px;
margin:0 0 0 2px;
color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://dte-project.googlecode.com/svn/trunk/jquery-emoticons.js'></script>
Cukup simpel kan sobat? terus kunjungi Blog Billy-Art untuk tutorial menarik lainnya.. ^_^ Semoga bermanfaat untuk sobat Bloggers semuanya!
0 Response to "Cara Memasang Emoticon Keren di Blog Dengan 1 Langkah! "
Post a Comment