Sunday, 23 March 2014

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!

bangbil.com adalah sebuah personal blog. Seorang blogger yang masih merangkap sebagai pelajar. Temui aku di Sosial Media :

Berlangganan via Email

Berlangganan artikel terbaru dari blog ini langsung via email.