Monday, April 14, 2014

How to Add Emoticons/Smileys in Blogger Comments alphause

Po ... How to Add Emoticons/Smileys in Blogger Comments 56 comments Emoticons/Smileys are a great way of making discussions more interesting and fun, so it's a pity that Blogger don't support them. This tutorial will show you some simple steps on how to add some very cute emoticons called Kolobok to your Blogger/Blogspot comments, so that you and your blog visitors will be able to have an enjoyable time together. Now available for threaded commenting system too! DEMO How To Add Kolobok Smileys In Blogger Comments Step 1.Go to Dashboard - Template - Edit HTML - Proceed Step 2. Expand Widget Template (make a backup) Step 3.Search (CTRL + F) for this tag: Step 4.Copy and paste just above it, this code: For previous commenting system (comments without reply option)
Show Emoticons
Note: Ignore steps 11-12 if you are using threaded comments! Step 11.Finally, find this code ]]> Step 12.Add this one below, just above ]]> .emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;width:400px;} .emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;} Note:if you want to change the size of the emoticon container, edit the red code. Step 13.Save the Template and you're done. Enjoy! If you have any problem and need help, please leave a comment below. Like 14 Random Posts Wrap text around Adsense block in left or right corner04/03/2012 - 11 Comments Create A Rollover Image Effect (change image on mouseover)31/05/2012 - 55 Comments How to Write SEO Optimized Blog Posts09/11/2013 - 4 Comments Related Posts: How to Add Emoticons/Smileys in Blo... What is the difference between padd... How to Use Cookies in Javascript How to Add CSS code To Blogger usin... How to add custom Variable definiti... 56 comments: revolution 4/25/2012 I guess adding some sort of live discussions to a blog is also a great value addition , visitors can discuss among themselves and that is much more fun than comments ....there are numerous such services available on web for free ....ex : http://confaber.com Reply rvm 5/02/2012 It Works ,,,,,,,, hey Could u Help with Tht Link Adsense which u Put just above " The Menu Bar " and one in this Post above "Related Post " Reply Soon,,,,, Thanks... and Hey Thanks u so much I learn Lots of Things From ur Blog ,,, Great Work Keep it Up.... Reply Arun attuvassery 5/08/2012 can i add more myself, reply to monu.arun0@ gmail.com Reply Together We Share 5/10/2012 Oh.. I failed. Template is unwell formatted :( Reply Replies Admin 5/12/2012 Sorry, i think i wasn't too specific. Try to find this code (instead of the one from step 4): You'll find the "" code just after it. You should paste thecode just after I hope it works. Romel Rayo 5/17/2012 Its not working :(( http://clickterest.blogsp ot.com Reply Anonymous 5/21/2012 I'm a little confused, how it works?, the emoticon box hide and show correctly, but how do I to select the desired emoticon? When I write, for example, :X, only shows :X I need some help. Reply Replies Admin 5/22/2012 Make sure you have correctly added the code from step 2 and 3 Đức Nguyễn Minh 12/18/2012 me too, and the emotion box only show when the aticle not have any comment before. http://custom-android- dn.blogspot.com Syakila 6/07/2012 nice3 one.. i like it Reply pips 6/16/2012 Nice and helpful article. Thanks to admin. His work is really helpful. I have been reading this blog for two days. It is really helpful for me. Reply Neha 9/21/2012 Thanks, it very good. Reply Roberta R. 10/04/2012 Can I use the same code if I link to my own smileys (changing the Photobucket links of course)? Thanks! Reply Replies Admin 10/08/2012 Yes you can, but you must change the smileys location in the javascript (step 2) file also. You can open the javascript file with your browser by pasting this address in the location field http://helplogger.goo glecode.com /svn/trunk/[ helplogger.blogspot.c om]smileys.jsthen save and open it with a notepad and change the smileys location there. After that, you have to host your javascript file and replace the js address from step 2 with your own. You can upload it to Google Code. vicky manase 11/08/2012 ADMIN YOUR BLOG IS SOO HELP FULL BUT CAN YOU EXPLAIN A BIT MORE ON HOW TO ADD OUR OWN EMOTICONS FROM PHOTO BUCKET.? THANKS IN ADVANCE vicky manase 11/08/2012 YOU KNOW WHAT..YOUR A BRIGHT.. I HAVE GO FOR ALL THE STEPS UP TO CHANGING THE CODE..NOW HOW CAN I HOST..HELP PLEASE MUCH APPRECIATE HungryCat 11/08/2012 Can I use the same smileys in my posts? Reply Macx Z 11/08/2012 Nice :D Reply Jabelchen 11/10/2012 Thanks! It works Reply india classifieds 11/12/2012 thanks for great blog Smileys tips. this tips really important for me Reply Lillia 12/08/2012 didnt work. It 'SHOWED' the emotes above the comment, but when I actually typed them into the comment and posted it, the emote didn't show :( Reply Feri Agusetiawan 12/10/2012 Follow my site, I already follow you. Thanks :) Reply Anonymous 12/11/2012 Good work! Reply hannavn.com 12/13/2012 thanks. It's useful! ^^ Reply Dong Nguyen 12/23/2012 I've wrote a small script that allows to display emoticon on your blogger without any efforce. Please try this plugin at here: https://github.com /dongnd/Blogger- Emoticons Any feedback is welcome. Reply Wahyu Rozaq Ardiansyah 12/28/2012 wew.. it looks like more difficult than i think.. XD Reply Ramon Xick 12/30/2012 whats wrong with resize frame function? not work on my site.. :( Reply Anonymous 1/06/2013 Does it work for posts too? Reply Chat 1/29/2013 Very good and interesting site with very good look and perfect information I like it. Reply GuidePedia 2/13/2013 thanks for your informative post now i will also add on my blogger Reply Varun ApplicationsZone 2/26/2013 not working did this setup for 3-5 times....when i enter a comment eg: :(( it does not changes... Reply silentsahan 3/16/2013 thank u very much bro... Reply සෙන්නා 3/29/2013 many thanks.. successfully done.. Reply Replies silentsahan 3/29/2013 oyawa mata hodata dakala purudui wage... අඩවි රජ 5/02/2013 මට මුන් දෙන්නම මීටර් වගේ ;) SilentSahan 5/02/2013 උබ කොහෙද මචන් ...? :) Max Teodorowicz 4/19/2013 Thank you, this post helped me delete them! :) Reply Anonymous 4/25/2013 Works and looks nice, but how to move the faces box above comments box, and make it stay there, cuz now, when there is comments, faces box goes above the first comment, and when you want you to comment using smiley, you have to scrool all the way up:/ Reply Andra Febrian 5/08/2013 Not works on my blog Reply Misha 5/29/2013 Hello! I can't find "Expand Widget Template" ... hence can't do Step 2.. help please Reply Replies Admin 5/30/2013 Hi dear, The "Expand Widget Template" is not available anymore since Blogger has changed the template editor... so you'll have to search them and expand the widgets manually. For more info on how to use the new Blogger HTML Editor, please read this tutorial Hope it helps... thanks for visiting! :) Misha 5/31/2013 Ooh, thank you so much! It's working now! :) Lazlow 6/02/2013 Love you, love your site! Very helpful, I've had no problems making any changes to my blog thanks to you and I know NOTHING about HTML :D p.s. How come you didn't add the emoticons to this blog?? Reply Μέλανι Μελάνη 6/20/2013 Hello! I really love this and it does work for me "as is". However, when I tried to replace the default emoticons with my own, it didn't. I changed everything where needed (including the javascript which I also uploaded to a domain of mine), as per your instructions. So: - "as is" it works like a charm. - without changing the javascript, my emoticons appear only on the board and the default emoticons appear in the comments. --Both of the above is normal!-- - when I replace the smilies location in the javascript and upload the (new) javascript my emoticons still appear on the board but nothing happens in the comments. Unfortunately, I don't have any javascript knowledge to see if there's something wrong... Any help should be much appreciated! Thank you!... :) Reply Nikki 6/26/2013 Many thanks for this, have added successfully. Is it possible to alter smileys already posted to emoticons please? Reply Sanela 6/28/2013 thank you :) Reply Jetinder Kumar 9/03/2013 Thanks You Very Much Sir www.jeetkaraokes4u .blogspot.com Reply ugochi nzerem 10/02/2013 it is a bit confusing, the blogger's edit template has number you should let us know which number codes are we to change. It would be far easier when you teach us with the new blogger's template Reply Anonymous 11/10/2013 I can't find ]]> plz help Reply Francesco Bona 11/21/2013 After 10 thousand changes based on what is written in two blogs I was just rompento boxes because some worked and others may not, and were not as clear steps to do were a little confused! But luckily I read your post and I am glad, belonging to the fact that I am Italian and I understood the proceedings in English ahahaha: D thank you. Reply shahan lakshitha 12/12/2013 coooooooooool...... Reply Akat Suki 12/23/2013 Thanks pro :D Coooooooooooooooool......:3 Reply Apriadi Martanata 12/24/2013 :) tes Reply Kaarunya :) 1/26/2014 Hey :) Thanx a lot :) all the smileys in comments have come to life :) Yayyyy :) But one doubt though, I am not able to see the emotion list...Like what smiley to add all... Will there b a emotion container for users to use?? Reply Kaarunya :) 1/26/2014 No worries I sorted it out :) thank u :) Reply Anonymous 1/29/2014 Step 9. Note: if you'll find it like 4 times, stop to the 2nd one! -- What if you have 2 times? after which should we paste the link? Thanks Reply next
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)