Kamis, Juli 25, 2013

Si Ganteng - Magazine Template

Magazine Blogger Template

About this template:
    Date Released:   Jan, 2013
    Designer:   Mas Template
    Price:   FREE

Post Thumbnails: Show a thumbnail image (small image) for every post using this template. 

Slide Show: Si Ganteng template has slide show (slider) in home page. Show your featured content in an easy to use slider
Featured Post: Show featured posts in home page using this template. Engage your users by showing your top content in home page.
Hierarchical Menu: Si Ganteng template comes with hierarchical dropdown navigation menu.
Custom web fonts: Si Ganteng template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts FREE.

Customization Features:
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.



Lincense: Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

For general installation guide, visit:
http://www.maskolis.com/2013/01/3-template-blogger-sakit-gigi.html

Following documentation is specific to this template. Sometimes we update this documentation and latest documentation can always be found at http://www.maskolis.com/2013/01/3-template-blogger-sakit-gigi.html. Click Documentation tab in this page to view the documentation.


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'/>

-----------------------------------------------------------------------------------------------
Thanks for downloading this template from expotemplates.

Tidak ada komentar:

Posting Komentar

Memahami Perusahaan Pembuatan Website (Web Design)

Internet menjangkau audiens target yang luas dan digunakan untuk mempublikasikan informasi pribadi dan profesional dengan memasukkan penga...