Already I
posted two smiley emoticons tutorial facemoods and yahoo emoticons. Today we
will learn on how to add a collection of cute Skype emoticons above Blogger
comment form. This is another beautiful style for comment box on blogger blog.
Step 1:
Display Skype Emoticons In Blogger Comment Form:
- Login to your Blogger Dashboard click here
- Select your blog and click on right side bar
- Select "Template" on drop down menu
- Now create a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on "Backup /Restore" and download Full Template.
- Click on "Edit HTML" button
Add Skype Smiley Emoticons to Blogger Comment Section:
- Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box.
- Write in Search box
<h4
id='comment-post-message'><data:postCommentMsg/></h4>
- Hit enter your keyboard and find this tag then past the bellow code before this tag
Skype emoticons download:
<div style='
width: 450px;
text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding:
10px; color:#0084ce; font-weight:bold; '>
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrQRbbrHwN9IuN-gEiM7oVLFycgxZQGi9_gkgMV0WxVQ2-9rMI9jlTgfVgbZxV_qIwtmv1NPFUIR-zsmqNvBqiA6lPUGP9DFIT4MN5FQg_aYJQM3eRiQZ_GzuqviyruGeNjdjyNSSVg44/s800/emoticon-0100-smile.gif'/>
:a
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPuZIx7qb8z_UWhoyvov1ghRRhuGKlhdBMtEN5WgbRu4VEVsCikkoOsbgBHbyl-JoRdbJE1SNiIQjb2-msfNgjwUewKdbmdxq4asUViKWITnzytArpYXAu3InksI8CpvJ6ABhej0UtMKs/s800/emoticon-0101-sadsmile.gif'/>
:b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDBoPNyRWdKq1IGLUMhbNQ2IsRrhyphenhyphenodl8uSMRR9kd34AMS8c1DizkT5XtGnmkho-vq9eOgr5XdqDtB2mjop-hC5-LovRSrkcV9a90oLrWihYT3RO154VIvKY5XvXSszSYq7mXxeENlCE/s800/emoticon-0102-bigsmile.gif'/>
:c
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2k8dKS4nAE0G20VflnRgKHfEZpAtfUey0X4hpQeoOz9C0bvXZoMUlcZVIDgJl99t16UkiZvXiAz2Pu7GaP4pETST4nskOfaWc-EropQ0EEfXIpaCY2NhURFv-sm2CLH16JaoScIbnoAg/s800/emoticon-0105-wink.gif'/>
:d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRdnUMtYW3pV5xQVrnTIdGpznpZVY29csusxl9ahUGGBTfnWBhDxYg9ENWhB7fsvURtAqqNFzWXMxYlLpzDrH0WeQdOXaI1brK0402T55p5pddzAg7Y2li3-v7m4J9zG_nEfSKrBI5cFQ/s800/emoticon-0104-surprised.gif'/>
:e
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94vuClHhfkpr9WyR0ECrbp01riRl-QHWc_mGEFr7m031ikcGYpuVmTai1c9zpNPZ4Pavm91Gqd6Qr8lDAcuZE8cFKrYMMWMeyFwFP5qKJwOgX08r3YTvRdx2w5o2n1J9hCZlhqca8aN8/s800/emoticon-0106-crying.gif'/>
:f
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_EnqObGnQ2RAbAc9EX3C0xvzZxIaTDIjDGBOdu6bYhiXzy9lsHhxnYx9BWH4jhJv3u5kOxgi_TkpT-qcTOQhAzVFQxvkQMFkx_H0amjOc4dyHvf41fRWUhyphenhyphenAEQ1ytGjtK-0SMlTIb7E/s800/emoticon-0109-kiss.gif'/>
:g
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWY-lf7OZ6AXAnQZBmkck1v1Q3dLgEneFI5bCVVyMf0rkTt6-VXGMUSjSqI5Pt77GFPyrjAT483Dfus-aCibF25ITQjSFBHDQ5YWJ7k6i9MFuaWczziwXGtFqfGn_T8jrtxUdTLUpkBe4/s800/emoticon-0111-blush.gif'/>
:h
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAnst15aEVp7nib3NUox_KTAg_0wQBcKbeHadJXMxYgSsoZLYot4GqWMR3utYpXLzNFO5B6qZXkeREmM5eJX8_xQ_7CGPfQYGau1-PhhpBCCaqu83ih2mSbNcKNE3-PPvFWzz_zT7JnKo/s800/emoticon-0110-tongueout.gif'/>
:i
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NiV_ZcmHbtotKL9lmtyaVNCb2heP22u0bfROTBxNlrPVrMZS4vPIBf9Yis_6XXXYLjhO5MGN5ioIUznO90zISmna4N5dwLB9AemFppdpK5nWXVp_7PHNoSKqtgNUe5Mk7GdzKhjmlh4/s800/emoticon-0126-nerd.gif'/>
:j
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPyDy_X3ReJCbQKkhsB7oK_xBz8H7xwf9vTeeh7Ow4a-EhM8IkCquh-mAPeLjbQzL_kU52ocpH6sD5AMIDjFtQ_O8SNDHYK5dgYGRPi1Unp98O5MabSePIyVQ_1NHvowkzr7ZxD8MpNcU/s800/emoticon-0103-cool.gif'/>
:k
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvlwhdx7aKk62-EFgGq5hJOXo362Bwx_BXy0DO4r42EvgARBpxggKLqEcz89YOUgsnn17V-nLTexCg4uZ_V_gIhXrNHRuEXw1DYaTjWS6h8cvO2IdOCT9vVn1T0ct0BdrMPpw_cEyefsE/s800/emoticon-0130-devil.gif'/>
:l
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfyCEINNopcgTg3zeuuA97Z9MAyPXJjYde0Sel4EcpQBfTe04bvYlw0lq8QbN8Ogw28Dtn43bFeLNkfP7Vbb-aY-bAAlLdDHGClzsD1r6wE2TuFrY4lE7KjOglR-n2iapYPkF7538Xc9o/s800/emoticon-0133-wait.gif'/>
:m
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vd2hNo5eSj6Aem15GphTc2M2X336HaYs0pft2V7GKzuAWWXhiOVV4esen52_6inYpk-iRpEFNIYXc7G3s2RSkiwWM-ytKSlnP0H8Esm27plaj74G98zMvqLm4p48l2dO8gEMV2Ni9XE/s800/emoticon-0137-clapping.gif'/>
:n
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg57MR7vX-dnxt6m_BgTMdSGn-b6GxvOQ0-MAmiJj0PaEJ8Gm3vOzIlkDuyTvhXWkEI1Pey4KC7bgirMy7UAH3jXXuVBDrwlIeqWRJvL39OSv8JrXMCR84lUnRfV8Tz7cQ8S1VjruJcXzw/s800/emoticon-0136-giggle.gif'/>
:o
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2oBfAw1MKgIIfrfvxxoG0a8RlRcCNBz5SVE4xil42OBhp5ZuYGg7CONVDjSzR4OutJ0MbTcszqwvgeyG6f7c61h8zys2J0VK_awriqPpQGunG8rZaMoIMlj3fEDmeREC37E8Bjo3IYo/s800/emoticon-0141-whew.gif'/>
:p
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMW29EjDoYjWZJYmW896gt8Sq8Aby7FPcHoQmhyphenhyphenXLb_OCSbFyEx0QW8hgGit9jKLFn5xjxTMeNZFOBtD_Jl_AmQTyuG-joR0GSVh4wMqw9UG55IEOzLdS5ZZdxo4hiqDk6wXD74dCymrk/s800/emoticon-0148-yes.gif'/>
:q
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKdEaVVJ2NHLte5yzpkATf0dseMghkBaxEgxzp94DdmkiZluiaXIggUZQPguMXsvoXvfftViLqRj6kVZFYSykJtiBVsYUjpEYYjoDCmaoZiBOjuS3adyq46osPW1MtmpOdhKzzLqhOuA/s800/emoticon-0149-no.gif'/>
:r
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmdHbgNdCGEduzdRmDzxo59UpUE9dorgK6Z2_smBy_kCy8wZlHF0OesBMGAhd8GqyM0bvcCgTN7K0aUrwztV4aRKGVpo7gx4_JI_l1Xgakw2vTBnow4Eou7rv0N7IShmu2Dn1H4cnCn4/s800/emoticon-0178-rock.gif'/>
:s
 
<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZF-n9GOaodrIOU8-El26UJQutKhhmeUz5jGvXo6JLd-d56Ewz-uDTcSB3-mifByqBuMVen1avkt2ykTOOQYgRuCH1hyphenhyphenx1FAngBhCZoBWa8tGbrcE5MoIboKrUbgkCA7ZtS_Jdx9WZNs/s800/emoticon-0155-flower.gif'/>
:t
</div>
Note: Change “width 450px” as your choice width
Step 2:
Add Skype Smiley Emoticons to Blogger Template:
- Search again </body> tag
inside the code area and find it
- Copy the bellow code and paste before </body> tag.
<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/AVvXsEg-mTKy9vAqEColwdK-ImNU2VIlGGyZqigiaUQHPkRJGexBSy8ZtLIuUdCdVI3xZCE99pGc4CbKPmwRUaIOGk1y5fNrb41IWsnHqy2RStaw0K_bjN0LLZMVzYC2kMRTVw0rNxJYzgz6DXI/'
alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDq9B5Cph5tECAklo62Pxvjt4FPMr131nYNYywqeMvav8qNe7-7eNlSBX5oGRm0mQCLFS5aypb0jx3A1eaKu2u0aIPuyhDKHoNjOaJQGSbKzMsKZSUgHeMlUrWdMfBzgg6YOu6Hlv9Z7c/'
alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk4csvOdBL7kF631uKmy7uRhj_Pc_0T3in-CcrMAZA8otEfT_inxDRom675hDtQo5Ps_sv7kyJu2iBHXMYj9qPd1C4aVQou8XPQSTO8RRXXksAqWBa5Xse7GFYqiQ-9Zys0h_E2zWDbOc/'
alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOrdi_orNbOVYOUmBZXYGMCz-67e0imlfOfuam0-ucQQlIJNCl6OdyrQE4hmNHG0Ug-aUR3ddnmFMzhzC-dAmxxAW0Wv7faC7CzhLIWqvHNXnS_JLoLowo_HgbivgLDeAsCL4QovL8BI/'
alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDzhw4s8W9fLWPlpYLFZEBCsS9Zj9rS4aHysy7LvMIr-qLi9b40xGLKGVyEb7YMNflCmWuCZBaXZ6G_fpkU_TjL2ng7cBfC9meUg9jfBBULIEIuO_ZOgbk4DNI1cDG5G3LG81m2BGYpQ4/'
alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfPdNlAbjxso_1o9m1GNb8-R8Q87SXDLXZMqNscCOVJQ2FgjC7udzfTIpj_2UO5z_2H5RQczs7QlLRlBgzLMAPLowqJt2Y43ee0AwhstpkE1BvIs7VhcwTZUUU2ISPIA900NHRBndrDD4/'
alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpTVUJuJjL9e7gBhZTyFjxwAOwAd6-g52t_gFhR87gXXQL2EKhFhVUhDIuuHgKhGKNys4m5KQHADunbKON3kcM-vU1_y2lseT96i10DG6ifSIN_leuNc1gFDDLrfRusV-jaOmsV_Ounk/'
alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1AM1WlX9n-9qtIyqdwlwJFeai2PjwuYeEIh4mcFNxLr0d-TyGSvpV7I-bpB5h7rfcw1ZrzZlUu362qz2naFIxZ5CwrOAAphU6SzCyyUcPjwHQ_BQBJy83WylF9KyqEen4HxI-LMvaso/'
alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNA2sOf7PDDfWyXRsyKuOqJNgKMYDIPUS9mRj95L9LtMX5a6SttZCf_XxfTv-s5bnjcFvvV0AUaxLdJpXLfHz1c9yCveeVjrmGEUE6i_b_PRAa2TYsIEIjzhS3clPKj1hDVyNnJyD91o/'
alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXexCePkipe3Irr-VaoXpb-W3tr2blnBN3UhH3KIcAm6SPUYf2ae5lFXrpSNmbCNr4oQ5ZSUyG5SSbuyXgsN7LaJpizzFxSP0sgb8lPPabU6PBmdWNO1exKxZmEyVuWom-6naLuCuvWU/'
alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV061OqLAgIMBZ27JOvs-uLgiSL8ki5HfJzlNIov6fMHkgSBgp9WajySZQbQuoFBb8HHDdzRTY_9uRrNUdPLXD5MQ7Iy8EK7jymcKDiLcq9nKsfxvXya41f54T9_VcH-ic-uJYbI6h2KI/'
alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVUzLtkD1WlyzQ8RdufCarHhtha12gWtcLVzJMy1u8yIVibdU4kcxerwC2VaKnHCSJDbqVnzkVyx3eXZ-BUvsWGWISf346JbnIu312NTOuJny7QCNX-bQNmNCzR2AIqT_-BfMqnRd6kU/'
alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheI4ifjIT5l-mHfgx51ppVXIqxk9oOx1HjcdJ7syiHks_J5uTaVcqr54itPs0kkI3qii4DKA0IVIqJToPQmrv021eSyMRwoNNcbv8FMC11fYlim7KHI4kp5onWzmZVQqRoSD3i6N-cXf4/'
alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_QjLKfbzBNiBjR7sGgMz1zyp54K53e5L9XAE6k7H4liT6g6N3VYtExsthCDemrAqdfAYodAEVRsPYJzx6QK-TaAQxotUGABjvjlTpVF8g8f13j2L69m8IGHFVFE7EeXj9HjlxuDwCUnc/'
alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhakAPNbfUIOdddwUdhhX4Dal52zu5EDJG38deF-JPE1FE_lWCbaLLVPNaWsSPzCa63G-7ePDGM4wQmwOm5FZslH1t_YhtS_uxIRuc3lIsFYoMTWU79VUX1RlK8G1in3Pt56tpvt2WHsFk/'
alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eUrqqX9Wz0WFUcY4zStc92rwaiNOsDxvtDwSLc692wTvMSYPLCk7TSVx3qpgFZ4gGULiXJleSd6CcO735x-qm4aasVNpnDOT6yc9hUYgK1RyJBObCC2RaMTs0RNvtwElFmw20kfKmxc/'
alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWTAzhcahmVvtvXPSALAw2hDREhTwj9Lw7xTt_vVGcTVoRmO-ykAI4pBb179EbilXJtV6x1MtSTcOSay10ob0LjENTSVYOUSbh_7_gxeeGiimjr_EYSsNs1fZndMETtu4TcIKargP9meM/'
alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2KfvSKyI5bi1OnkF9uGVpaD-1Uu651mDsIdtG3joXXPVk1STxSUPafC5j8w3d4ur9Wwv0yvr4OS_uXzUFEtelEDVCsTXBFPAZuGnUeipDymzJyV7lS1MJk5hTtW_Y2u-A6sKHJO7zBNg/'
alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxSfdVGRzv4U7U1md3qQbVR4_4ycQktP6IIFtqBLTl11HsIaxxfzirQHgOM4dPWmBtEVZJTIQcBgJ-MkLHMEjlkTsCSx9_uSrTj4nZ7p1qtSQoPZVNeaj0hKaOoxTJt-aSR0R7oZCbZx0/'
alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0yE4uL3cSvSTQUEle4pBrS4L9b324XN9a5adUOX-lvqiLBAmaKtO_FfFPwo21pV1c0qJ2lo9RKrV_oCVJs-ZhwBmi3QdX3h2WO4lM0MCCToukx7p3OHTklOyBMdOWbnDVjGyuLMK_CJ0/'
alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>- Now click on Save template button.
That's all.
---------------------------------------------------
If you have any question and suggestions related blogger
Thanks to follow this tutorial
Best regards
help2blogging team
Comments
Post a Comment