Emoticion macamnya ada laumayan banyak sob, dan blog ini baru sempat membahas dua macam di antaranya:
Memasang Emoticon Kaskus Di Komentar Blog.
Nah kan baru satu, satunya mana? yang staunya yang akan kita bahas ini hehehe....
Emoticon dari namanya aja udah ketahuan artinya, Emoticon ini bisa menggantikan kata-kata dari pengunjung, contoh aja pengunjung atau orang yang berkomentar di blog sobat akan ketahuan expresi merka jika sobat memasang Emoticon di komentar blog sobat, bila pengunjung senang dengan postingan/articles/tutuorila dan semacamnya deh terserah sobat mau nyebutnya apa maka pengunjung akan menggunakan Emoticon yang sobat sediakan untuk berkomentar.
Seperti yang saya bilang di atas Emoticon tu ada lumayan banyak macamnya dan kali ini kita akan memberikan sobat cara memasang Emoticon yang paling gampang(itu sih menurut saya) hehehe . .. dan postingan kali ini berjudul: Emoticon Blogger Otomatis Dengan JQuery, kebanyakan kalo menggunakan JQuery berarti memasangnya mudah.
Untuh contohnya sobat bisa lihat gambar Emoticon Blogger Otomatis Dengan JQuery berikut:
Gambar di atas adalah contohnya, sekarang mari kita berdo'a, bersama-sama, eh salah maksudnya mari kita bahas cara memasang Emoticon Blogger Otomatis Dengan JQuery ;
1. Login ke akun blogger sobat.
2. Pada menu klick Rancangan ➮ Edit HTML ➮ Centang Expand Template Widget.
3. Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan, kalo gak ya terserah sobat.
4. Selanjutnya di dalam edit template sobat cari kode </body> Jika kesulitan mencarinya coba sobat baca Cara Cepat Mencari Kode HTML.
5. Jika sudah ketemu letakkan kode script berikut sebelum atau di atas kode tadi.
<style type='text/css'>
.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
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;
}
</style>
<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 = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'></script>
.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
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;
}
</style>
<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 = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'></script>
6. Simpan template.
Sekarang lihat sendiri perubahannya di komentar blog sobat!
Yaya, sekian dulu untuk kali ini, semoga bisa bermanfaat untuk sobat semuam, dan kita akan bertemu lagi di postinga/articles selanjutnya yang gak kalah menariknya!
Bagaimana, apakah sobat berhasil menerpkannya ke blog sobat? silahkan tinggalkan komentar atau tanngapan sobat tentang postingan atau articles di atas!
bang emoticonnya udah muncul tapi kok pas di copy ke komentar gak bisa yaah ?
BalasHapustag apus lagi akhirnya -_-
@Edotz Herjunot Wah kok g' bsa? pdhal sblum memposting udah sya cba d 2 tmplate dn brhsil!
BalasHapusMungkin krna tmplatenya.
saya coba dlu ^_^
BalasHapus. . "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol." bisa kasih contoh gak kawan?!? bingunk nich. huhhh . .
BalasHapus@♥VPie◥♀◤MahaDhifa♥Itu hanya perintah saja...
BalasHapusAnda tetap bisa menambahkan emoction bahkan tanpa ada satu pun tek dalam kotak komentar.
Kalo untuk contoh jelas tidak Ada.
Anda bisa lansung mencobanya sendiri disini.
mantap gan , tp ,ales mau coba. takut gagal :D
BalasHapusmantap gan , 2 blog saya berhasil. ijin copas yo
BalasHapuskunjungi juga ya blog sederhana gua - hengkyalx.blogspot.com
saya mau masang emot tapi emot yang kaya punya mas ini kalo yang diatas terlalu banyak gimana ya caranya :(
BalasHapus@Limit PostMudah cukup ganti kode berikut pada script kode di atas:
BalasHapus<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'></script>
dan ganti dengan kode ini:
<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
@dek rifwahahahaaa sip :-d
BalasHapustapi ini ringankan mas :)
oiaya mas mau tanya lagi nih kalo mau bikin komentarnya bisa dimasukin gambar,kode,dll seperti punya mas ini gimana ya :'(
BalasHapusmaaf mas kalo banyak nanya namanya juga orang baru di blogger heehehe :)
@Limit PostRingan.
BalasHapusNanti akan saya bahas di kesempatan selanjutnya.
Di tunggu saja!!!
Komentar ini telah dihapus oleh pengarang.
BalasHapus:( saya gk berfungsi mas... :(
BalasHapus:D
BalasHapustes :)
BalasHapus:-d maksih saya berhasil..!!
BalasHapusmampir jga Blog gue berbagi CSS dan HTML
http://zewdsignet.blogspot.com/
:)
BalasHapus:)
BalasHapusmas kok gak bisa yah? :'(
BalasHapus@taufan FHMGak bekerja gimana gan?
BalasHapusScript ini sangat sempurna karna di buat oleh master taufik contohnya bisa Anda lihat di blog ini.
Coba Anda ulangi, jika pemasangan benar maka tempilannya akan seperti koment di sini.
[Template juga berpengaruh].
:-d
BalasHapus@Dwi AhmadYang di follow apanya ni? dan Anda memfollow apa?
BalasHapus@dek rif.. mau tanya lagi nich. kalo secara otomatis gitu gak ada ya?!? maksudnya kalo kayak istilah plugin gitu kalo d wp ..
BalasHapus@♥Vpie◥♀◤MahaDhifa♥Wah sori kalo untuk WP saya kurang paham, saya jugapunya WP tapi kagak pernah saya urus jadinya untuk WP saya tidak tau.
BalasHapustes (f)
BalasHapus