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 :

If the slider has stopped working, please replace <script src='http://kangismet.googlecode.com/files/jquery-ui.min.js' type='text/javascript'/> with <script src='http://btreaders.googlecode.com/files/jquery-ui.min.js' type='text/javascript'/>

Demo and Download

Installation Instruction :

Slide

To add image slider, copy this code into HTM/JavaScript widget and replace the red 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 the red code

<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

Find and replace the red code

<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/AVvXsEiwNZZ38IF6N-5brPTWlfNL2JH2Xu1KU48GaO94jVciWsh4NsQirb8c_MDt8Br_P2puIejz_S78mFqFBkm2vUZsGxtSPFIWHwA2LrV4cnNHa6J5mSD6awWX9_DR2YD13n0cLz4c1OEEg5A/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

Find and replace the red code

<div class='auth-bio clearfix'>
                 <div class='bio'>
                  <img class='avatar avatar-60 photo' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXuls4TzzPFaOn-dUjMUiz5uPRaz120NTNNbi_xGnoKFmCbFj__NxR-rgnVFt6VwJdt1iYxjuR-_ypvzAgGMac_4FWxpSvVNZXAQKMxgup5sR2NtHUjGS11vKEbgYI3oVjXLeTx6IJtSM/s1600/gb-bio.png' width='60'/> 
               <p><strong>About GalleryBloggerTemplates.com</strong>:<br/>
GalleryBloggerTemplates.com 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>

Share on Facebook Share on Twitter Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.