Ingin mempercantik tampilan komentar anda dengan Emoticon animasi Union seperti ini?
caranya mudah..
kita hanya menambahkan beberapa kode pada html template kita..
Ikuti langkah berikut ini:
1. Login ke Dasbor Anda >> Edit HTML
2. Jangan lupa centang Expand Template Widget
3. Cari kode <div class='post-footer-line post-footer-line-3'/>
</div>
</div>
4. Dan pasang kode berikut ini di bawah </div> yang terakhir
<b:if cond='data:blog.pageType == "item"'><div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'> Gunakan Kode Di Sebelah Emoticon Untuk Menambahkan Di Komentar Anda </div><b><img src='http://www.laymark.com/l/o/40.gif' width='40'/> :a: <img src='http://www.laymark.com/l/o/23.gif' width='40'/> :b: <img src='http://www.laymark.com/l/o/82.gif' width='40'/> :c: <img src='http://www.laymark.com/l/o/61.gif' width='40'/> :d: <img src='http://www.laymark.com/l/o/75.gif' width='40'/> :e: <img src='http://www.laymark.com/l/o/77.gif' width='40'/> :f: <img src='http://www.laymark.com/l/o/18.gif' width='40'/> :g: <img src='http://www.laymark.com/l/o/09.gif' width='40'/> :h: <img src='http://www.laymark.com/l/o/60.gif' width='40'/> :i: <img src='http://www.laymark.com/l/o/47.gif' width='40'/> :j: <img src='http://www.laymark.com/l/o/03.gif' width='40'/> :k: <img src='http://www.laymark.com/l/o/07.gif' width='40'/> :l: <img src='http://www.laymark.com/l/o/04.gif' width='40'/> :m: <img src='http://www.laymark.com/l/o/10.gif' width='40'/> :n: <img src='http://www.laymark.com/l/o/13.gif' width='40'/> :o: <img src='http://www.laymark.com/l/o/46.gif' width='40'/> :p: <img src='http://www.laymark.com/l/o/20.gif' width='40'/> :q: <img src='http://www.laymark.com/l/o/74.gif' width='40'/> :r: <img src='http://www.laymark.com/l/o/15.gif' width='40'/> :s: <img src='http://www.laymark.com/l/o/91.gif' width='40'/> :t: <img src='http://www.laymark.com/l/o/67.gif' width='40'/> :u: <img src='http://www.laymark.com/l/o/52.gif' width='40'/> :v: <img src='http://www.laymark.com/l/o/106.gif' width='40'/> :w: <img src='http://www.laymark.com/l/o/29.gif' width='40'/> :x: <img src='http://www.laymark.com/l/o/112.gif' width='40'/> :y: <img src='http://www.laymark.com/l/o/56.gif' width='40'/> :z: <br/></b></b:if>
5.Cari kode penutup </body>
6.Simpan kode ini di atas </body>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("p");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://www.laymark.com/l/o/40.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://www.laymark.com/l/o/23.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://www.laymark.com/l/o/82.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://www.laymark.com/l/o/61.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://www.laymark.com/l/o/75.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://www.laymark.com/l/o/77.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://www.laymark.com/l/o/18.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://www.laymark.com/l/o/09.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://www.laymark.com/l/o/60.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://www.laymark.com/l/o/47.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://www.laymark.com/l/o/03.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://www.laymark.com/l/o/07.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://www.laymark.com/l/o/04' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://www.laymark.com/l/o/10.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://www.laymark.com/l/o/13.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://www.laymark.com/l/o/46.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://www.laymark.com/l/o/20.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://www.laymark.com/l/o/74.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://www.laymark.com/l/o/15.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://www.laymark.com/l/o/91.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://www.laymark.com/l/o/67.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://www.laymark.com/l/o/52.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://www.laymark.com/l/o/106.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://www.laymark.com/l/o/29.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://www.laymark.com/l/o/112.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://www.laymark.com/l/o/20.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>
7. Save template dan lihat hasilnya
0 Komentar:
Posting Komentar