Latest News

Cara Memasang Emoticon Keren di Blog Dengan 1 Langkah!

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 
  • /* 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>

  • Langkah Kedua cukup mudah yaitu dengan klik Simpan Template! ah yang bener gan masa langsung Simpan Template? sobat gak percaya? silahkan buktikan sendiri! :D 

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! "