Free Download Full Version Software

Stylish Jquery Animated Tabs Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;">Tab widgets always help to save 
website space.In this tutorial i am gonna explain how to add Unique jquery 
tab widget for blogger.We can use add few pages for tab widgets.jQuery 
tabs are very stylish and very popular for blogging.This is a simple 
jquery tab widget.I used CSS and jQuery to make this widget.This tab 
widget work with every modern web browsers.However its not work with IE.</span><span style="font-family: inherit;"> you can take a look at in demo page to get idea how it works. </span><br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCRaR6GVZ10zjy0ZiGN5vToY6MzNNyIW085KvyvNuU9OEIdFC9QMsNDogbDjEwGH5QXpFcnuV-NoK523wQ2DuHo6pIFTy9EiLH-4S6skU-FW0jXun8Sj72Tn1tJNW4Wgih7eoFvAkH98/s1600/Jquery+Animated+Tabs+Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCRaR6GVZ10zjy0ZiGN5vToY6MzNNyIW085KvyvNuU9OEIdFC9QMsNDogbDjEwGH5QXpFcnuV-NoK523wQ2DuHo6pIFTy9EiLH-4S6skU-FW0jXun8Sj72Tn1tJNW4Wgih7eoFvAkH98/s1600/Jquery+Animated+Tabs+Widget.png" /></a><b><span style="font-size: medium;"></span></b><b><span style="font-size: medium;"> </span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: medium;"><a class="buttonbtrix blue" href="http://demo.bloggertrix.com/2013/09/blog-post.html" target="_blank">Demo</a></span></b></div>
<br />
<br />
<h3>
<span style="color: blue;">How to add Jquery Animated Tabs Widget to Blogger</span></h3>
<b>1.</b> Go to Blogger Dashboard > <span style="font-family: inherit;">Template</span><br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<b>2. </b>Find ]]></b:skin><br />
<b>3.</b> Paste below code<b> </b>just below it.<br />
<br />
<blockquote>
<style><br />
.b, .c{ display:none;}<br />
.buttons{<br />
    border-bottom:solid #d1c8b8 4px;<br />
    display:block;<br />
    padding:8px;<br />
    width:80px;-moz-border-radius: 1em 4em 1em 4em;<br />
    border-radius: 1em 4em 1em 4em;<br />
    text-align:center;<br />
    margin:1px;<br />
    background:#4b7975;<br />
    text-decoration:none; color:#FFFFFF;<br />
    float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px<br />
}<br />
.buttonHover{background:#86b8b4;border-bottom:solid #FF0000 4px;}<br />
a.buttons:hover{background:#86b8b4;border-bottom:solid #FF0000 4px;}<br />
#multitab {<br />
    background:#919b9d;<br />
    text-align:justify;<br />
    overflow:hidden;<br />
    color:#fff;<br />
    padding:20px;<br />
    -moz-border-radius: 1em 4em 1em 4em;<br />
    border-radius: 1em 4em 1em 4em;    height:200px;<br />
    width:272px;<br />
}<br />
#multwrap{<br />
    text-align:left;<br />
    overflow:hidden;<br />
    width:350px;<br />
    height:380px;<br />
}<br />
  </style><br />
<br />
<script type='text/javascript'><br />
// <![CDATA[<br />
$(document).ready(function() { <br />
    $("#first-tab").addClass('buttonHover');<br />
});<br />
function navigate_tabs(container, tab)<br />
{   <br />
    $(".b").css('display' , 'none');<br />
    $(".c").css('display' , 'none');<br />
    $(".a").css('display' , 'none');<br />
   <br />
    $("#first-tab").removeClass('buttonHover');<br />
    $("#second-tab").removeClass('buttonHover');<br />
    $("#third-tab").removeClass('buttonHover');<br />
   <br />
    $("#"+tab).addClass('buttonHover');<br />
    $("."+container).show('slow');<br />
}<br />
// ]]><br />
</script><br />
<script charset='utf-8' src='https://rexhacker.googlecode.com/files/jquery1.2.6.js' type='text/javascript'/> </blockquote>
<b>4.</b> Now go to blogger <span style="color: blue;"><b>Layout</b> </span><br />
<b> 5.</b> Click <span style="color: blue;"><b>Add Gadget</b></span> and select<b>  <span style="color: blue;">'HTML/Javascript'</span></b><br />
<b>6.</b> Paste below code.<br />
<blockquote>
<div id="multwrap"><br />
 <a href="javascript:navigate_tabs('a','first-tab');" class="buttons" id="first-tab">Tab 1</a> <br />
<a href="javascript:navigate_tabs('b','second-tab');" class="buttons" id="second-tab">Tab 2</a><br />
<a href="javascript:navigate_tabs('c','third-tab');" class="buttons" id="third-tab">Tab 3</a><br />
   <br clear="all" /><br />
      <div id="multitab" align="center"><br />
          <div class="a"><br />
                <em>B</em>logger is a blog-publishing 
service that allows private or multi-user blogs with time-stamped 
entries. It was developed by Pyra Labs, which was bought by Google in 
2003. Generally, the blogs are hosted by Google at a subdomain of 
blogspot.com.  <br />  <br /> Thanks!<br />
<br />
                </div><br />
                <div class="b"><em>L</em>orem Ipsum is
 simply dummy text of the printing and typesetting industry. Lorem Ipsum
 has been the industry's standard dummy text ever since the 1500s, when 
an unknown printer took a galley of type and scrambled it to make a type
 specimen book. It has survived not only five centuries, but also the 
leap into electronic typesetting, remaining essentially unchanged. <br />
<br />
                </div><br />
                <div class="c"><em>S</em>tarting in 
February 2013 Blogger began integrating user blogs with multiple country
 specific URL addresses i.e. exampleuserblogname.blogspot.com would be 
automatically redirected to exampleuserblogname.blogspot.ca in Canada, 
exampleuserblogname.blogspot.co.uk in the United Kingdom etc. 
</div><br />
</div> </div><br />
</div></blockquote>
<b>Note:  </b><span style="color: #0000ee;"><span style="font-family: inherit;">You can past any text <span style="color: #0000ee;">or code  with replacing <span style="color: #0000ee;">above 3 <span style="color: #0000ee;">different </span>text<span style="color: #0000ee;">s<span style="color: #0000ee;">.</span></span></span></span></span></span><br />
<br />
<b>7. </b>Now save your <b><span style="color: blue;">HTML/Javascript'</span>.<br />
</b>
You are done. If you have any problem related to this Jquery Animated Tabs Widget. Just leave a comment.I will help to you.</div>

Stylish Jquery Animated Tabs Widget for Blogger

Tab widgets always help to save website space.In this tutorial i am gonna explain how to add Unique jquery tab widget for blogger.We can...

8:40:00 PM

Magzon Responsive Clean Blogger Templates

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimem8uGN-35kECGrHaI3Hb4CN2aO1qWu-qe5C4CffVGyybnYWRVghiXnJZXQZWeS1FOIvzELiBUParu5NpxeGv164nJ6wFe-Y1RfbSwpZiEhyphenhyphenZtroDBEJha3aLJBK5snUHEzYjPzYWWu0/s1600/Magzon+SEO+optimized+and+responsive+blogger+template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Magzon Responsive Clean Blogger Templates" border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimem8uGN-35kECGrHaI3Hb4CN2aO1qWu-qe5C4CffVGyybnYWRVghiXnJZXQZWeS1FOIvzELiBUParu5NpxeGv164nJ6wFe-Y1RfbSwpZiEhyphenhyphenZtroDBEJha3aLJBK5snUHEzYjPzYWWu0/s400/Magzon+SEO+optimized+and+responsive+blogger+template.png" title="Magzon Responsive Clean Blogger Templates" width="400" /></a></div>
<div style="text-align: justify;">
Magzon is clean and elegant magazine style responsive blogger templates created using html5 and CSS3 technique. this <a href="http://rexhacker.blogspot.com/search/label/Blogger%20Template" target="_blank"><i>free blogger responsive template</i></a>
 based on white color and use some light blue color for variations. SEO 
optimized, fast loading and clean is the main feature of this blogger 
template.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
When you're on the home page you will found 2 column style with magazine
 look and when you are on the article pages or on the static page you 
will found only one column but when you open the label or archives pages
 the style change to plain blog post style, very flexible.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Although did not yet implementing breadcrumbs, but <a href="http://rexhacker.blogspot.com/2014/01/magzon-responsive-clean-blogger.html" target="_blank"><b>Magzon Responsive And Clean Blogger Templates</b></a> has implementing related post, custom social bookmark and  author bio under the article sections.</div>
<br />
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://magzon.blogspot.com/" rel="nofollow" target="_blank">Demo</a> | <a href="https://sites.google.com/site/responsiveb/Magzon.zip" rel="nofollow" target="_blank">Download</a></span></b></div>
</div>

Magzon Responsive Clean Blogger Templates

Magzon is clean and elegant magazine style responsive blogger templates created using html5 and CSS3 technique. this free blogger respon...

6:34:00 PM

RespoAum Blogger Responsive Templates

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBbeDj6rNwGvHDDY3FcL_vAgUi1QnUSB7rmLk3cx2FwP9Dpw4yLrq1wBPqAc55ETPc6lmw7M0zJ8wr4u0HI-4-KlthXklHMmxU63I6sD56StX4UTzuFrGZESc9ODgIUt4KAyNsAm_xWLM/s1600/Respoaum+Responsive+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="RespoAum Blogger Responsive Templates" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBbeDj6rNwGvHDDY3FcL_vAgUi1QnUSB7rmLk3cx2FwP9Dpw4yLrq1wBPqAc55ETPc6lmw7M0zJ8wr4u0HI-4-KlthXklHMmxU63I6sD56StX4UTzuFrGZESc9ODgIUt4KAyNsAm_xWLM/s1600/Respoaum+Responsive+Blogger+Template.jpg" title="RespoAum Blogger Responsive Templates" /></a></div>
<div style="text-align: justify;">
<a href="http://rexhacker.blogspot.com/2014/01/respoaum-blogger-responsive-templates.html" target="_blank"><b>RespoAum Blogger Responsive Templates</b></a>
 is fully responsive design blogger template with many features inside 
like social sharing button, automatic read more, numbered page navigation, threaded comments style (also ready for switch using 
google+ comments system) and the popular post widget already customized 
by the designer.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Minimalist style like Incipient responsive template is the idea behind this <a href="http://rexhacker.blogspot.com/search/label/Blogger%20Template" target="_blank"><b>responsive blogger templates</b></a> and designed based on white and light brown color make this free responsive template still look elegant.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
The main attentions when I check this templates tag heading is on the 
main page I can't found H1 tag and when I check the post page, the 
designer make H1 tag on social sharing sections, if you care about on 
page SEO but you still want to use <i>RespoAum responsive blogger templates</i> for your blog, you must do some some change on this parts.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://respoaum.blogspot.com/" rel="nofollow" target="_blank">Demo</a> | <a href="https://sites.google.com/site/responsiveb/RespoAum%20Blogger%20Template.zip" rel="nofollow" target="_blank">Download</a></span></b></div>
</div>

RespoAum Blogger Responsive Templates

RespoAum Blogger Responsive Templates is fully responsive design blogger template with many features inside like social sharing butto...

6:30:00 PM

Reiulanus Blogger Responsive Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7NBzl-mdV6DFPAg7W8eqB3oq7Bz2aTHWd1BWDjUwYr0F-tcV-YE-jkbZvolwe0Lxsrjk_8ExRjlYliZQzHTsamkcFRLIfDOxHsXeQAONB3MrXM3tUgcoo4C1-DvLTOHvz4rg2zui3fuk/s1600/Reiulanus-Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Reiulanus Blogger Responsive Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7NBzl-mdV6DFPAg7W8eqB3oq7Bz2aTHWd1BWDjUwYr0F-tcV-YE-jkbZvolwe0Lxsrjk_8ExRjlYliZQzHTsamkcFRLIfDOxHsXeQAONB3MrXM3tUgcoo4C1-DvLTOHvz4rg2zui3fuk/s1600/Reiulanus-Template.jpg" title="Reiulanus Blogger Responsive Template" /></a></div>
<div style="text-align: justify;">
<a href="http://rexhacker.blogspot.com/2014/01/reiulanus-blogger-responsive-template.html" target="_blank"><b>Reiulanus Free Responsive Template For Blogger</b></a> is fast loading blogger template and got score 94 from 100 when I check using Google page speed. Reiulanus <a href="http://rexhacker.blogspot.com/search/label/Blogger%20Template" target="_blank">blogger responsive template</a> designed in 2 column layout style with blue and grey color as main colors.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
To attract the blog visitors, the designer of Reiulanus responsive blogger template
 make the blog title in big style, beside that this template another 
features are : use automatic read more, pretty customized search button,
 related post ready, subscribe button via feed burner ready, simple and 
clean design, fast loading, using threaded comments style and pretty 
social sharing button is included.</div>
<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://reiulanus-blogger-template.blogspot.com/" rel="nofollow" target="_blank">Demo</a> | <a href="https://sites.google.com/site/responsiveb/Reiulanus%20Blogger%20Template.zip" rel="nofollow" target="_blank">Download</a></span></b></div>
</div>

Reiulanus Blogger Responsive Template

Reiulanus Free Responsive Template For Blogger is fast loading blogger template and got score 94 from 100 when I check using Google pag...

6:24:00 PM

ShotMag Responsive Gallery Style Blogger Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDt2ZpCpLcSQXIWYuJopZZ_SMFkQyVl1UvfRJ79qgC8yMf-02FShUO1SO6TIql_Ge_K5kSp-kqvpMYLiqIM0Y_leyRtbTrqHUzR9qhpQuILDnnI-C2shmJcgyco6gCbVUYxSMWWbv-5oY/s1600/ShotMag+Responsive+Blogger+Template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="ShotMag Responsive Gallery Style Blogger Template" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDt2ZpCpLcSQXIWYuJopZZ_SMFkQyVl1UvfRJ79qgC8yMf-02FShUO1SO6TIql_Ge_K5kSp-kqvpMYLiqIM0Y_leyRtbTrqHUzR9qhpQuILDnnI-C2shmJcgyco6gCbVUYxSMWWbv-5oY/s640/ShotMag+Responsive+Blogger+Template.jpg" title="ShotMag Responsive Gallery Style Blogger Template" width="598" /></a></div>
<div style="text-align: justify;">
<a href="http://rexhacker.blogspot.com/2014/01/shotmag-responsive-gallery-style.html" target="_blank">ShotMag</a> is simple <b>Responsive Gallery Style Blogger Template</b>
 great for wallpapers or photo blog. If you use ShotMag, on your blog 
home page you will found a big slider image that you can customize for 
promoting your main article and to edit the social link just go to 
blogger layout dashboard and edit the "link list" configurations.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
ShotMag use auto read more functions with image thumbnail but to show 
the image you must change your feed to be full (Go to : Settings - Site 
feed - Allow Blog Feed - Set to Full ) and one more great feature 
including in <i>ShotMag responsive gallery style blogger template</i>
 is this template has custom setting for mobile users ( Choose : yes 
Show mobile template on mobile devices and then choose custom, then you 
can save the change ).</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
If you want to change the color of this <a href="http://rexhacker.blogspot.com/search/label/Blogger%20Template" target="_blank">responsive blogger template</a>,
 you can edit directly from blogger design dashboard, no need to open 
the HTML design editor, this free template also has built in threaded 
comments system and custom social sharing under the blog post.</div>
<br />
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://shotmagtemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a> | <a href="https://sites.google.com/site/responsiveb/shotmag_blogger_template_version_1.0.zip" rel="nofollow" target="_blank">Download</a></span></b></div>
</div>

ShotMag Responsive Gallery Style Blogger Template

ShotMag is simple Responsive Gallery Style Blogger Template great for wallpapers or photo blog. If you use ShotMag, on your blog hom...

6:18:00 PM

Anusha Urges PTA to Make Complaint System More Effective

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD1FMGhAAyrY7muTdel1BqK9YXQCbgS_-B-uxNVQBnPUma5SVVpDhOuLkdhkcozBLqB_KAaVCxG8cA9MfUISDYDvlmD7N2Upci-cFkgIF84Z2ipsloUV4KXQkjJNkx7KjW4ejNE7e7-nM/s1600/Anusha-Rehman.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD1FMGhAAyrY7muTdel1BqK9YXQCbgS_-B-uxNVQBnPUma5SVVpDhOuLkdhkcozBLqB_KAaVCxG8cA9MfUISDYDvlmD7N2Upci-cFkgIF84Z2ipsloUV4KXQkjJNkx7KjW4ejNE7e7-nM/s400/Anusha-Rehman.jpg" width="400" /></a></div>
Minister of State for Information Technology, Ms. Anusha Rahman 
visited Pakistan Telecommunication Authority (PTA) Headquarters 
yesterday to get briefed about PTA’s complaint management system and 
call center.<br />
The Minister desired that complaint handling system be made more 
effective and beefed up keeping the number of complaints in perspective 
particularly to address the need of proactive search of objectionable 
content and handling grey traffic related issues.
<br />
Chairman PTA Dr. Syed Ismail Shah said that elaborate efforts are
 being made to provide hassle-free services to consumers and to resolve 
their complaints. He said that PTA welcomes any suggestions to further 
improve the whole process.
<br />
Earlier on Chairman PTA, Dr. Syed Ismail Shah gave detailed 
presentation to Minister about web analysis of obnoxious content and the
 challenges faced in this regard.
<br />
Federal Secretary for MoIT, Mr. Akhlaq Ahmad Tarar, Chairman PTA,
 Dr. Syed Ismail Shah, Member (Finance) Mr. Tariq Sultan, senior 
officers of MOIT, PTA, PTCL and TWA were present on this occasion.
<br />
During her visit, the Minister applauded the effort of PTA on 
running a Day Care Centre for working women creating a conducive working
 environment for young mothers.</div>

Anusha Urges PTA to Make Complaint System More Effective

Minister of State for Information Technology, Ms. Anusha Rahman visited Pakistan Telecommunication Authority (PTA) Headquarters yesterd...

10:27:00 AM

Subscribe to: Posts ( Atom )

Stylish Jquery Animated Tabs Widget for Blogger

Magzon Responsive Clean Blogger Templates

RespoAum Blogger Responsive Templates

Reiulanus Blogger Responsive Template

ShotMag Responsive Gallery Style Blogger Template

Anusha Urges PTA to Make Complaint System More Effective

Popular Posts

Comments

Archive