Cara Menampilkan Emoticons Smiley Pada Komentar Blogger

Cara Menampilkan Emoticons Smiley Pada Komentar Blogger | Kembali lagi admin posting tentang tutor blog.. setelah beberapa bulan gk bermain dengan css :D

ya kali ini saya akan memposting Cara Menampilkan Emoticons Smiley Pada Komentar Blogger
simak aja tutornya yak :D

nih screenshotnya dulu biar gk penasaran.. :D

Caranya :

• Login dahulu ke blogger
• Setelah login,masuk ke dasbor -> Template -> Edit HTML -> Centang Expand Widget
• Oh Iya Backup Dulu templatenya yak :D
• Kalo udah lanjut di edit html lalu tekan F3 atau CTRL + F ketikkan ]]></b:skin>
• Lalu tambahkan kode di bawah tepat di atas ]]></b:skin> : 
  

  .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;
  } 
  

• Kemudian tambahkan kode di bawah tepat di atas </head> : 
  

  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
  <script type='text/javascript'>
  function ListenPopOut() {
      var pageURL = "http://media-kam.pusku.com/index.htm";
      var title = "Radio";
      var w = 436;
      var h = 440;
  
      var left = (screen.width / 2) - (w / 2);
      var top = (screen.height / 2) - (h / 2);
      window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left, false);
  };
  </script> 
  
  

• Tambahkan lagi script di bawah tepat di dibawah jquery  : 
  

  <script type='text/javascript'>
  //<![CDATA[
  var emoRange = "#comments p, div.emoWrap",
      putEmoAbove = "iframe#comment-editor",
      emoMessage = "Masukkan code untuk memakai emoticon.";
  //]]>
  </script>
  <script src='http://media-kam.pusku.com/EmoticonsKeren.js' type='text/javascript'/>
  

Artikel terkait :