Gün Batımı Blogger Template

Gün Batımı ("sunset" in Turkish) Blogger Template (GBBT) is a free premium template which is designed by DRT23 and inspired by Agriculture.co.

With its colours and layout it's an elegant and attractive theme. This modern theme has "Featured Content" slider, automatic abstract (summerizing) tool and sharing buttons that make your blog more useful and advanced.

Click Here For Live Demo

Click Here To Download The Template

Click Here To Download The Images Of The Template

Click Here For More Free Blogger Template

Instructions:

For a better usage of GBBT on your blog you should read this guideline:

1. If you don't know installing a new template to your Blogger blog, click here to learn it.

2. The automatic summarizing tool use first image and few sentences as an abstract on the main page. When you click on "read more", post's own page opens. When you install this template you don't need to do anything else to use this tool - as it's automatic. But, if you want to modify it - change image size and number of words in abstract - follow the path: Blogger Dashboard > Your Blog's Layout >Edit HTML. Find this code*:

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 220;
</script>

The numbers are abstract word numbers without an image, with an image, image height, image width (in order). Simply change the numbers and Save Template.

3. Featured Content is a slide widget which shows your latest posts with images and catches visitor's attention. To use this widget go to: Your Blog's Layout > Page Elements and Edit the HTML/JavaScript titled widget which is just above the Blog Posts. When the widget window opens, copy the codes from GBBT-Featured Content Code text document and paste in the window. The code is also below:

<div id="myGallery">
        

<div class="imageElement">
            <h3>POST TITLE HERE</h3>

            <p>POST HEADLINES HERE</p>
            <a href="POST LINK HERE" class="open" title="Click here to read full story"></a>
            <img src="POST IMAGE LINK HERE" class="full"/>

            <img src="POST IMAGE LINK ALSO HERE" class="thumbnail"/>
        

</div>
        <div class="imageElement">
            <h3>POST 2 TITLE HERE</h3>
            <p>POST 2 HEADLINES HERE</p>

            <a href="POST 2 LINK HERE" class="open" title="Click here to read full story"></a>
            <img src="POST 2 IMAGE LINK HERE" class="full"/>

            <img src="POST 2 IMAGE LINK ALSO HERE" class="thumbnail"/>
        </div>
        


<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
        </div>
</div>

This code is for two posts: Each of them starts with

<div class="imageElement">

and ends with

</div>

If you want to add more post slide, copy one of this code parts and paste it after these two.

You need to change "POST TITLE HERE", "POST HEADLINES HERE", "POST LINK HERE", "POST IMAGE LINK HERE" and "POST IMAGE LINK ALSO HERE" for each of your posts. Whenever you want to update your slide widget, change old code parts' title, headline, post link and image links as I tried to explain above.

4. Editing links: Your Blog's Layout > Edit HTML page and Expand Widget Templates. You need to change these ones shown below:

<div id='iletisim'>
      <a href='YOURRSSLINK'><img src='http://gurkanmollaoglu.web.officelive.com/Documents/GB.Rss3.png'/></a>
         </div>

and

<div id='footer-wrapper'><div id='thefooter'>
    <b:section class='footer' id='footer'/>
    &#169; 2010 <a href='YOUR BLOGGER PROFILE LINK'>YOUR NAME</a> &#183; <a href='YOUR BLOGs LINK'>YOUR BLOGs NAME</a><br/><br><a href='http://gunbatimitheme.blogspot.com/'>Gün Batımı</a> Blogger Template designed by <a href='http://drt23.blogspot.com/'>DRT23</a> and inspired by <a href='http://osc.template-help.com/wt_27343/index.html'>Agriculture.co</a>.</br>
    </div></div>

There are totally five parts with "YOUR..." in these codes. Change this links and texts to yours.

5. Editing menu is very easy. Go to Your Blog's Layout > Page Elements and Edit the Link List widget at the top. When the widget window opens, edit your menu links (URLs) and names and Save.

6. The template codes include links of images and these images are hosted in my Officelive acount. I recommend you to download the images (the link is at the begining of this post with download template and demo links) and host them in your personal image/document hosting service and replace new links with old ones in the codes. This will make your blog to be opened faster and avoid any possible future problems if the original links break.

I tried to write the guideline as clear as possible. I hope it will be helpful to you. You may comment about this post and the template of course, or ask your questions on this page.

Enjoy your new template!

*When you try to find a code part, push Ctrl + F combination on the Edit HTML page and use a keyword from the code part and do it easily.