Pasang Emoticon Kaskus & Adsense-ID Pada Blogger yang Menggunakan Thread Comment

Share on :
Sebelumnya Saya pernah membuat tutorial tentang Pasang Emoticion Kaskus & Adsense-ID pada komentar blog, dan ternyata cara itu tidak dapat diterapkan jika sobat blogger menggunakan  Thread Comment atau fitur reply comment pada komentar blognya. Nah sekarang saya akan membahas tentang Cara Membuat Emoticon Kaskus dan Adsense-ID pada blog yang menggunakan thread comment atau fitur comment reply.


Agar lebih aman, sebaiknya simpan dulu template anda dengan mengklik Download Template Lengkap.
Ikuti langkah berikut ini:


1. Login ke Dasbor Anda >> Edit HTML
2. Jangan lupa centang Expand Template Widget
3. Cari kode penutup </body>
4. Simpan kode ini di atas </body>


<!-- emoticon  SMART CHILD-->
<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.mainshared.com/image/l1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://www.mainshared.com/image/72.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://www.mainshared.com/image/03.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://www.mainshared.com/image/m4.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://www.mainshared.com/image/g5.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://www.mainshared.com/image/26.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://www.mainshared.com/image/l7.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://www.mainshared.com/image/d8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://www.mainshared.com/image/d9.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://www.mainshared.com/image/10.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://www.mainshared.com/image/11.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://www.mainshared.com/image/12.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://www.mainshared.com/image/13.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://www.mainshared.com/image/14.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://www.mainshared.com/image/22_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://www.mainshared.com/image/04.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://www.mainshared.com/image/17_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://www.mainshared.com/image/20_003.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://www.mainshared.com/image/57.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://www.mainshared.com/image/32_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://www.mainshared.com/image/34_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://www.mainshared.com/image/76.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://www.mainshared.com/image/11_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://www.mainshared.com/image/23_002.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://www.mainshared.com/image/77.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://www.mainshared.com/image/80.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://www.mainshared.com/image/29_002.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>


5. Kemudian cari lagi kode:


<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</div>


6. Dan pasang kode berikut ini di bawah  </div> yang terakhir


<!-- emoticon  mainbom.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'>
Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
</div>
<b><img src='http://www.mainshared.com/image/l1.gif' width='40'/>
:a:
<img src='http://www.mainshared.com/image/72.gif' width='40'/>
:b:
<img src='http://www.mainshared.com/image/03.gif' width='40'/>
:c:
<img src='http://www.mainshared.com/image/m4.gif' width='40'/>
:d:
<img src='http://www.mainshared.com/image/g5.gif' width='40'/>
:e:
<img src='http://www.mainshared.com/image/26.gif' width='40'/>
:f:
<img src='http://www.mainshared.com/image/l7.gif' width='40'/>
:g:
<img src='http://www.mainshared.com/image/d8.gif' width='40'/>
:h:
<img src='http://www.mainshared.com/image/d9.gif' width='40'/>
:i:
<br/>
<img src='http://www.mainshared.com/image/10.gif' width='40'/>
:j:
<img src='http://www.mainshared.com/image/11.gif' width='40'/>
:k:
<img src='http://www.mainshared.com/image/12.gif' width='40'/>
:l:
<img src='http://www.mainshared.com/image/13.gif' width='40'/>
:m:
<img src='http://www.mainshared.com/image/14.gif' width='40'/>
:n:
<img src='http://www.mainshared.com/image/22_002.gif' width='40'/>
:o:
<img src='http://www.mainshared.com/image/04.gif' width='40'/>
:p:
<img src='http://www.mainshared.com/image/17_002.gif' width='40'/>
:q:
<img src='http://www.mainshared.com/image/20_003.gif' width='40'/>
:r:
<br/>
<img src='http://www.mainshared.com/image/57.gif' width='40'/>
:s:
<img src='http://www.mainshared.com/image/32_002.gif' width='40'/>
:t:
<img src='http://www.mainshared.com/image/34_002.gif' width='40'/>
:u:
<img src='http://www.mainshared.com/image/76.gif' width='40'/>
:v:
<img src='http://www.mainshared.com/image/11_002.gif' width='40'/>
:w:
<img src='http://www.mainshared.com/image/23_002.gif' width='40'/>
:x:
<img src='http://www.mainshared.com/image/77.gif' width='40'/>
:y:
<img src='http://www.mainshared.com/image/80.gif' width='40'/>
:z:
<img src='http://www.mainshared.com/image/29_002.gif' width='40'/>
:ab:
<br/>
</b>
</b:if>


7. Save Template dan lihat hasilnya.


Hasilnya akan terlihat seperti ini:



Artikel Terkait:

{ 0 komentar... Skip ke Kotak Komentar }

Tambahkan Komentar Anda

Terimakasih sudah berkomentar dengan baik, sopan dan tidak mengandung spam di Blog, Silahkan Berkomentar Sesuai Artikel.
Maaf, memasukkan link ke dalam komentar akan DIHAPUS.

Regard's
=|| Arsha Wijaya ||=

Free SEO tools
 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook

Mari Join

blog-indonesia.com

Komunitas

ASEAN Blogger
Cyber-PML Blog
Copyright 2012 Arsha Wijaya powered by Blogger - All Rights Reserved - Best View Using Nightly Build