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 {<br />  background-color:#fff;<br />  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;<br />  padding:10px 14px;<br />  color:black;<br />  font:bold 12px Tahoma,Arial,Sans-Serif;<br />  text-align:center;<br />}<br /><br />img.emo, input.emoKey {<br />  display:inline-block; /* Penting! */<br />  *display:inline;<br />  vertical-align:middle;<br />}<br /><br />input.emoKey {<br />  border:1px solid #ccc;<br />  background-color:white;<br />  font:bold 11px Arial,Sans-Serif;<br />  padding:1px 2px;<br />  margin:0px 0px 0px 2px;<br />  color:black;<br />} 
  

• 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><br /><script type='text/javascript'><br />function ListenPopOut() {<br />    var pageURL = "http://media-kam.pusku.com/index.htm";<br />    var title = "Radio";<br />    var w = 436;<br />    var h = 440;<br /><br />    var left = (screen.width / 2) - (w / 2);<br />    var top = (screen.height / 2) - (h / 2);<br />    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);<br />};<br /></script> <br />
  

• Tambahkan lagi script di bawah tepat di dibawah jquery  : 
  

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