Membuat Emoticon Di Kolom Komentar Blog ~ Karrysta Perkasa

Selasa, 12 Maret 2013

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>.

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

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

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

Membuat Emoticon Di Kolom Komentar Blog

Kategori