Smiley box are very important for every bloggre user. if you want to add a Smiley box your blog which Visitor come your post and comment . so i know everyone very excited how to add this widget it's very easy blew follow my simple steps.
1) Login to Blogger > Dashborad .
2) Click on Drop Down Menu and select Template option.
3) Backup your Template before making any changes to your blog or after use preview button on edit option.
3) Now Click on Edit HTML option .
4) and now Press Ctrl + F and search the ]]></b:skin> code .
5) Paste below code just before or above ]]></b:skin> .
*Widget By www.bloggerspice.com*/
.BSemoWrap {
background-color:#fff;
width: Auto;
border:2px solid#000000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.BSemoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.BSemoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
* Now Search </head> and Paste below code just before or above .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.BSemoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src=' http://bloggerspicebd.googlecode.com/files/BSEmoticons.www.bloggerspice.com.js' type='text/javascript'/>
Note : If you used befor
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'> don't use again this code .
* I think you are successful . enjoy friends .
1) Login to Blogger > Dashborad .
2) Click on Drop Down Menu and select Template option.
3) Backup your Template before making any changes to your blog or after use preview button on edit option.
3) Now Click on Edit HTML option .
4) and now Press Ctrl + F and search the ]]></b:skin> code .
5) Paste below code just before or above ]]></b:skin> .
*Widget By www.bloggerspice.com*/
.BSemoWrap {
background-color:#fff;
width: Auto;
border:2px solid#000000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.BSemoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.BSemoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
* Now Search </head> and Paste below code just before or above .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.BSemoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src=' http://bloggerspicebd.googlecode.com/files/BSEmoticons.www.bloggerspice.com.js' type='text/javascript'/>
Note : If you used befor
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'> don't use again this code .
* I think you are successful . enjoy friends .
0 comments:
Post a Comment