Tutorial:FaceMoods emotikon untuk blog komen ~ fitri1986

Home
Blog Tutorial
Tutorial:FaceMoods emotikon untuk blog komen

13 Disember 2010

Tutorial:FaceMoods emotikon untuk blog komen

SNAPSHOT:

Berfungsi Untuk IE dan Firefox ;)

Alright,jom pasang kat blog korang gak ;)

FaceMoods Emoticons For Blogger Comments

1.Login ke blogger dashboard--> Design- -> Edit HTML

2.Cari kod merah ni:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

3.Pastekan kod dibawah sebelum kod merah

<div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_YDro2_j-4liEXwOIdFX5uUTnNdpkmyG80oGGuVY1wtZ9LhpLnXyaMirjvUpm2bIghsSg-1IZBMZrBehxvvVXU9ffeHw9xfAYhqt1rkGUBHUl3ijcHObrAetmeDCy53DB81kQ2ZZUbO8/'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCeUny5fc_q3mk1CVYcFyr49qXujx14jSDhOQk-7nWZju5XqZlRY7niWEioPcyzJXRmg2AAwhiJ80gnEogDCqQDvbJtzuBTyM5yCRSgtro8MrwQXfHh7WYZFGqz8Xqe7kdTzirnLvcsFo/'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7BjGrejyyP9_3Ip_Enq9zrkZOclukdotgvxZl1ezyYdTRtpEdJ-W6-FPBmmX0hAs4_K45jyK6iid4R95mdT4r8007KnCUqmpodlVYEw6jAD0Eq0GnYemZN76meJxKFeg9995hUcx1b9w/'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9COm3VDWxZANbqxmD2TMYvshxlvwsK-QCBQ7-wroiNahFcTm-P8Xo767TiX5z3hSYPmIM48qQzvAGmB143DluDuexeQXplVNG4a87LAzD-VuxK0pzPYe87B6PvBAph2cTcEQDVViNS8/'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypRGgzP8cYZWSMmD-_tvzf_pmq0kXunEqusRqfLBciHGFQXgIUkTyUddI-KTjauTP20Yhc644ziRnrOZbOMpSQAo8tYuRBL3wNnIuTPDVZvAc88WPYpkCDI34FpUFP495VFi116AYAJ8/'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydknh6Qc0K_VHTRbBl4bFJz8ugSNVP4C6Y36HXWPooBIX23p81TrEb3FEbI74VntgJdW3UxHHBK9pDw7QpchMANK_0goyI_vfN6wwdMljKaAoUZ7ZbooOvX5c9czqK6jrDVTvgbcpAak/'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixndF23pXQI5uByEnjW8qG9-RtL03OY2CLygJrIDBvZ52kPWCjB_Dxn_ZThGWl0o2ePBsBscIj4DS98H7UW-WplZw_nn-tdzVjpTIsmmKSuKGISxZmhIT8BTFVoztknPwqFhaWoZsI_yk/'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7q-KoQjZOv7UeQ-Y1NGVYBjOKWyggGQ0gYV0WQ5X_Uuc_DYAa5TwZzvuv7UpPhwQh4meBKbd6novO0ZlXQO5KrsZWDrfQRp2WsGTY3ttPGIhm5d8f-6i7zc0zRF-eKPd7K_bqZhxPCOU/'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLSPYyxhaneP9T6BsxUUAWRUwlN9go6FNvMsHpYpsG8lGhVAgn5DMU6QKy69Kqq6-FJuZxg5YVP2ZaR732OA9f78CVHENH_7W1G_Cn6I4PG7wLb4qwGuYAALaH6kf7OwHse9BXkgEt7s/'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9kpwRZOAQan-IKSISWIst2BN5Lq7-TaJXSytRTuix126yMBhvivvBEWD8rmWyjxxqlj1sg8-_2YvFEjyp5a5c24W4SBXfw2ZZYQfYofeZaYwMrOedRD61CKWTgWqZZjrW6_8MkkvT88/'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GqV0yGSdDq-Kw6wOaPupK65VqxvS2lyyUJ9vQk4CPNyQHzTxr1wQBYvzx1rOGEppXq8ArEGViEKE5-h0JjhOOd5mPfJGVZtpu427C4-Hvc8aaFvKp7IbwRVXMhzklb27JSHMK0Jym-o/'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghCcy371KqhsqW1nK2p-gLH02ySL5ssV-1ti_YkR2Y7bk7_6DLiPvsfJxQHCdctsDhLuvZ9koxMeyR19mFkyz6k8gbzJ_T0sr5WBLk_08Lm-JFIArq_e6viSF86kktpPNSsmS5LJlTjUM/'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKD5kHwGAixRh5mKDI3vws057S2jQUv__4L0xVZyIMHOl3kKhnSI9XyuEH6sL8M0ZUQEz2PcI0E2fLmxWwIgmXFLJ3svrU-Wyf7XfUnjZ0XUODRxIrPx0kLiN0LVkOVOjZ9GebSf83Y4/'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMzFo5gr0IOkqWkZ2JoFj4-5Tcsp-veVk4t2A0zFT1dnToeIPr15hAv6xwPBxQPJkDEJLS8aXrZt_SCnIi99omSmfYBJD56KI_UukeY5rTUFwKuzQtX5ZH-DawUmwsgNGuUISayuoy20/'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOB8s5SwVTqSsrhN4cOSjmep-0q8HaL8rOtvPEXbmY6fuCVElsOq99elfAQe6_JGlwQjKV5N-Nu_i6ZU-IkE2oeNVjji1-dm1MAu4kg0QHgh9-qqUtjshIAC2AyIs4AVccmEw3eIOYb4/'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyPNfNoEw6zqNlht1rlfo642oeT0o9uS8Z7Iobt1jAqfOj_Ai8OQWtUPuF8L9GjGM9f9ZflNfAczrqpt0Z3lY3aOimZJztxSFEOKIGZz961P2LNF5v3Jk3yvcI-jZIZ6kHnbE30HQLxFs/'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlidAoA6qSOg0ueKsfXQW2x2sVWI1roqCnlX29CIpQwC5g6l-aBtHg8bs7MOpQuV8DxytKmpWeZT1surtK-kJrGsyEzZl-zgfeybqvAGwcAUvnd9Okjg74uDUnmDsq6xCkGObgxfFos0/'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1kGkoqRH6DIC8fgaWVhJDRCW_STcR0XQ-K6X0bGBbP-8E2t3JubE_V-Yao4CCr3l3UJrS-b5oMdtLkvIGvnPAAp1jvHuGJEdOcjBGoqM9J7C2tRKL2kDErpD0LNUGziTgwyVYVVMI1zA/'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrluE0XfpfR_2ooI9GNKRWcBmhPcrPdND1Siaw8Bf34zpa3se5ybdynyZRVH4_xrikdaSUUI_5esXaAq83oUX3NaRk_q0wVlhwv8b3uoD84TjcbD2X_EBHWKHkHcssp8nLq-ZGBuxN1Sk/'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzHa9XNiTB8R-SnPvqxv-SpTrxxcv9fksK0gkeL1GE1RSHQmdx3N6qTn9_OdDB4r-F3RC4kv3KH0ZBsaK1694e-NDu6bFADUFZgMDleEyo6lLj9lj4qBs7W1qoKFd4um4vM3WKFzZLCcw/'/> :t
</div>

4.Ok,sekarang cari kod </body> ,dan pastekan kod ni sebelum kod </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9kpwRZOAQan-IKSISWIst2BN5Lq7-TaJXSytRTuix126yMBhvivvBEWD8rmWyjxxqlj1sg8-_2YvFEjyp5a5c24W4SBXfw2ZZYQfYofeZaYwMrOedRD61CKWTgWqZZjrW6_8MkkvT88/' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GqV0yGSdDq-Kw6wOaPupK65VqxvS2lyyUJ9vQk4CPNyQHzTxr1wQBYvzx1rOGEppXq8ArEGViEKE5-h0JjhOOd5mPfJGVZtpu427C4-Hvc8aaFvKp7IbwRVXMhzklb27JSHMK0Jym-o/' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghCcy371KqhsqW1nK2p-gLH02ySL5ssV-1ti_YkR2Y7bk7_6DLiPvsfJxQHCdctsDhLuvZ9koxMeyR19mFkyz6k8gbzJ_T0sr5WBLk_08Lm-JFIArq_e6viSF86kktpPNSsmS5LJlTjUM/' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKD5kHwGAixRh5mKDI3vws057S2jQUv__4L0xVZyIMHOl3kKhnSI9XyuEH6sL8M0ZUQEz2PcI0E2fLmxWwIgmXFLJ3svrU-Wyf7XfUnjZ0XUODRxIrPx0kLiN0LVkOVOjZ9GebSf83Y4/' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMzFo5gr0IOkqWkZ2JoFj4-5Tcsp-veVk4t2A0zFT1dnToeIPr15hAv6xwPBxQPJkDEJLS8aXrZt_SCnIi99omSmfYBJD56KI_UukeY5rTUFwKuzQtX5ZH-DawUmwsgNGuUISayuoy20/' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOB8s5SwVTqSsrhN4cOSjmep-0q8HaL8rOtvPEXbmY6fuCVElsOq99elfAQe6_JGlwQjKV5N-Nu_i6ZU-IkE2oeNVjji1-dm1MAu4kg0QHgh9-qqUtjshIAC2AyIs4AVccmEw3eIOYb4/' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyPNfNoEw6zqNlht1rlfo642oeT0o9uS8Z7Iobt1jAqfOj_Ai8OQWtUPuF8L9GjGM9f9ZflNfAczrqpt0Z3lY3aOimZJztxSFEOKIGZz961P2LNF5v3Jk3yvcI-jZIZ6kHnbE30HQLxFs/' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlidAoA6qSOg0ueKsfXQW2x2sVWI1roqCnlX29CIpQwC5g6l-aBtHg8bs7MOpQuV8DxytKmpWeZT1surtK-kJrGsyEzZl-zgfeybqvAGwcAUvnd9Okjg74uDUnmDsq6xCkGObgxfFos0/' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1kGkoqRH6DIC8fgaWVhJDRCW_STcR0XQ-K6X0bGBbP-8E2t3JubE_V-Yao4CCr3l3UJrS-b5oMdtLkvIGvnPAAp1jvHuGJEdOcjBGoqM9J7C2tRKL2kDErpD0LNUGziTgwyVYVVMI1zA/' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrluE0XfpfR_2ooI9GNKRWcBmhPcrPdND1Siaw8Bf34zpa3se5ybdynyZRVH4_xrikdaSUUI_5esXaAq83oUX3NaRk_q0wVlhwv8b3uoD84TjcbD2X_EBHWKHkHcssp8nLq-ZGBuxN1Sk/' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzHa9XNiTB8R-SnPvqxv-SpTrxxcv9fksK0gkeL1GE1RSHQmdx3N6qTn9_OdDB4r-F3RC4kv3KH0ZBsaK1694e-NDu6bFADUFZgMDleEyo6lLj9lj4qBs7W1qoKFd4um4vM3WKFzZLCcw/' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_YDro2_j-4liEXwOIdFX5uUTnNdpkmyG80oGGuVY1wtZ9LhpLnXyaMirjvUpm2bIghsSg-1IZBMZrBehxvvVXU9ffeHw9xfAYhqt1rkGUBHUl3ijcHObrAetmeDCy53DB81kQ2ZZUbO8/' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCeUny5fc_q3mk1CVYcFyr49qXujx14jSDhOQk-7nWZju5XqZlRY7niWEioPcyzJXRmg2AAwhiJ80gnEogDCqQDvbJtzuBTyM5yCRSgtro8MrwQXfHh7WYZFGqz8Xqe7kdTzirnLvcsFo/' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7BjGrejyyP9_3Ip_Enq9zrkZOclukdotgvxZl1ezyYdTRtpEdJ-W6-FPBmmX0hAs4_K45jyK6iid4R95mdT4r8007KnCUqmpodlVYEw6jAD0Eq0GnYemZN76meJxKFeg9995hUcx1b9w/' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9COm3VDWxZANbqxmD2TMYvshxlvwsK-QCBQ7-wroiNahFcTm-P8Xo767TiX5z3hSYPmIM48qQzvAGmB143DluDuexeQXplVNG4a87LAzD-VuxK0pzPYe87B6PvBAph2cTcEQDVViNS8/' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypRGgzP8cYZWSMmD-_tvzf_pmq0kXunEqusRqfLBciHGFQXgIUkTyUddI-KTjauTP20Yhc644ziRnrOZbOMpSQAo8tYuRBL3wNnIuTPDVZvAc88WPYpkCDI34FpUFP495VFi116AYAJ8/' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydknh6Qc0K_VHTRbBl4bFJz8ugSNVP4C6Y36HXWPooBIX23p81TrEb3FEbI74VntgJdW3UxHHBK9pDw7QpchMANK_0goyI_vfN6wwdMljKaAoUZ7ZbooOvX5c9czqK6jrDVTvgbcpAak/' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixndF23pXQI5uByEnjW8qG9-RtL03OY2CLygJrIDBvZ52kPWCjB_Dxn_ZThGWl0o2ePBsBscIj4DS98H7UW-WplZw_nn-tdzVjpTIsmmKSuKGISxZmhIT8BTFVoztknPwqFhaWoZsI_yk/' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7q-KoQjZOv7UeQ-Y1NGVYBjOKWyggGQ0gYV0WQ5X_Uuc_DYAa5TwZzvuv7UpPhwQh4meBKbd6novO0ZlXQO5KrsZWDrfQRp2WsGTY3ttPGIhm5d8f-6i7zc0zRF-eKPd7K_bqZhxPCOU/' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLSPYyxhaneP9T6BsxUUAWRUwlN9go6FNvMsHpYpsG8lGhVAgn5DMU6QKy69Kqq6-FJuZxg5YVP2ZaR732OA9f78CVHENH_7W1G_Cn6I4PG7wLb4qwGuYAALaH6kf7OwHse9BXkgEt7s/' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Klik save template dan test emotikon korang =)
Nota:Cuba komen sebagai anonymous dahulu =)

Ok,ada lagi dua jenis emotikon untuk korang,selamat berjaya dengan yang ni =)

10 ulasan

Isnin, Disember 13, 2010 9:16:00 PTG

delete

nice tp takut lak hehehe tp cam mn nak tag org lam entri kita...tag blog org laen????

Aideal Fitri Admin

Isnin, Disember 13, 2010 9:20:00 PTG

delete

@nur intan hazirah Tag atau link?Saya dah terang yang awak tnya sebelum ni:h

Isnin, Disember 13, 2010 10:12:00 PTG

delete

nak try skrang :d

Isnin, Disember 13, 2010 10:15:00 PTG

delete

camne nak wat kotak leave a comment yg ade smiley ni? :r

Isnin, Disember 13, 2010 10:55:00 PTG

delete

huh!...cari lah ikon yg best lg doe..bru semart..

Latest Entry :
-> Lubang Terbesar Di Dunia Terletak Di Siberia
-> Bila Isu Bertunang Tanpa Sedar Itu Salah, Harap Maklum !

Aideal Fitri Admin

Isnin, Disember 13, 2010 11:06:00 PTG

delete

@Adha

<img alt='Comment here' border='0' src='http://1.bp.blogspot.com/_P7J-V68xQZ4/TOYpJVx_2FI/AAAAAAAADg0/ThFE7Ceqcwo/s1600/th_Leave_a_Comment.jpg'/>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>

kod smiley

</div>

Aideal Fitri Admin

Isnin, Disember 13, 2010 11:09:00 PTG

delete

@Anip™ Huh,x best ke yang ni huhu :o,tkpe nnti ada yng best lg aku bg :k

Isnin, Disember 13, 2010 11:41:00 PTG

delete

@Aideal Fitri letak belah mana kod ni?:n

Aideal Fitri Admin

Selasa, Disember 14, 2010 12:11:00 PG

delete

@Adha

Kat bawah:

<b:if cond='data:post.allowNewComments'>

Little Pink Closet

Ahad, Mac 20, 2011 2:05:00 PTG

delete

Thanks!... tapi saya gunakan smile gift sendiri :m

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

Langgan: Catat Ulasan (Atom)

Blog: Aideal Fitri | 1986