Kamis, 20 Februari 2014

CARA MEMBUAT EMOTICON PADA COMENTAR BLOG




halo sobat blogger. kali ini saya akan post tentang Cara membuat Emoticon Pada Comentar Blog .
Preview :



Yuk Lihat Tutorial Nya
masuk blogger
Edit Html
Cari Code ]]></b:skin>
setelah ketemu letakkan kode berikut 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;
}

Setelah Itu Cari Kode </head>
setelah ketemu letakkan kode di bawah di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://dapurtutorial.googlecode.com/files/dapurtutorial.txt' type='text/javascript'/> 
 
Simpan...

Tidak ada komentar:

Posting Komentar