Si Ganteng

Love this
31
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Si Ganteng template color schemes:
About this template
  • Date Released:   Jan, 2013
  • Designer:   Mas Template
  • 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:   4997
  • Demo views:   7952
  • 31 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Slide Show
  • Si Ganteng 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
  • Custom web fonts
  • Si Ganteng template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • Si Ganteng template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Si Ganteng template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Si Ganteng template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • Si Ganteng 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
  • Si Ganteng template comes with RSS Buttons. Let your user follow you using your RSS feed
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
  • Search box
  • Si Ganteng template has search box in it. Search box helps your user to find the content easily on your site

Note about this template

This template is for Magazine or Newspaper sites. You should have lots of posts under various categories (labels) to use this template. If you start with a blank blog then it may be difficult to enjoy the quality of this template. Thought this template looks complex, it is actually easy to set this up using following Documentation.

Set up Labels, Video Category

Let's first set up all Labels (Categories) and Video Category widgets. Go to Layout -- Click Edit on Label 1. Enter the Label name in the content box. For example, if you have tagged 5 posts in Category 1 label then enter Category 1 in the content box of Label 1. This will pull the latest posts in Category 1 Label and will display in this widget. Please follow the same steps to set up Label 2, Label 3, Label 4, Label 5 and Video Category widgets also.

Set up Featured Post slider

Click Edit on HTML/Javacript widget which is located just above the Blog Posts widget. This is the SLIDER widget. Paste the following code in the content box of this widget. This will automatically pull the latest blog posts and display in the slider beautifully. Yes, we said beautifully.

<div id='featuredContent'>
<div id='slideshow'>
<div id='slideshowThumbs'>
<ul>
<li>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>
</ul>
</div>
<div class='post' id='slideshowContent'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
</div>
<script type='text/javascript'>
$(function() {
$("#slideshowThumbs ul").tabs("#slideshowContent > div", {
effect: 'fade',
fadeOutSpeed: 1000,
rotate: true
}).slideshow({
clickable: true,
autoplay: true,
interval: 3000
});
});
</script>
<div class='clear'>
</div>
</div>

Recent Posts

Go to Layout -- Click Edit on Recent Posts widget. Paste the following code in the content box.

<script type="text/javascript"><!--
google_ad_client = "pub-7854870902356751";
/* 300x250, created 9/22/10 */
google_ad_slot = "6354569502";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Dropdown Navigation Menu

This template comes with two menus. One menu is the Page menu which is at the top of the site. Another one is HTML dropdown menu. Go to Template -- Edit HTML and look for following code. Update the links and Menu text as per your need.

<div class='menuku-wrap'>
<div class='menuku'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Drop menu</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
.......

Ad Banner areas

You can add a 300x250 banner in HTML/Javascript widget which is located just above the Recent post widget in the Layout page. If you wish, you can also add a 468x60 banner next to Header. You have to add HTML/Javascript widget for this.

SEO Stuff

Go to TEMPLATE -- Edit HTML. Find following code and update meta values with appropriate text

<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>

Layout for Si Ganteng Blogger Template

7 Comments


    • sksshareef143
    • July 28, 2013
    • Reply
    • Cancle Reply

    hi great blog one of best i have seen this my site worklatest.blogspot.in i am having a problem i am getting only 3 post on the main page of latest post tab but i have 12 posts in my blog i want to show more posts in the main page can u help me please i really need this i will appreciate your help my email id is sksshareef@gmail.com please please help me

      • lovelytemplates
      • July 28, 2013
      • Reply
      • Cancle Reply

      Go to Settings -- Posts & Comments in your Blogger. Change "Show at most" to number of posts you want to display.

    • sksshareef143
    • July 28, 2013
    • Reply
    • Cancle Reply

    thanks for ur response but its not working i have change it to 20 posts then also only 3 are showing if i keep it 2 then 2 post are showing but more then 3 only 3 are showing thats why plzzzzzzzzzzzz help me i am searching for that from 2 weeks bro please help me

      • lovelytemplates
      • July 29, 2013
      • Reply
      • Cancle Reply

      I just saw your website and it shows 5 posts in Latest post section. Looks like you fixed this successfully. If you don't mind, please share the solution here.

    • sksshareef143
    • July 29, 2013
    • Reply
    • Cancle Reply

    thanks for ur help the problem was when i uploaded new posts it came automaticly and i don't who it happened but anyways great site keep the good work and uploaded more blog templates thanks you........

    • Deyvson Aguiar
    • December 13, 2013
    • Reply
    • Cancle Reply

    hello, thanks for the great template. But my blog has a defect. The images of the posts do not appear on the homepage. What should I do? Is something wrong with my settings? I explain, please. I need help. Thank you again.

      • lovelytemplates
      • December 15, 2013
      • Reply
      • Cancle Reply

      Images usually won't appear if you are hosting them in third party sites like photobucket. Leave your blog url for further help

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>