Skip to main content

How to Add Facebook Emoticons To Your Blogger Comments


Add Facebook Emoticons To Your Blogger Comments





Add Facebook Emoticons to your blogger comment Box. A visitor can easily use these emoticons in blogger comment box. These emoticons contain code, use this code in the comment box body, then click publish to see these emoticons. This will create a great impression about your website.







Step 1. From your Blogger Dashboard, go to Template and click the Edit HTML button






Add Facebook Emoticons To Your Blogger Comments



Step 2. Type or paste one of the below lines inside the search box, then hit Enter in order to find it:







  • For previous commenting system: 



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


  • For threaded comments:



<div class='post-footer-line post-footer-line-3'>



Step 3. Add the below code just above it



(for threaded comments, add the code after):


<b:if cond='data:blog.pageType == "item"'>

<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9O_CUxbeuhPIFwgDhgv7aQpN6ZB8YU9tAc9X3HizmBy4ThtNOvOqmk4bBSzzAa5mmARoEgfweU4pmjdl1iSlrKZyw_tu8jxuldm1-Eqim2kNJRzVQeCIs_cOLTELOlAfNxuM4JU4U2GnL/s1600/helplogger.blogspot.com(1).gif'/> :a

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjMkGckEFfN0Dk6VU7AgZozaVFpjP3R9zo5MgjquHNYTE_Mee4uNNdE3dkJtznKdv9Bu-Dc-Hax0UF21ST81DOUWdq-FDC1aorrVUli0nQnnHGUhFaIjwv3iZsa-9lSwx2VaoOxv7NyFC/s1600/helplogger.blogspot.com+(2).gif'/> :b

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiztL3MJdMcVrmMsOfCXWv7-_KP6BIocCZa7MZpFv4N3kq1wy8Xu9mK61-m6MwtiPUrTlYOcb0Alfq9khdUv4dDusUWJ1D_Ke4IxVXxQgO9Tg9yaD-_9Ix8Gv5yDf4eqdao5YXcpSAfp6YE/s1600/helplogger.blogspot.com(3).gif'/> :c

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1H7vbMmkL5HI_IH59zzUjNj4TONLOp8Sw336pVJb-ejqegQEonOhXWus_HOU8WJFRsVSn_aE0MwA1RtDPQM28MzzQ6WXA1c62kV3YGFF3VKOOD4ZUOaNtSxGCLlNTdPbrcxLXVQd8crM/s1600/helplogger.blogspot.com(4).gif'/> :d

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5XL_9tgqYRXtxXZjdXCg9eC6AOhWZn-ONdlzoF7UNIoNJqzttXwvt8ILUaifh9-iUCrDBgxPmAev5Y7bBJ_MzbN43KyQRCuk-YEhFopqq4jHffXTaWlZgtTfSQjeZLJMVXLYlJcxh6fq/s1600/helplogger.blogspot.com(5).gif'/> :e

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx8YlsqN-2_QLy-Azead3tx00Ytb3Odoyy90XllPPBVWGYLSaPT-UjKYGYebfYJBJlyBWflLSlotibHPPrfDJfTOk5vfdMh_kaCDDEEjG9Yj4mZKYQo-jkO3R0Eo-97KVZcvqRQJOc5B_M/s1600/helplogger.blogspot.com(6).gif'/> :f

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrSvTlxaZLQmXUF6l7YqEp1j1c7NxtdpUb7CQVMby104ZabmEbyBq6erUmo_PKpsKv4bMl5q3WETIF8BrYcE7PJV5i4hAVX__P4s0utmZWR8dBVHaGkCQbz_MDhviHIQIvmjtbzbQCce6V/s1600/helplogger.blogspot.com(7).gif'/> :g

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPmBb2oac6Wp8y6iCSEgkxdDjjImyLPj0-uowWlAqWtz5OFHInut9mY_fTrR624tZxltqhw0clMBj7VtavsgEV-Bt92Sdqyze520FfRJtYFSARppUVYqy2OQU4vypPQnNzZyEfnI5CgOa/s1600/helplogger.blogspot.com(8).gif'/> :h

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HyOo4DdrabdC7X2Hx1nHvIJE1sjoFuQ0JKcEydMUcYdg72_ntFBTM1t3F2S42KAUq_AC7HOOPqVbI7CKZ8QMUk7c-1UYQ4iKSLZkyx0D31WvYGvrbxA2gKXse8V2Qb-xSiq8OdE91VoB/s1600/helplogger.blogspot.com(9).gif'/> :i

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl2Uzueh-XEHd4-k7Zq0DGrSfOKyY1B-MwGB5mRwqwfiP1FAYA-FhQzncWDA80RFkOnBwjsEvU1LrqXd7NrhhELDfrZj7pYSHKigLVcmXb1su-795pgDM5ckUxIeEj6DHU4mKOM8dxuqY/s1600/helplogger.blogspot.com(10).gif'/> :j

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAs16sGuNoBOfRRoSux9E-R_1I13y_ckMDjqEytX_Epuhhk5WxZLK1hH8cRUGeb-HWPploi4Xr5pZ7vK473MGd1D9UeTvbTcmQQaCszZtSz6yDRICsIedr3TZiN08Ce3LZdLu2gxkgQAf/s1600/helplogger.blogspot.com(11).gif'/> :k

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8njxlNqEWDTEMN5DvAdkTAbni2C1nUwC7IWCiXvOvADXo6mtrhaT734-z70K5jn4ph6AEN1raYTD6xzTOZRTHNUI7X3PcGX-feHcUmafBv9VHitBQaG-x62sm-dWt2AyEabRcotdIy6bu/s1600/helplogger.blogspot.com(12).gif'/> :l

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfKz3HtvZ-hv3xdBCJTlbQcifRk2ZY9km6EOn-y7fusPTSLSP5UlUJ7NxO7BK2MQ1dI_aZfqnKQ4ny6dtweniAQWM4OIwBcGmslaTbdE3I1m8DtOG7y-c-gwrH4hazkVyLVPUPBc6bBv98/s1600/helplogger.blogspot.com(13).gif'/> :m

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xS_D50aw91vUgJS_hCcfNBtRF1vsfyxE-P7S2fPDm8YGwnv8x24qj1nnMPRWdyY1ukzaM06zUOedHiobsAynTEWsqLX7xDFcL-Ut5lc08SWtiw8kAMJBNyIY-Zdx2VOJQuOSxKpdCWSN/s1600/helplogger.blogspot.com(15).gif'/> :n

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNvLnh629WLwdwlby8bSSTU56DDuulhk0f24r8cmRh6UmOvFcSyCAOsL4Cz1ouJeMQQguChi6QR3WZR72fhtkRPUGUdDCyTvDooo6aB-BkuCSUZbJpwba8jbxuvbw58fttoN1oUmeZhc3j/s1600/helplogger.blogspot.com(16).gif'/> :o

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0NI2l7zIYWWG2JVOLpPKrrJgV3KGaHc25N0i66SRz3kExuM2CGVmKE6_6PsoBnk-_MtPoZDTZVdoIEJOtniPNNcs-9bow2tVr6Kj68itNVzI_pbszoRPRyjXoMcZ-MwlMzsjqukV_hGF/s1600/helplogger.blogspot.com(14).gif'/> :p

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBQPG6YEA9bEXVxLvE_jpw4YUzwki96K_Tiknt4dRK-y1C42RQ-sMk0oNfPSDwQadPuqCAKve6u3WpUc9vP6VBlWHEdkgysDv8kWaIfE2SOY4Jup2KymAVUwJcX2zL8RBGbVxPo4Df30u/s1600/helplogger.blogspot.com(17).gif'/> :q

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4rCYqVQ0QRViLQBFzOXZDt5b6uWYhvOeAU5e-k_uPv1fsLgzb_t7LSo_RLD9CQDMgrXlFzHD39KoTNNSkdh0rItD_w7zE2eItqbH0cT81P8_03K4oLTTl5IgwWa5tiy9CxeLlZc1DG8a/s1600/helplogger.blogspot.com(18).gif'/> :r

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVV7jYDuizfgjnluyuD6tpcTz-fA6i0qKeqs6NzKEQSB_0YcovAD3aWbkbUq0UUq7GuniHtmAPY4AZmUxa_4vSYwA5Xo0B1fW7Pffi0lW8aDKqA42DOFnj8ieYJOF2GtaphaLl0_BAjCj/s1600/helplogger.blogspot.com(19).gif'/> :s

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH5W8KTZK6lmBNorfyYdkzLt0n95OZXNdtjuX27IQZGeBgGbDryDM_7VZlMeFRmPVTRx5D1t7sS5RJm8pgpJD7irvkoGmxN3bcfdoD9BrrIZyaswcDl4LRZ6b4Ujzgu2JK95IxlPISGqKJ/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>

</div></b:if>

Step 4. Now search for this piece of code:


</body>

Step 5. And add the following code immediately above it:






  • For previous commenting system:



<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>


  • For threaded comments: 



<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. Save the Template and Done!








Labels:

Comments

Post a Comment

Feel free to leave your message here.

Popular posts from this blog

Bouncy Content Filter for big Website

This space-saving content filter allows the users to switch from one category to the other in a fancy way! Each click fires the rotation of the gallery images, revealing the items belonging to the selected category. Content filters  are particularly useful for big websites, where each pixel counts. Lets say you are showing the “ last products ” of your e-commerce . How about giving the users the option to switch to the “most popular” products without a page refresh? A good solution could be to hide the “most popular” items right behind the “last products”, then use the power of CSS3 3D Transforms to rotate the items when the user switches from one option to the other. The bounce effect is optional, but you get the idea! The rotation won’t work on older browsers like IE9, but the experience won’t be broken – just a display on/off with no transitions. Lets dive into the code! Creating the structure We wrapped the filter into a <nav> element. The filter structur...
Post a Comment
Read more

Content slider with Zoom Effect for a predefined area in each slide

Zoom Slider Today’s Blueprint is a simple content slider with depth-like zoom functionality. Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon for zooming is clicked, the zoom area as well as the page get scaled, creating the illusion that the viewer is approaching the item. Once the whole page is covered, we show some more details. Navigating the slider will animate the inner parts of the slide, allowing for an independent control of the image area and the title. We are using CSS transitions and dymanic.js for moving the slide elements. Dymanic.js by Michaël Villar is a JavaScript library to create physics-based animations. Please note that we are using a couple of modern CSS properties, so only contemporary browsers are supported. The HTML <!-- Main container --> <div class="container"> <!-- Blueprint header --> <header class="bp-header cf"> ...
Post a Comment
Read more

An AJAX Based Shopping Cart with Drap Drop Item Effect

An AJAX Based Shopping Cart In this tutorial we will create an AJAX Based Shopping Cart with Drag and Drop feature.You can easily use this shopping cart in you store.All the products are going to be stored in a MySQL database, with PHP showing and processing the data. So go ahead, download the demo files and start reading. Step 1 – the MySQL Database If you want to set up a working demo, you’ll need to execute the following SQL code in your database manager (e.g. phpMyAdmin). It will set up the table and insert a few products. The code is also available in table.sql in the demo files. table.sql CREATE TABLE IF NOT EXISTS `internet_shop` ( `id` int ( 6 ) NOT NULL auto_increment, `img` varchar ( 32 ) collate utf8_unicode_ci NOT NULL default '' , `name` varchar ( 64 ) collate utf8_unicode_ci NOT NULL default '' , `description` text collate utf8_unicode_ci NOT NULL , `price` double NOT NULL default '0' , PRIMARY K...
Post a Comment
Read more