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

Share Box Widget for Blogger/blog

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

A new subscription box it contains your backlink to your RSS OR ATOM feeds along with a fabulous Email Form this brings you targeted visitors.They can easily submit their Email address username id so that they can obtain latest updates right from your website. Blog site without having a subscription form makes no experience. Subscribers are actually the central source for every profitable website. A lot more audience you have got the better you will get. Most people subscribe for your Rss feeds exclusively whenever you share high quality articles.

Screen Shot




How To Use

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

<style type="text/css">.aptbar{width:300px;float:left;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCrelfRXN6u9iP_Jl6gqiLqOHmWrh8oXFOAjEXkl4PD0Q2L5jk7BY0_-Kw9InfArmY5o-AYK0Wp8FxI4yvqYwj-AOiuw_WOAWAvq0dTnfr5kGNiv-uF1q6Yxo25K5Q5gMuLFXYbVqkQEWM/s400/%255Bwww.hindi4tech.blogspot.com%255Dsidebartop.gif) top no-repeat;margin:0 0 10px;padding:10px;border:1px solid #DDD;}.aptbar .apt-credit{}.aptbar .apt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.aptbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLNd95qQLdtc9XPzd82xEteHz5FufAreCzkbhi25jE-VELBxT7_6uW23WLTCZB2j7oIqM_340vAnjr6ZGs9MUrNz9uesIw4kF2rNXV6PU4FKf-X7l3QIHltQRy4xxsmVo4k6jBdYs5gq8/s400/%255Bwww.hindi4tech.blogspot.com%255DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.aptbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.aptbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.aptbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.aptbar .subicons a{text-decoration:none;color:#333333;}.aptbar .subicons a:hover{text-decoration:underline;color:#333333;}.aptbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCETNgVLqXgJow11sYceWqGNpNT2CWVbxiKVyZhkfO8Vux_X3yg_Sw5h8Gv6VQjr1eAqi74M-YF79OENqPUsS-ByyMMyHPw4QdAY_DhYGlfIG_PjdAjjIp2EaWWG6qV5Dw-i4cRN1u0qb/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.aptbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCETNgVLqXgJow11sYceWqGNpNT2CWVbxiKVyZhkfO8Vux_X3yg_Sw5h8Gv6VQjr1eAqi74M-YF79OENqPUsS-ByyMMyHPw4QdAY_DhYGlfIG_PjdAjjIp2EaWWG6qV5Dw-i4cRN1u0qb/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.aptbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCETNgVLqXgJow11sYceWqGNpNT2CWVbxiKVyZhkfO8Vux_X3yg_Sw5h8Gv6VQjr1eAqi74M-YF79OENqPUsS-ByyMMyHPw4QdAY_DhYGlfIG_PjdAjjIp2EaWWG6qV5Dw-i4cRN1u0qb/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.aptbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCETNgVLqXgJow11sYceWqGNpNT2CWVbxiKVyZhkfO8Vux_X3yg_Sw5h8Gv6VQjr1eAqi74M-YF79OENqPUsS-ByyMMyHPw4QdAY_DhYGlfIG_PjdAjjIp2EaWWG6qV5Dw-i4cRN1u0qb/s400/%255Bwww.hindi4tech.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.aptbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.aptbar .emailsub .emailicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJY8bjuYEYaGGaIB1lxKdszsrmK728Ka8fyOIgX0NjUJwnGOQuScamGTy9lqZXYAD8PBG3jlMC1p7LTQc5mWjUlZikdvbXZu7ZwSsJzsMXb9VN3uJlkaezCubQZ-zyrwZXegMTnPhmFy8/s400/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.aptbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.aptbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.aptbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="aptbar"><h2 class='title'>Subscribe Now!</h2><div class="count"><span class="bigcount"><a rel="nofollow" href="https://feeds.feedburner.com/aptech"><img style="border:0" alt="" src="https://feeds.feedburner.com/%7Efc/aptech?bg=F2F2F2&amp;fg=666&amp;anim=1" height="26" width="88" /></a> </span>Learn Free Pro Tricks daily </div><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="https://feeds.feedburner.com/aptech" target="_blank"> RSS</a></div><div class="googleicon">&nbsp;<a href="https://plus.google.com" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/aptech" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/aptech" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:270px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial; padding:0; margin:0;">Receive Our All Updates In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</p></div><div class="emailupdatesform"><form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=aptech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="aptech" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><span class="apt-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="https://aptechindia.blogspot.com/" target="_blank" >Blogger Widgets &#62;&#62;</a></span></div></div> </div>

Please Note :- Replace Green Color Code..
Continue Reading


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