webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

How To Add Css Cloud Effect In Blogger Blog

Posted :| Posted By: Piush Trivedi | Labels: , 1 Comments

Now you can add Css Cloud Effect In Blogger Very Easily.

This Trick Allows Runing A Cloud Effect In Your Blog Background ... Plz See Live Demo .. & Follow These Steps For Installing This Plugin On Your Blog:



Live Demo





How To Use

  • First log in to Blogger
  • Go To Dashbord > Design > Edit HTML
  • And Click On Expand Widgets Tick Box
  • Now find this code : </head>
  • And just AFTER it, add this Code:

<!-- Css Cloud Effect Code Start aptechindia.blogspot.com -->
<style type='text/css'>
#fecha {
height:49px;
width:48px;
color: #859bef;
padding: 10px 0px 0px 0px;
margin-right:15px;
margin-top:8px;
float:left;
text-align:center;
list-style:none;
display: block;
background: urlundefined'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi07yxwMgrdHps7ljWZKsLz0Ur5-Ny-eg3tLT2ixlZCUVtprcPwANQiE1Od8frr4Mg2GKS2dlYZ44GxbwnHMCVfNnfMf54hpSfzeZgrXKb6K7EYSP_NGsWpOg9nRCo5qBJw8Y7Il-hJcJ6p/s1600/data.png') no-repeat;
}
.fecha_dia {
display:block;
font-size:22px;
font-weight:bold;
line-height:16px;
letter-spacing:-1px
}
.fecha_mes {
font-size:14px;
line-height:10px;
padding-top:3px;
font-weight:bold;
text-transform:uppercase;
display:block;
}
.fecha_anio {
font-size:10px;
line-height:8px;
display:none;
}

#wrapper{ margin:0px auto; width:100%; }

#content{ position:relative; width:100%; height:100%; }
#sun{ position:absolute; top:-28px; left:610px; z-index:-8; }
#cloud1{ position:absolute; top:10px; left: 0px; z-index:-5; }
#cloud2{ position:absolute; top:200px; left: 0px; z-index:-5; }
#cloud3{ position:absolute; top:320px; left: 0px; z-index:-5; }
#cloud4{ position:absolute; top:60px; left: 0px; z-index:-5; }
</style>


<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "
"+da[0]+"
";
mes = "
"+da[1].slice(0,3)+"
";
anio = "
"+da[2]+"
";
document.write(dia+mes+anio);
}
</script>

<script src='https://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
/*
* jQuery Easing v1.3 - https://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});

/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
//]]>
</script>



<script type='text/javascript'>
$(document).ready(function() {
setTimeout("animation()",300);
});

function animation(){
cloud1();
cloud2();
cloud3();
cloud4();
}

function cloud1(){
$("#cloud1").animate({left:"+=80%"},50000).animate({left:"-0px"}, 0)
setTimeout("cloud1()",30000);
}
function cloud2(){
$("#cloud2").animate({left:"+=70%"},40000).animate({left:"-0px"}, 0)
setTimeout("cloud2()",20000);
}
function cloud3(){
$("#cloud3").animate({left:"+=70%"},60000).animate({left:"-0px"}, 0)
setTimeout("cloud3()",20000);
}
function cloud4(){
$("#cloud4").animate({left:"+=70%"},75000).animate({left:"-0px"}, 0)
setTimeout("cloud4()",75000);
}

</script>
<!-- Css Cloud Effect Code End aptechindia.blogspot.com -->

  • Now find this code : <div id='outer-wrapper'> On Your Blog Templete
  • And just AFTER it, add this Code:

<div id='wrapper'>
<div id='content'>
<div id='sun'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4fLZ1xwybIHFeyonVuT4394VjtJLksmEqKcj0FWSzrg_0Hh2wCd95z4qUUzwI-Y09LIX2S2_15gopK3_FHR8jKIN1ZEoO-Cp2fVdpV2nwY35UcNTwgMboPYtaqHplGeIa2z49JaFuPDy_/s1600/sun.png'/></div>
<div id='cloud1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgldoaI6MMAf2Dl0vRa2-Ss6nno-mg3S6y9h9UJXpZ9kjQOz1Q5h_5pYTgXG0dMez517pUZxTDMPWCv1oRMoed_IE3YTQAtmGwk4PvCQJKzHwXOmawzKMfE_B_dsOs3ZgvRNvwGgeXFjCjp/s1600/cloud1.png'/></div>
<div id='cloud2'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj44N8ywyYeJA-6aOSMJ22G0ZWDlfeNcGVfgZJ5aAqSKCSQtoiuM8LOY-NprKYLagOc8j78oeiRhUao_vHypEuX7V_nOYAw6vcLxbITvvS_rlmBYkkPijqljoSGbWwKb5NV8j-i2QvGT7cl/s1600/cloud2.png'/></div>
<div id='cloud3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOuNBrJmV6GDQMmn61pZScN-P02fwTBvDIWb-YuPISfZFmO0K6y1pkwB7zXFz1lQq6TtC0tOGtA0-sV2P9p3ZPBzZ1q0Wjfp7U_LuL26tjZDVk7B8CKqaiT85v6nKqJuGa_nriIpqV-_R/s1600/cloud3.png'/></div>
<div id='cloud4'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgldoaI6MMAf2Dl0vRa2-Ss6nno-mg3S6y9h9UJXpZ9kjQOz1Q5h_5pYTgXG0dMez517pUZxTDMPWCv1oRMoed_IE3YTQAtmGwk4PvCQJKzHwXOmawzKMfE_B_dsOs3ZgvRNvwGgeXFjCjp/s1600/cloud1.png'/></div>
</div>
</div>


Now Save Your Templete । :))
Continue Reading


Add Newer, Older and Home Links With Post Titles

Posted :| Posted By: Piush Trivedi | Labels: , 3 Comments

blogger-blogspot-older-posts-newer-post-link-with-titleChange posts Navigation Links Newer posts and older posts by the Corresponding Post Titles.This Awesome Blogger Hack lets your blog visitors to Know Newer and Older posts and they can go to that Posts.I got this hack from YABTB blog .This hack is done by MS-potilas of YABTB blog.All credits goes to YABTB. This awesome trick done using some jquery script.

  • First log in to Blogger
  • Go To Dashbord > Design > Edit HTML
  • And Click On Expand Widgets Tick Box
  • Now find this code : </head>
  • And just AFTER it, add this line:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

Please Note :- If you are running any Slider or you already have jquery inplace then dont need to add this above code, because its usually runs on jQuery.

How To Use
  • Go TO Blogger--->Design--->Page Element
  • Click On Add a Gadget
  • Choose html/javascript
  • Past Below Code Inside It.

<!-- Add Newer, Older and Home Links With Post Titles by aptechindia.blogspot.com -->
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">

$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>
<!-- Add Newer, Older and Home Links With Post Titles by aptechindia.blogspot.com -->
Continue Reading


Show Author Profile Picture Next To Google Search Results

Posted :| Posted By: Piush Trivedi | Labels: , 1 Comments

Google webmaster team has introduced an easy way of displaying your Google+ profile picture next to the links of your website or blog or any content that you generate. You might have seen profile pictures or image thumbnails of Google developers appearing on search results page. Previously only reserved users had this option but now thanks to the generosity of Google+ social network, even you can display your profile picture next to all your articles or webpages that you own. This will be a proof that you are the sole author and owner of that site or blog. The author information will be shared globally on Google results and your visitors can see your image and author information link next to your article. This is a great way to attract visitors and increase website traffic. Lets learn how to do it!
  • A website or blog that you own
  • A Google Plus Account
  • An About Me page on your blog. If you already have an about page where information about author is given then you need not worry. However if you don’t have an about page then you must create one now.

If you have met the above three conditions then you may follow these steps:

Step 1:-

On your website sidebar or header or footer add this link,

<a href="https://plus.google.com/GOOGLE+ ID"
  rel="author" target="_blank"> Join me on Google+</a>


Do not remove rel="author" else the trick wont work!


Step 2:-

Next go to your About Me page and add this link anywhere you want,

<a href="https://plus.google.com/GOOGLE+ ID"
  rel="me" target="_blank"> My Google Profile</a>



Again replace the Google+ ID with your Profile ID. You can edit the text My Google Profile if you wish.

Step 3:-

Now go to your G+ profile and click the “Edit Profile” button

Then click on the "LINKS" area as shown below,

Add your Blog/site homepage URL and also the URL of your About page. You can also add your Facebook and twitter links if you wish.

Step 4:-



Finally Save your profile and you are almost done:)

Test How your profile photo will appear on SERPs



If you have followed all steps correctly then you will be able to clearly see your photo and name appearing next to your blog title and description. You will also see this green message: "Verified: Authorship markup is correct for this page"

Continue Reading


How To Add Yahoo Smiley on Blogger Threaded Comments

Posted :| Posted By: Piush Trivedi | Labels: , 4 Comments

With This Simple Hack, Your Blog Readers Are Now Able To Use Yahoo Smileys/Emoticons When They Comment On Any Of your blog posts. I am sure that your readers will really get excited and enjoy using These Yahoo! Smileys. This Hack Will Only Work If You’ve Enabled Embedded Comment Form Feature For Your Blog.Follow These Steps Below To Install This Feature To Your Blog’s Template. Always Remember To Save A Copy Of Your Template Before Start Editing Your Template.



How To Use

To add these smileys, follow these 3 steps:

Step 1

  • First log in to Blogger
  • Go To Dashbord > Design > Edit HTML
  • And Click On Expand Widgets Tick Box
  • Now find this code : ]]></b:skin>
  • And just BEFORE it, add this line:

<!-- Yahoo Smileys by aptechindia.blogspot.com Code Start-->
.aptsmile {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.aptechsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- aptechindia.blogspot.com Code End-->


Step 2

  • Now find this code On Your Template: </body>
  • And just BEFORE it, add this line:
<!-- Yahoo Smileys Script aptechindia.blogspot.com -->
<script src='https://piushtrivedi.googlecode.com/svn/trunk/Aptech_india/ysmiley_Aptech.js' type='text/javascript'/>

Step 3

  • Now find this code On Your Template: <div class='post-footer-line post-footer-line-3'>
  • <div class='post-footer-line post-footer-line-3'>
    code...
    </div>
    </b:includable>
  • And just After it, add this line:

<!-- Yahoo Smileys by aptechindia.blogspot.com Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
<div class='aptsmile'>
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='aptechsmly' src='https://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='aptechsmly' src='https://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div></div></b:if>
<!-- Yahoo Smileys by aptechindia.blogspot.com End-->


Finally save the template :)
Continue Reading