Membuat Emoticon Di Kolom Komentar Blog

12 Mar

                    Membuat Emoticon Di Kolom Komentar Blog



Tip Cara Membuat Emoticon Di Kolom Komentar di Blog,Waktu Pertama Aku,
Blajar Bikin Blog sangat Susah dan Bingungun Bagaimana Sih Cara nya Bikin
Atau  Membuat Emoticon Di Kolom Komentar di Blog..? berhari-hari Berminggu”
Dan Berbulan-bulan bahkan sampai Bertahun Tips dan Cara nya tak aku
Mengerti, yah Mungkin karna aku belum Bisa dan belum mengenal Blog,
Waktu itu sampai Akhir nya di Suatu Hari aku Mempelajari Tentang Blog dan,

Seluruh Kebutuhan juga Keperluan di Blog ini,Tentang Cara Tips dan Triks Blog
Alhamdullilah Dengan Belajar Bersungguh-Sungguh Aku bisa Melakukan
Keinginan yang dulu aku Bisa Bikin Blog dengan Desain dan Tampilan,
yang Cantik dan Menawan,.Di Hari ini Aku ingin Berbagi Buat Sobat tentang
Cara Membuat Emoticon Di Kolom Komentar Blog Tak ada Maksud lain
Hanya lah di Barengi Rasa Kecinta’an pada Blog juga Rasa Ingin Berbagi.

Berikut ini Contoh Gambaran nya sama seperti Di Bawah Postingan Blog Karrysta™ :

Cara Membuat Emoticon Di Kolom Komentar Blog. Emoticon ini saya ambil dari emoticon

Forum Kaskus. Tentunya Sobat Semua sudah mengenal kaskus Sudah pasti sudah tau lah.
Kaskus adalah salah satu situs ( sosial media )yang saat ini masih banyak penggemarnya,
Di kaskus ini sobat bisa saling berbagi dan mendapatkan banyak informasi, mulai Blog, 
Software, Komputer, Internet dan masih banyak lagi. Pokoknya banyak yang bermanfa’at 

Baik kita langsung ke TKP Tentang cara Membuat Emoticon Di Kolom Komentar Blog.Untuk
Memasang emoticon kaskus di kolom komentar Blog Sobat, Berikut ini langkah-langkahnya :

01.Langkah Pertama :
Login ke Dasbor blog sobat >> Edit HTML.Back uf/Simpan Dulu Template SobatBarang kali ada kesalahan sa’at Memasang Emotion ini,Kalau Anda Yakin langsung saja
Jangan lupa centang Expand Template Widget.
Cari kode </body> Untuk Memudah kan pencarian Klik CTRL+F
Simpan kode di bawah ini di atas </body>.

<!– emoticon mainbom.com –>
<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://i.imgur.com/Jnwl1.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:b:/gi, “<img src=’http://i.imgur.com/h9NDs.gif&#8217; class=’smiley’/>”);
_str = _str.replace(/:c:/gi, “<img src=’http://i.imgur.com/IL1IB.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:d:/gi, “<img src=’http://i.imgur.com/k3Fdh.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:e:/gi, “<img src=’http://i.imgur.com/ZDlSF.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:f:/gi, “<img src=’http://i.imgur.com/OXalA.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:g:/gi, “<img src=’http://i.imgur.com/cnARR.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:h:/gi, “<img src=’http://i.imgur.com/WTmJr.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:i:/gi, “<img src=’http://i.imgur.com/kenHK.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:j:/gi, “<img src=’http://i.imgur.com/aDJrj.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:k:/gi, “<img src=’http://i.imgur.com/E5qba.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:l:/gi, “<img src=’http://i.imgur.com/w3vTW.gif’ alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:m:/gi, “<img src=’http://i.imgur.com/0WFG2.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:n:/gi, “<img src=’http://i.imgur.com/bkfG8.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:o:/gi, “<img src=’http://i.imgur.com/zvteN.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:p:/gi, “<img src=’http://i.imgur.com/xkzm0.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:q:/gi, “<img src=’http://i.imgur.com/UqDiW.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:r:/gi, “<img src=’http://i.imgur.com/5uihz.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:s:/gi, “<img src=’http://i.imgur.com/5O9L2.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:t:/gi, “<img src=’http://i.imgur.com/7RDAt.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:u:/gi, “<img src=’http://i.imgur.com/WmQPn.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:v:/gi, “<img src=’http://i.imgur.com/9C3hy.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:w:/gi, “<img src=’http://i.imgur.com/fFhYI.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:x:/gi, “<img src=’http://i.imgur.com/e50uc.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:y:/gi, “<img src=’http://i.imgur.com/RjY5y.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:z:/gi, “<img src=’http://i.imgur.com/lrZEF.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
_str = _str.replace(/:ab:/gi, “<img src=’http://i.imgur.com/KJbrk.gif&#8217; alt=” width=’40’ class=’smiley’/>”);
b.item(i).innerHTML = _str;
}}}
//]]>
</script> 


02.Langkah ke dua
Selanjut nya Sobat Cari Code di Bawah ini :

<div class=’post-footer-line post-footer-line-3′><span class=’reaction-buttons’> 
Dan pasang kode emoticon gif 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;’>
Kalau Sobat Pakai Emoticon ini, Copas kode ke kotak komentar Karrysta™
</div>
<b><img src=’http://i.imgur.com/4a2GG.gif&#8217; width=’40’/>
:a:
<img src=’http://i.imgur.com/Jnwl1.gif&#8217; width=’40’/>
:b:
<img src=’http://i.imgur.com/h9NDs.gif&#8217; width=’40’/>
:c:
<img src=’http://i.imgur.com/IL1IB.gif&#8217; width=’40’/>
:d:
<img src=’http://i.imgur.com/k3Fdh.gif&#8217; width=’40’/>
:e:
<img src=’http://i.imgur.com/ZDlSF.gif&#8217; width=’40’/>
:f:
<img src=’http://i.imgur.com/OXalA.gif&#8217; width=’40’/>
:g:
<img src=’http://i.imgur.com/cnARR.gif&#8217; width=’40’/>
:h:
<img src=’http://i.imgur.com/WTmJr.gif&#8217; width=’40’/>
:i:
<br/>
<img src=’http://i.imgur.com/kenHK.gif&#8217; width=’40’/>
:j:
<img src=’http://i.imgur.com/aDJrj.gif&#8217; width=’40’/>
:k:
<img src=’http://i.imgur.com/E5qba.gif&#8217; width=’40’/>
:l:
<img src=’http://i.imgur.com/w3vTW.gif&#8217; width=’40’/>
:m:
<img src=’http://i.imgur.com/0WFG2.gif&#8217; width=’40’/>
:n:
<img src=’http://i.imgur.com/bkfG8.gif&#8217; width=’40’/>
:o:
<img src=’http://i.imgur.com/zvteN.gif&#8217; width=’40’/>
:p:
<img src=’http://i.imgur.com/xkzm0.gif&#8217; width=’40’/>
:q:
<img src=’http://i.imgur.com/UqDiW.gif&#8217; width=’40’/>
:r:
<br/>
<img src=’http://i.imgur.com/5uihz.gif&#8217; width=’40’/>
:s:
<img src=’http://i.imgur.com/5O9L2.gif&#8217; width=’40’/>
:t:
<img src=’http://i.imgur.com/7RDAt.gif&#8217; width=’40’/>
:u:
<img src=’http://i.imgur.com/WmQPn.gif&#8217; width=’40’/>
:v:
<img src=’http://i.imgur.com/9C3hy.gif&#8217; width=’40’/>
:w:
<img src=’http://i.imgur.com/fFhYI.gif&#8217; width=’40’/>
:x:
<img src=’http://i.imgur.com/e50uc.gif&#8217; width=’40’/>
:y:
<img src=’http://i.imgur.com/RjY5y.gif&#8217; width=’40’/>
:z:
<img src=’http://i.imgur.com/lrZEF.gif&#8217; width=’40’/>
:ab:
<br/>
</b>
</b:if>

Keterangan Yang Berwarna Merah Ganti Dengan Nama Blog Sobat :
Setelah Semua nya Selesai Save Template nya maka Tampilanya Sprti Di Bawah ini

  
Silakan Baca Artikel Terkait Di Bawah Ini :

*Video Live Karrysta™
*Trik Blogger Keren
*Download Serba Ada.!!!
*Makalah,Pendidikan,Agama
*Aneka Download Hot & Cool
*Penanggalan,Horoskop,Zodiac
*Tidur Sehat Sambil Makan
*Video Live Panggung Hot Tanpa Sensor
*Koleksi Software Komputer/Laptop
*Artikel,Dan Accessories Blog
*Images Artis Band/Dangdut Karrysta™
*Ebook Berkwalitas & Trik Blog
*Wallpaper Profesional 3D
*Kode Warna Komplit Full
*Template Keren Komplit Full
*Gudang Games PC/Laptop Full
*Membuat Emotion Di Kolom Komentar Blog
*MP3 Live Dangdut Karrysta™
*4Shared Software Komplit
*Daftar Isi Blog Karrysta™
*Cara Bikin Menu Dropdown Horisontal
*Cara Membuat Posting Terkait Dengan Thumbnail
*Video Selangkung Rong Langkung-Mega Karrysta
*Blogger Super Trik Dan Accessories
*Selebritis Indonesia
*Video Mawar Bodas Elsa Cantik Sexy
*Avast Antivirus Full 8.0.1483 Final
*Cara Membuat Teks Berjalan Di Blog
*Video Karmila Trio Alay Karrysta
*Sugih Menyan Elsa Fransisca Karrysta
* Membuat Kotak Komentar Di Postingan Blog
*Dua Kursi Ayu Lestari Feat Yossi KN
*Cara Membuat Footer 2 Kolom Di Blog
*Janda Tujuh Kali Mega S Karrysta
*Aku Bukan Bang Thoyib-Iim Batara Live Karrysta

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: