smartnews blogger template


smartnews Responsive Magazine Blogger Template Features :

* 100% Responsive Design
* CSS3 + HTML Dropdown Menu
* Responsive Ad Widget (Google Adsense Support)
* Responsive Mega Menu
* Optimize SEO
* Auto detect flickr and other Images open for Lightbox
* YouTube Video Support (Any post style)
*faceook like box with shortcode
* Recent Post By Label
* slider recent post by label
* scrolling post
* Author Info Widget
* High Quality Image Optimize Without Crop
* Cool Related Posts Widget
* JqueryOverlay effect support with touch devices
* Well Documentation
* Threaded Comments
More� 

 download blogger template

fils attached :  

. smartnews reponsive blogger template (XML)  
. Theme Documentation (click index to see documentation)

enjoy !!!








sahifa is a Clean  blogger templates converted from the famous wordpress theme sahifa  the Best selling blog and magzin templates in themeforest with the same Tools on the  wordpress Version.

 

download sahifa blogger templates



Instruction

top Menu 

To Customise the top menu you have look for this code  : 
<!-- the top menu -->


Second Menu
how to  instal sahifa blogger templates

To Customise the Second menu you have look for this code  : 
<!-- second menu  -->

Slide

how to  instal sahifa blogger templates

To Customise the slide you have look for this code  : 
<!-- slide here -->
<script type='text/javascript'>
var numposts2 = 6;     /* Number of the post */    
var label2 = &quot;productivity&quot;    /*change the label with yours  only word 
</script>


Recent Post

how to  instal sahifa blogger templates

you have just look for the code :
<!-- this is box of popular post -->

<section class='cat-box recent-box'>
<div class='cat-box-title'>
<h2>Recent Posts</h2>  the title of the box
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<script type='text/javascript'>
  var numposts3 = 3 /*Num of last posts change it as you want */;
</script> 
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs3\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script> 
<div class='clear'/>
</div> 
</section>


Boxes 
how to  instal sahifa blogger templates
you have to find the code bellow : 



<!-- this is box N&#176;2 -->

<section class='cat-box column2 '>
<div class='cat-box-title'>
  <h2><a href='#'>communication</a></h2> 
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 4;  /*Number of post shown*/
var label3 = &quot;communication&quot;;/*label that post shown  change it as you want 
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs4\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
</div> 
</section>   




<!-- this is box N&#176;3 -->

<section class='cat-box column2 last-column'>
<div class='cat-box-title'>
<h2><a href='#'>motivation</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 4;/*number of post*/
var label3 = &quot;motivation&quot;/*label that post shown   change it as you want */
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs4\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
</div> 
</section>  


Vertical Boxe :


how to  instal sahifa blogger templates

you hane to find the code and change it : 

<!-- this is box N&#176;4 -->

<section class='cat-box wide-box'>
<div class='cat-box-title'>
<h2><a href='#'>communication</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts7 = 5;/*number of post */
      var label6 = &quot;communication&quot;/*label that post shown   change it as you want  only the word  &quot;communication&quot;*/
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label6+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs7\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>


<!-- this is box N&#176;5 -->

<section class='cat-box wide-box'>
<div class='cat-box-title'>
<h2><a href='#'>communication</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts7 = 5;/*Number of post */
      var label6 = &quot;communication&quot;/*label that post shown   change it as you 
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label6+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs7\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>

Images boxes : 


<!-- this is box N&#176;6 -->
<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href=''>lifestyle</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts6 = 17;/* number of post shown*/
      var label5 = &quot;lifestyle&quot;/*label that post shown   change it as you want  only the word  &quot;lifestyle&quot; */
                    </script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label5+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs6\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>
<!-- this is box N&#176;7 -->


<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href='#'>motivation</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts9 = 16;/* number of post shown*/
      var label8 = &quot;motivation&quot;;/*label that post shown   change it as you want  only the word  &quot;motivation&quot; */
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label8+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs10\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>

Social widget : 
social media blogger add on

find this code and change it with you social media links : 
or if you want check our social blogger widget  to add more engage in your web site .
<aside id='sidebar'>

<div class='widget widget-counter'>
<ul>
<li class='rss-subscribers'>
<a href='http://feeds.feedburner.com/bloggersens' target='_blank'>
<strong/>
<span>0200</span>
<small>Subscribe</small>
</a>
</li>
<li class='twitter-followers'>
<a href='#' target='_blank'>
<strong/>
<span>3000</span>
<small>Followers</small>
</a>
</li>
<li class='facebook-fans'>
  <a href='http://www.facebook.com/bloggersens' target='_blank'>
<strong/>
<span>1000</span>
<small>fans</small>
</a>
</li>
<li class='youtube-subs'>
  <a href='http://www.youtube.com/bloggersens' target='_blank'>
<strong/>
<span>3080</span>
<small>subscribers</small>
</a>
</li>
<li class='vimeo-subs'>
<a href='http://www.vimeo.com/' target='_blank'>
<strong/>
<span>1290</span>
<small>subscribers</small>
</a>
</li>
<li class='dribbble-followers'>
<a href='http://www.dribbble.com/' target='_blank'>
<strong/>
<span>2000</span>
<small>subscribers</small>
</a>
</li>
</ul>
</div>

Author Name

{picture#YOUR_PROFILE_PICTURE_URL} Hello {facebook#http://facebook.com/hamza.shafiq.1231} {twitter#http://twitter.com/urdupctutorils} {google#http://google.com}

Contact Form

Name

Email *

Message *

Powered by Blogger.