Kangis Magz

Love this
42
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Kangis Magz template color schemes:
About this template
  • Date Released:   Oct, 2012
  • Designer:   Kang Ismet
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   7722
  • Demo views:   10763
  • 42 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Minimalist design
  • Want to have a simple but beautiful website? This template has minimal design by giving importance to content
  • Slide Show
  • Kangis Magz template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Featured Post
  • Show featured posts in home page using this template. Engage your users by showing your top content in home page
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • Kangis Magz template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Kangis Magz template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Kangis Magz template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • Kangis Magz template shows related posts in the bottom of every post. This improves user engagement of your site
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • RSS Buttons
  • Kangis Magz template comes with RSS Buttons. Let your user follow you using your RSS feed
  • Search box
  • Kangis Magz template has search box in it. Search box helps your user to find the content easily on your site
  • Author Widget
  • Kangis Magz template comes with Author widget. Use this widget in post footer. Useful if your blog has multiple authors
  • Pagination
  • Pagination links helps users to navigate easily to your older posts. Users can click easy to use buttons to go to Page 2, Page 3 etc.,

Add Image Slider

After you upload this template, you won't see the Slider immediately.  You have to follow the steps below to enable the Slider in home page.  If you don't want the slider then skip this step.

  • Change "Entertainment" with your Label in the following code
  • Go to the Layout page
  • Paste this code in HTML/Script widget which is located just above the Blog Posts widget
<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 Set up

Find the following code in the template and change the links and the link text in this code with your menu navigation links and link text.

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li class='selected'><a href='/'><img border='0' src='http://1.bp.blogspot.com/-7Eveg1Sruok/TZE6GFV_OHI/AAAAAAAABZo/jRHomtpFbd0/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 set up

  • Find the following code in the template and replace it with your info
 <div class='auth-bio clearfix'>
               <div class='bio'>
                  <img class='avatar avatar-60 photo' height='60' src='http://2.bp.blogspot.com/-aXsNz94doOw/UG5VTlyZ7pI/AAAAAAAACgo/fFqgfarIoSI/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>

Layout for Kangis Magz Blogger Template

  • http://www.alishnews.com safwan

    slider is not run on this theme
    pls visit http://www.alishnews.com

    • lovelytemplates

      Hello Safwan, Please refer to the Documentation tab on this page. You have to paste a code in the HTML/script widget which is located just above the Blog Posts widget.

      In this page, Switch to Documentation tab. This tab has complete guide to set up this template. Refer to "Add Image Slider" section of this documentation.

  • obioha

    hi, I have this template installed on my blog but the slider does not show post pictures….do you know how to fix it?…thanks

    • lovelytemplates

      Please provide your website URL to debug the problem.

  • wannabetennis

    Hi , sorry for my english. I've problem with this template. Slider doesn't show principal pictures but show mini pictures in right. Can you help me? Thanks

    • lovelytemplates

      Please share your website url to debug the problem

  • http://bursainsert.blogspot.com/ ali ayvaz

    where is quick edit button?

  • estadionorte

    I've a problem. Slider doesn't show principal pictures but show mini pictures in right. Any solution? My website url is estadionorte.blogspot.com.es

    • lovelytemplates

      Slider will show the first image which is uploaded in blogger from your post. If your first image is copied from a third party site then Blogger will pick the second image

  • bdmarket

    Thats good template.apply here http://www.bdmarket.blogspot.com

  • http://www.techglobex.net/ TechGlobeX

    Hello Admin,

    Bullets and Numbers not showing under blog post but it shows when typing the post but doesn't shows after publishing the post. Can you tell me whats the problem with following coding. Reply please. Thanks

    .post ul li {
    list-style: circle;
    }

    • lovelytemplates

      Can you give me a post url which has this problem?

  • http://www.techglobex.net/ TechGlobeX

    Hello Admin,

    Thanks for your prompt reply, I am giving you example from my test blog. The URL of my blog post is: http://insure-phobua.blogspot.com/2012/01/fdfdfdf

    Their you will see the following text but its under the following coding from my EDIT HTML section and those have Bullets link before text.

    <ul style="text-align: left;">
    <b style="font-size: x-large;">iOS 7 Beta 5 for iPhone
    <b style="font-size: x-large;">iOS 7 Beta 5 for iPad
    <b style="font-size: x-large;">iOS 7 Beta 5 for iPod Touch
    <b style="font-size: x-large;">iOS 7 Beta 5 for iPad Mini

    </div>

    But after publishing the blog post i am unable to see those bullets which comes under and . You can see my blog post and you won't see those Bullets which shows when i write post like in this image: http://s10.postimg.org/cyew62uvt/image.png

    PS: I think following coding inside the CSS Style is not working or either not linked up with post section.

    ol {margin-left:3px;
    padding: 0;
    }

    ul {
    padding: 0;
    }

    .post ul, .post ol {
    }

    .post ul li {
    padding: 0;
    margin: 0 0 2px;
    padding-left:16px;
    background:url (http://1.bp.blogspot.com/-LPHLSQjV-0Y/UG5ip7GCQ3I/AAAAAAAAChw/qLqk_tp2E_U/s1600/bulletm.gif) 0 6px no-repeat;
    }

    .post ul li li {
    padding-left:0;
    background:transparent;
    }

    .post ol li {
    list-style-type:decimal;
    margin-left: 0;
    padding-left: 0;
    }

    .post ul ul {
    margin-left:0;
    }

    Please correct the above coding from CSS Style and let me know the correct one. Thanks :)

    • lovelytemplates

      Try adding this CSS in the template. You can add it before any </style> tag. I think you know some CSS, so you can easily add this.

      .post-body ul, .post ol {
      }
      .post-body ul li {
      margin-left:20px;
      }
      .post-body ul li li {
      padding-left:0;
      background:transparent;
      }
      .post-body ol li {
      list-style-type:decimal;
      margin-left: 0;
      padding-left: 0;
      }
      .post-body ul ul {
      margin-left:0;
      }

      • http://www.techglobex.net/ TechGlobeX

        Hello Admin,

        I applied your CSS Coding but still Bullets didn't appeared before the Text after publishing the blog post and when i checked the blog content through Chrome's Inspect Element tool i found out that is linked up with the following CSS Coding:

        ol {
        margin-left:3px;
        padding: 0;
        }

        ul {
        padding: 0;
        }

        But the problem is change in above CSS Coding will also effect the entire blog's coding but i just want my Bullets to be appeared within the blog post. Can you please help me out and test and check your self the above template and find out the solution for me? Please i need Bullets badly in this template, please check yourself and let me know the solution. Thanks and reply soon.

        • lovelytemplates

          I think following CSS should work. When I checked your site, I didn't find the CSS that I previously requested you to add. Please make sure this CSS is appearing in the page view source.

          .entry ul, .post ol {
          }
          .entry ul li {
          margin-left:20px;
          }
          .entry ul li li {
          padding-left:0;
          background:transparent;
          }
          .entry ol li {
          list-style-type:decimal;
          margin-left: 0;
          padding-left: 0;
          }
          .entry ul ul {
          margin-left:0;
          }

          • http://www.techglobex.net/ TechGlobeX

            Hello Admin,

            The above code works you provided is now working on that template and i think it was not their before that is why it was not working but after adding your provided code Bullets are now working :). Thanks for your help and time Admin. Really appreciated.

            Second thing i want to know is How do i featured Two different labels in a Slide Show? Like i want to featured labels name; Google and Microsoft in my slideshow and wants to featured posts related to those Two different labels, How to do that? because currently the template is only supporting One Label and featuring only One Label posts. Hope to get positive response again. Thanks :)

  • Pingback: 50 Most Liked Blogger Templates | InstantShift

  • bosco le clown

    Hello,
    I’m sorry but this ain’t no code for a slider…
    It doesn’t work on my site, it shows me a bar like a menu bar instead

    • lovelytemplates

      Did you follow the documentation for the Image Slider?

  • Pingback: 50 Most Liked Blogger Templates - iDevie - iDevie

  • Nelson

    Please admin how best can you help with the slider settings. am not good at code editing. I added the html widget but the slider its not showing

    • lovelytemplates

      Did you change the Label and paste the code in HTML/Javascript widget above the Blog Posts widget? Can I see your site?

  • lovelytemplates

    Nelson — Let’s assume that you want to display ASIA news in the Slider. You have a label called “ASIA”. Now, go to the Layout page and then click edit on the HTML/Javascript widget just above the Blog posts widget. After clicking edit then copy & paste the following code into the Content box. Then, click SAVE button. This will show the ASIA posts in the slider. Similar if you want to show some other posts then replace ASIA in the following code with the corresponding Label. If you can’t understand this then we are sorry. We can’t help more. You may Contact us in our Contact us page here – http://www.lovelytemplates.com/contact for a paid service.

    document.write(“”);

    document.write(“”);

  • lovelytemplates

    Refer to “Add Image Slider” section in the documentation. After you install this template, Slider won’t appear immediately. You have to set the label.

    • http://www.culturewitness.com Jasbir T. Singh

      I set the label with one of my labels but it still doesn’t work.

  • Rama Azzami

    thanks its nice template http://www.neswany.blogspot.com

  • lovelytemplates

    I have no idea why this is happening. Can you post the code here to check?

  • latestblogg

    Nice template
    I want to change to width of this Template please help me

    what can I do???

  • Marina Ortiz Cortés

    I need help please, I was wondering how can I do to change the text in my website, either the placing (because it’s always on the left) and the font recapblog.blogspot.com.es, ¿anything I can do? Thank you!

    • lovelytemplates

      I am sorry, I can’t help for customization questions.

  • lovelytemplates

    I see slider is working fine in your template now

  • ElecDude ED

    Hi… this is an awesome template.

    my blog is http://www.elecdude.com

    i’ve added the html code as in “Add Image Slider” documentation and added label also, but the slider is not fully working.

    By default the no.of posts displayed is 2, i need to display more (i’ve set upto 6 post in blogger settings)

    in your demo 6 posts are displayed. so how to increase the no.of posts displayed?

    plz help

  • http://www.Jakhira.com/ Devendra Gehlod

    hi, how to make this template responsive. so user visiting on mobile can feel the same look as on desktop

  • http://www.culturewitness.com Jasbir T. Singh

    Amazing template, but my slider doesn’t work. I followed the instructions, changed the label to one of my labels, but all I get is a blank region on my site.