webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp
Showing posts with label blogger widget. Show all posts
Showing posts with label blogger widget. Show all posts

Breadcrumbs Navigation For Blogger Blog

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

Breadcrumb navigation is a row of links, internal link at the top or bottom of the page web site that allows visitors to return to the previous or to the bottom pages quickly. However, the current placement is more often used breadcrumb at the top of the page the article posting. Breadcrumb link sequence starting from home (homepage) and ends with a post title of the article being read. For example :
Browse » Home » Breadcrumb Navigation » Breadcrumb Navigation in Blogger.

Blog Screenshot



Search Engine Screenshot




If You Want Add Breadcrumb Navigation To Your Blogger Blog You May Follow These Steps::-)

Step 1 :-

  • First Login To Blogger Go To Blogger--->Design--->Edit HTML
  • And Click On Expand Widgets Tick Box
  • Now find this code : ]]></b:skin>
  • & Just Before It Paste Above CSS Code
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}


Step 2 :-

  • Now find this code : <b:include data='top' name='status-message'/> On Your Blog Templete
  • And just AFTER it, add this Code:
<b:include data='posts' name='breadcrumb'/>


Step 3 :-

  • Now find this code : <b:includable id='main' var='top'> On Your Blog Templete
  • And just BEFORE it, add this Code:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="https://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


Finally Save Your Blog Template.. :-)
Continue Reading


How To Add Smiley's, Youtube Video, Song Link In Blogger Thread Comments

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

This tricks is very useful for you who want to modify the comment box. Why? Because, if you learn this trick you can add emoticons to your comment box. By the way, do you know Emoticon? Emoticon is a facial expression pictorially represented by punctuation and letters, usually to express a writer’s mood. Now, i will teach you how to add emoticons.


Screenshot






Live Demo

How To Use

Step 1

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


<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='https://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='https://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='https://www.nhaccuatui.com/l/");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='https://www.nhaccuatui.com/m/");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
}replaceText();
//]]>
</script>

Step 2

  • Now find this code :<b:loop values='data:post.comments' var='comment'>
  • And just Before it, add this line:

<div id='emocomments'>

Step 3

  • Now find this code : </b:loop>
  • And just After it, add this line:- </div>

Step 4

  • Now find this code :<data:blogTeamBlogMessage/>
  • And just After it, add this Code:-

<script type="text/javascript">
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:)
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:(
<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:))
<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:((
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=))
<span id='smiley-more' style='display: none;'>
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt;
<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O
<img src='https://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-?
<img src='https://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS
<img src='https://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-(
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='https://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">&#8594;</a></span>
</div>

Step 5

  • Now find this code : ]]></b:skin>
  • And just BEFORE it, add this line:

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

Note :- For Adding image , youtube Video , Song Link On Thread Comment Plz Use This Code:-

  • For Inserting Image:-- [img] Link [/img] //
  • For Inserting Song Link:-- [nct] Link song [/nct]
  • For Inserting YOutube Video:-- [youtube] Youtube Video Link [/youtube]
Continue Reading


Subscription Buttons Widget For Blogger

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

The Subscribe button let your visitors to subscribe and easily add your blog to their favorite Subscribtion services. When visitors like your content and want to read Or Share your blog On Facebook ,Twitter & Rss readers then they will click on the Subscribe button on your blog. For Adding This Subscribtion Wiget On Your Blog Follow This Step :---




How To Use
  • Feel All Field
  • Change Widget Setting
  • Now Click On genrate Button
  • For Live Preview ...Click On Preview Button
  • Finally Click On Add To Blogger Button

Continue Reading


Do You Like Box Widget For Blogger/Blog

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



"Do You Like This Story" The first version included social media sharing buttons along with a subscription box and Facebook like button and it was designed to be added just at the bottom of blog posts but this version is kept simple and clean and designed to be added just below blog post titles in sub pages. This plugin would work with both BlogSpot and wordpress blogs. The tutorial below is aimed for blogger users only.

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 : <data:post.body/>
  • And just AFTER it, add this line:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.apttext{
background:url(https://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.aptbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>

<div id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;'>Do you Like this story..?</span>
<tr>
<td>

<div id='fb-root'/><script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>

</td>

</tr>

<tr>

<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates Daily!</p>
<form action='https://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=aptechindia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='aptechindia'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='apttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/>

<input alt='' class='aptbutton' title='' type='submit' value='Submit'/>
</form>
</td>


<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;  '>Follow us!</p>
<a href='https://feeds.feedburner.com/aptechindia' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaXDrh48I/AAAAAAAAAVM/zLmcNtCgi9Y/s40/w2bRSS+.png'/></a>

<a href='https://twitter.com/aptechindia' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw3ohc/s40/w2bTwitter.png'/></a>

<a href='https://www.facebook.com/aptechindia' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://1.bp.blogspot.com/_nDNgmK8FIyI/TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/s40/w2bFaceBook.png'/></a>
</td>

</tr>

</tbody></table></div></div>
</b:if>



Please Note: Replace Aptechindia Link
Continue Reading


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://3.bp.blogspot.com/-_xtIGsWA8ak/T0jOgAtcwjI/AAAAAAAABGU/lPRBfMEbD80/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://3.bp.blogspot.com/-woBQBoC0Upc/T0jOojv66-I/AAAAAAAABGg/KkyhDv1WF0k/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://4.bp.blogspot.com/-_Sl6mdHtjG4/T0jOwfC480I/AAAAAAAABGs/h6IIuyMba7Y/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://4.bp.blogspot.com/-_Sl6mdHtjG4/T0jOwfC480I/AAAAAAAABGs/h6IIuyMba7Y/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://4.bp.blogspot.com/-_Sl6mdHtjG4/T0jOwfC480I/AAAAAAAABGs/h6IIuyMba7Y/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://4.bp.blogspot.com/-_Sl6mdHtjG4/T0jOwfC480I/AAAAAAAABGs/h6IIuyMba7Y/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://4.bp.blogspot.com/-T98IjxqsJWU/T0jPAlzfjAI/AAAAAAAABG4/-21nr0uMTsU/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


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


How To Add Yahoo Smiley on Blogger Threaded Comments

Posted :| Posted By: Piush Trivedi | Labels: , 5 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


Recent Comments Widget For Blogger

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

This post explains how you can add Recent Comments widget for Blogger Blogspot blogs.Once the reader finds a recent comments widget in the sidebar of the blog, will come to know that your blog is quite active and invites you to send comments on his blog. In this way you can collect some active user base to comment on your blog posts.Now you can reward your best commentators, showing their names with clickable links to your Blogger blog and it helps to see that comments in his blog more often.



How To Use

Fell All Details & Then
  • ReplaceNext, Prev Text
  • Now Click On "Generate"
  • Then Press Add to Blogger Button


Continue Reading


Numbered page navigation for blogger

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

Today we are going to see how to add a beautifull numbered page navigation hack in blogger. The default navigation links (i.e Older Posts) are not visitor friendly if you are having a large amount of posts and readers.Few bloggers has some problems with previous Page Navigation script. Now here is a completely new and working script for Numbered Page Navigation (i.e. Panigation) for Blogger. The pagination widget for blogger make it simple for your visitor. Its a must have widget for any blogspot blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2, 3, 4 ….) like those of a book.

How To Use

  • Choose A Navigation Style
  • ReplaceNext, Prev Text
  • Now Click On "Generate"
  • Then Press Add to Blogger Button

>
Continue Reading


Animated Flying Twitter Bird Widget

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

Everyone has a perfectful blog and everyone wants the Followers Like facebook, twitter etc.. In this Post i am showing you how to add animated Flaying Twitter bird widget to get more followers of yours site or blog. You ever notice that the small bird is flying arount your blog page contineosly. Yes! that is twitter bird. The bird flying animated effect by some javascript hack and you scroll down or scroll up the page, twitter bird will become in front of your page. The bird found itself as the follow me link on the twitter account. If you move your mouse pointer over the bird, follow me button and the tweet this button will displayed


How To Use

  • Replace twitter username
  • ReplaceTweet this Text
  • Choose A Twitter Bird awatar
  • Now Click On "Generate"
  • Then Press Add to Blogger Button

Continue Reading