Sebelumnya Master Jin telah share Cara Menambahkan Emoticon Imut pada Facebook yang tentunya sobat masih ingat karena belum terlalu lama juga. Lalu, sekarang Master Jin akan sedikit membeberkan pada Chatting Facebook. Ternyata Facebook telah Meluncurkan Sticker Emoticon Lucu pada chattingnya. Contohnya bisa kalian lihat di atas, pada Facebook Master Jin.
Perbandingan dengan emoticon lucu pada statusnya pun menurut Master Jin hampir sama, tidak jauh berbeda. Lucu, imut mungkin salah satu yang membuat semangat sobat untuk membuat status di Facebook serta chatting. Mungkin, Facebook juga tak ingin kalah dari Yahoo. Sobat tentunya juga pernah merasakan chatting menggunakan Yahoo Messenger, disana juga tersedia emoticon yang lucu, imut.
Untuk mengaktifkannya sangat mudah sekali, hanya dengan buka tab chat teman kalian yang sedang aktif lalu klik pada gambar emot. Disitu nanti sudah muncul banyak sekali emoticon siap pilih dan sangat praktis. Langsung saja deh dicoba. Hehe
68 comments
hahahahayyyyyyyy selalu pertama memang nasib lagi mujur lansung saya coba dulu ach mumpung lagi fb'an....
X ✓menjadi yang pertama terus di blog saya mas :>) haha mantab
X ✓begitulah sahabat baik selalu hadir dimana saja :D
X ✓ntar ane nyusul deh mas.. bentar sedang baru ada renovasi..hehe
X ✓sip,,sip mas santai saja selesain dulu tuch renovasinya biar makin mantap....
X ✓haha beres :)
X ✓hadir ya gan :D
X ✓wah ketinggalan banget ane sama berita terbaru pesbuk :v
X ✓saya kira itu external ternyata dari pihak facebook sendiri yang meluncurkan
X ✓mas mau tanya nih. Cara bikin emotikon di komentar ini ngga tampil gimana ya? tampilnya ketika kita klik link emoticon diatas ini. (p) (p) (p)
X ✓keren sob
X ✓mungkin ane yg kurang update. baru tau sekarang
oke gan..hehe
X ✓hehe yg penting masih oke fbnya mas.hehe
X ✓hehe endak mas.. dah terbaru ini
X ✓pada .emoWrap tambahkan :
X ✓display:none
hehe dan sekarang sudah tau :)
X ✓http://oi41.tinypic.com/n2egjq.jpg
X ✓cara bikin tombol kaya gini gimana ya gan?
<p><data:blogCommentMessage/> (kode yang sudah ada)
X ✓<a class='blabla' href='http://boyz.googlecode.com/svn/html/mdf-emoticon.html' onclick='window.open(this.href, "popupwindow", "status=0, height=150, width=500, resizable=0, top=50, left=100");return false;' target='_blank'>Emoticon</a> (kode tambahan)
</p> (kode yang sudah ada)
kalau model tombolnya ingin seperti di atas, tinggal bikin CSSnya, tapi kalau sekedar tombol bisa pake <button>CSS</button>
kok ngk ada ootnya nie padahal mau nannya disini saja master..
X ✓ane minta ilmunya dikit ane mau buat tuch home kayak tombol home kayak mj mohon pencerahannya...
menu home.nya itukah ??
X ✓iya yang menu home itu master yang gambarnya kayak rumah beneran itu musaya kolaborasi nie....
X ✓Keren mas ... :D
X ✓wah bagus mas... pengen coba tp takut erorr
X ✓:d makin asyik saja facebook yah...makin betah juga para maniak fb...makasih infonya kang.
X ✓wah informasi baru nih :D ,,, hahahah akan saya coba :-d :)
X ✓mantab sob, comenn nyeeee
X ✓tapi lebih imut muka gua ah, hahaha :D
X ✓Aku sudah mencobanya, chattingnya jadi seru :)
X ✓bisa dikasih artikel tutorialnya ga? kalo soal css ane belum begitu bisa.. :-? :-? :-?
X ✓mantap kontaknya
X ✓ane tengok di home sobat mungkin nanti perubahannya cukup membingungkan klo saya jelaskan.. soalnya template ane dari MDF, serta MDF terkadang modifikasi dari template MKR.
X ✓ane ambilnya dari sini mas : http://www.ivythemes.com/2012/11/exclusive-blogger-template.html
itu hanya menghilangkan nama home lalu di ganti dengan gambar rumah itu dengan class seperti biasa kok..
mungkin kalau bingung bisa komentar, sory telat balasnya agak sibuk soalnya.hehe
ane gak terlalu mahir kok sebenarnya..hehe coba mas mau merubah bagian mana atau ingin membuat apa gitu biar saya bantu..
X ✓error knp mbak ?? itu dah otomatis gak perlu instal2 :D
X ✓hehe makasih mas..
X ✓hehe beres dah.. ada yang baru lg ane share deh.wkwkwk
X ✓silahkan silahkan..
X ✓hehe onyee :D haha
X ✓hahaha masak sih ??
X ✓mantab kan mas ?? lanjutkan dah..hehe
X ✓hehe makasih banget mas..
X ✓keren mas ,, seperti style komentar maz-waone :D
X ✓hehe masih tahab perbaikan mas.. masih agak sibuk juga
X ✓sibuk ngapain mas ??? :)
X ✓haha persiapan marhaban ya ramadhan mas.. kumpulan aja lah istilahnya
X ✓Yang saya tanyakan.
X ✓1. Bikin tombol itu emotikon.
2. Trus cara meletakannya di dalam pesan koment tsb.
3. Trus kalo diklik muncul di jendela baru kaya blog nya ente. :D
Mohon bantuannya ya.. :D
maaf lagi on via mobile..
- Agoengsang -
Gimana om, kira - kira bisa bantu ga? :D
X ✓CSS tombolnya :
X ✓.tombolhijau:hover{box-shadow:0 1px 1px #000 inset;background-color:blue}
.tombolhijau{border:1px solid #444;left:0;margin-right:2px;text-decoration:none;cursor:pointer;background-color:green;background-image:-webkit-linear-gradient(top,#24B035,#00902E);border-radius:2px;position:relative;top:-1px;font-family:Arial,Sans-serif;font-weight:700;box-shadow:0 1px 1px rgba(0,0,0,0.4);text-shadow:0 1px 0 rgba(0,0,0,0.3);transition:none;color:#FFF;padding:3px 8px}
Kayaknya di blog ente udah masuk di dalam pesan komentar
Lalu pemanggilnya :
<a class='tombolhijau' href='http://boyz.googlecode.com/svn/html/mdf-emoticon.html' onclick='window.open(this.href, "popupwindow", "status=0, height=150, width=500, resizable=0, top=50, left=100");return false;' target='_blank'>Emoticon</a>
oh iya seh ,,, bentar lgi mau ramadhan :D ,,
X ✓Kode pemanggilnya diletakan di edit html atau di form pesan komentar.. :-?
X ✓kan di kolom pesan komentar dah ada kode pemanggilnya, seperti ini kode agan :
X ✓<a href="http://boyz.googlecode.com/svn/html/mdf-emoticon.html" title="Tambah emoticon biar seru" rel="nofollow"> <b>EMOTICON</b></a>
ganti aja kode pemanggil di atas..
yang kode ini di letakan dimana ya sob?
X ✓<data:blogCommentMessage/>
kalo di edit html punya ane ada 4
itukan kode sudah satu paket sama kotak modifikasi pesan komentar mas.. seperti ini mgkn previewnya :
X ✓<div id='pra-comment'><span><data:blogCommentMessage/></span>
kode pemanggilnya taruh di sampingnya..
iya betul itu kodenya. jadikode pemanggilnya di taruh ke empat - empatnya atau salah satu saja?
X ✓ke empat-empatnya mas..
X ✓http://oi41.tinypic.com/jry7a1.jpg
X ✓kode ini
.tombolhijau:hover{box-shadow:0 1px 1px #000 inset;background-color:blue}
.tombolhijau{border:1px solid #444;left:0;margin-right:2px;text-decoration:none;cursor:pointer;background-color:green;background-image:-webkit-linear-gradient(top,#24B035,#00902E);border-radius:2px;position:relative;top:-1px;font-family:Arial,Sans-serif;font-weight:700;box-shadow:0 1px 1px rgba(0,0,0,0.4);text-shadow:0 1px 0 rgba(0,0,0,0.3);transition:none;color:#FFF;padding:3px 8px}
di letakan dimana sob? :-d
http://oi41.tinypic.com/jry7a1.jpg
X ✓Hasil kok jadi gini?
kode ini
.tombolhijau:hover{box-shadow:0 1px 1px #000 inset;background-color:blue}
.tombolhijau{border:1px solid #444;left:0;margin-right:2px;text-decoration:none;cursor:pointer;background-color:green;background-image:-webkit-linear-gradient(top,#24B035,#00902E);border-radius:2px;position:relative;top:-1px;font-family:Arial,Sans-serif;font-weight:700;box-shadow:0 1px 1px rgba(0,0,0,0.4);text-shadow:0 1px 0 rgba(0,0,0,0.3);transition:none;color:#FFF;padding:3px 8px}
di letakan dimana sob? :-d
salah penempatan gan..ganti kode :
X ✓<a href="http://boyz.googlecode.com/svn/html/mdf-emoticon.html" title="Tambah emoticon biar seru" rel="nofollow"> <b>EMOTICON</b></a>
sama kode pemanggil terbaru itu tadi..
CSSnya itu di taruh di atas :
]]></b:skin>
kode pemanggil uda ane ganti yang terbaru.
X ✓CSSnya uda ane taruh di atas ]]>
tapi pas ganti kode pemanggil terbarunya kok dini ya?
http://oi42.tinypic.com/2d7evqd.jpg
taruhnya di edit htmlnya mas, bukan disitu.. seperti penjelasan di atas tadi ada kode :
X ✓<div id='pra-comment'><span><data:blogCommentMessage/></span><br/> [sebanyak 4kali]
nah, kode pemanggilnya taruh di sampingnya..
kode pemanggilnya uda ane taruh disitu semua.
X ✓tetep aja kaya gitu gan? gimana nih? [-(
ane tengok di kode agan salah meletakkannya sekarang..
X ✓begini deskripsi meletakkannya :
<div id='pra-comment'><span><data:blogCommentMessage/></span><br/>kode pemanggil</div>
kalau milik sobat, letaknya sudah diluar </div>
okesip. sudah bisa...
X ✓jadi kalo mau tambah tombol misalnya konversi kodelah, langkah nya juga seperti itu to?
yups.. semuanya sama
X ✓letakkan aja di sampingnya..
lucu-lucu masjin emoticonnya.. :D hehe
X ✓hehe harus dong..
X ✓nice article gan,......
X ✓coba dulu ne,....
silahkan gan..
X ✓maaf mas...knpa link sya ko gak di pasang lgi...
X ✓terus ko gak ada konfirmasi ke blog sya klo link sya gak di pasang lgi...
http://kumpulantipshebat.blogspot.com/
1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar
Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"
KONVERSI KODEEMOTICON