Comments

Pages

Friday, June 14, 2013

JackyB Responsive Blogger Templates

Posted by at 8:58 AM Read our previous post
JackyB Responsive Blogger Templates is a fully responsive and fluid blogger template.The design is minimalistic and elegant and fits in perfectly into any screen size from a big desktop screen to a small smartphone screen giving your visitors a very pleasant experience.

Preview
Download

JackyB Responsive Blogger Template Features

  • 2 Columns (Post and Sidebar)
  • Auto read-more, thumbnail for third party images.
  • Responsive Design.
  • Responsive Menu Design (Sub menu ready).
  • Threaded comment system.
  • Auto resize image in post.
  • Subscribe box.
  • SE Optimized.
  • Social Media Share.

Customization

Customize The Main Menu
Go To Blogger.com >> Template >> Edit HTML . Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<div id='cat-nav'>
<div id='cat'>
<nav id='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Advertise</a></li>
<li><a href='http://www.responsivebloggertemplates.net/2013/06/what-is-responsive-design.html'>What is Responsive Design?</a></li>
</ul>
</nav>
</div>
</div>

How to Customize subscribe widget in sidebar? 

<div id='sidebar-subscribe'>
<p class='headline'>Get Free Unlimited Post Update !</p>
&lt;form action=&#39;http://feedburner.google.com/fb/a/mailverify&#39; method=&#39;post&#39; onsubmit=&#39;window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=ResponsiveBloggerTemplates&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true&#39; target=&#39;popupwindow&#39;&gt;
&lt;input name=&quot;email&quot; class=&quot;txt&quot; value=&quot;Your Email&quot; onfocus=&quot;if (this.value == &#39;Your Email&#39;) {this.value = &#39;&#39;;}&quot; onblur=&quot;if (this.value == &#39;&#39;) {this.value = &#39;Your Email&#39;;}&quot;&gt;
&lt;input type=&quot;submit&quot; class=&quot;btn&quot; value=&quot;Subscribe&quot; /&gt;
&lt;input name=&#39;uri&#39; type=&#39;hidden&#39; value=&#39;ResponsiveBloggerTemplates&#39;/&gt;
&lt;input name=&#39;loc&#39; type=&#39;hidden&#39; value=&#39;en_US&#39;/&gt;
&lt;/form&gt;
</div> 

Change with your blog feedburner id.
Save your templates.Done.

No comments:

Post a Comment

©2012 Responsive is powered by Blogger - Template designed by ket qua bong da