Add Smiley Emoticons in Blogger Comments
Mostly I have seen such Bloggers like to have emoticons in their Blogger comments system, and I also like it. Because it shows to Blog Author that how visitors feel after reading their article or post means it will it will rate our Blogger post how is it? Hope you have also read my previous post How to Host JavaScript CSS files on Code.Google.Com if you not you must read that one. Now its time come on the topic so we are talking about How to Add or Install smiley emoticons in Blogger Comments.
You may Also Like to Read This:-
- Image Hover Social Media Sharing Plugin for Blogger
- Five Free and Best HTML Editors
- Top 10 Social Media Widget for Blogger
Check Smiley Emoticons Comment DEMO
How to Install Smiley Emoticons in Blogger Comments
First of all go to Blogger Dashboard
Template (must Backup Your Blogger template) >> EDIT HTML
Click on the format template button and copy this given below code and paste before ]]></b:skin>
1
2
3
4
5
6
|
img.bhacksmly {
height: auto !important;
vertical-align: middle !important;
width: auto !important;
border:0px !important;
}
|
Now find the closing </body> tag and replace the </body> with the following code
1
2
|
<script src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/smilely-emoticons-blogger-comments.js ' type='text/javascript'/>
</body
|
Here are the samples of smiley emoticons which will be shown in comments.
:) :( ;) :D :-/ :x :P :-* =(( :-O X( :7 B-) #:-S :(( :)) =)) :-B :-c :)] ~X( :-h I-) =D7 @-) :-w 7:P 2):) :!! m/ :-q :-bd ^#(^
Now we have to move on next step
Find the <div class=’post-footer-line post-footer-line-3′> in Blogger template
Below there now find </b:includable> and paste the following code above the </b:includable>
It will be
<div class='post-footer-line post-footer-line-3'>
Your code
</b:includable>
This is the code paste as between the <div class='post-footer-line post-footer-line-3'>
and </b:includable>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<b:if cond='data:blog.pageType == "item"'><div class='pcgblogysmile' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/1.gif'/> :)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/2.gif'/> :(
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/3.gif'/> ;)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/4.gif'/> :D
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/7.gif'/> :-/
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/8.gif'/> :x
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/10.gif'/> :P
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/11.gif'/> :-*
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/12.gif'/> =((
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/13.gif'/> :-O
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/14.gif'/> X(
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/15.gif'/> :7
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/16.gif'/> B-)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/20.gif'/> :((
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/21.gif'/> :))
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/24.gif'/> =))
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/26.gif'/> :-B
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/101.gif'/> :-c
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/100.gif'/> :)]
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/103.gif'/> :-h
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/28.gif'/> I-)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/41.gif'/> =D7
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/43.gif'/> @-)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/45.gif'/> :-w
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/110.gif'/> :!!
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/111.gif'/> m/
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/112.gif'/> :-q
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='https://blogger-widgets-generator.github.io/tipstricksislandcom/emoticons/114.gif'/> ^#(^
</div></b:if>
|
Save your template and check out comment system.
Send us feedback for this by replying in post. For getting every update in your inbox subscribe us via RSS feeds.
Comments