Kangis Magz Blogger Template

Kangis Magz Blogger Template. Setelah lama tidak berbagi template blogger, kali ini saya mencoba membuat sebuah magazine template dengan nama kangis magz. Kangis magz, terinspirasi oleh desain karya Herdiansyah Hamzah yaitu zoommagazine. Bagi Anda yang penasaran silahkan lihat screenshoot atau demo :

Installation Instruction :

Slide

To add image slider, copy this code into HTM/JavaScript widget and replace the 'marked' code with your category

<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/Entertainment?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Entertainment?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>

Top Menu

Find and replace these codes

<div id='headerpic-wrapper'>
       <div class='clearfix' id='topnav'>
        <div class='menu-topnav-container'>
 <ul class='menu' id='menu-topnav'>
 <li><a href='/'>Home</a></li>  
<li><a href='#'>About</a></li> 
<li><a class='trigger' href='#'>Find Us</a>
<ul>
    <li><a href='#'>Facebook</a></li>
    <li><a href='#'>Twitter</a></li>
    <li><a href='#'>Google +</a></li>
</ul>
</li> 
</ul>

Menu

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li class='selected'><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_Iyh9JfyftSJwAZ39aQ1fF5qGzcLBW53_wFn1Zj-Rc3U8e3jGd6xt30yb-GgBsOaIqygQ2bf2DR0Ghvel6a2tZAjX-h9ZL-PvzGUe9zLVGxai9y499kJPM1gbGwFyS7OxmklRyWO5qQ/s1600/home_white.png' style='padding:0px;'/></a></li>
<li class='selected'><a href='#'>About Us</a></li>
<li><a href='http://kangismagz.blogspot.com/p/static-page-sample.html'>Static Page Sample</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<ul>
    <li><a href='#'>Kang Ismet</a></li>
...........

Author Box

<div class='auth-bio clearfix'>
 <div class='bio'>
  <img class='avatar avatar-60 photo' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVFSwqF9FMdvQBeHQT8rzEF8ZgG5Ohb00P5agzPjZ5uBuBnwWfWnKHbYa_Tr96U2tFVisXV4R268PWNjz577E_KzyPmf2wi4xHaQAjvbyfcz3XucJjIbEHKHq2B2dlwygwYHzYUAVpzcs/s1600/gb-bio.png' width='60'/> 
  <p><strong>About GalleryBloggerTemplates</strong>:<br/>
  GalleryBloggerTemplates is Free Blogger Templates Gallery. We provide Blogger templates for free. You can find about tutorials, blogger hacks, SEO optimization, tips and tricks here!</p>
 </div>
</div>