Updates & Subcribe : premium wordpress theme for profesional wordpress blog profesional design wordpress theme for profesional wordpress blog premium wordpress theme with profesional design layout blog premium wordpress template premium wordpress theme
Lifetime Support & Updates. 70+ WordPress Themes. Buy 1 and Get 2 FREE or Buy 1 Get 3 FREE WordPress Themes Advertise Space for Text Ad. Max. 120 characters only $15/2 Months Great price & full support. Unlimited access 40+ elegan & profesional WordPress Themes only $0.79/Theme
22/02/2010

Layar Putih Blogger Template

Advertisement
It’s a long time released new blogger template after blogger template Ruang Biru. My new blogger template i called Layar Putih template. I add infinite carousel with jquery from Tutsvalley. (modified by me)

This template compatible with most user browsers but for IE, feature infinite carousel will not perfect view. I don’t know why. I just modified width size.

Here is screenshot blogger template Layar Putih

layar putih blogger template
You can see demo live blogger template Layar Putih or download this blogger template for free.

Setting blogger template Layar Putih



1. Navigation and RSS Feed
Go to Layout > Edit HTML and find this code

<div class='nav'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a href='YOUR-LINK-HERE' title='About us'>About</a></li>
<li><a href='YOUR-LINK-HERE' title='Contact us'>Contact</a></li>
<li class='rssfeed'><a href='LINK-RSS-FEED-HERE' title='Subcribe RSS Feed'/></li>
</ul>
</div>

Change YOUR-LINK-HERE with yours and LINK-RSS-FEED-HERE with your RSS Feed link


2. Setting Menu
Go to Layout > Edit HTML and find this code

<div class='menu'>
<ul>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>


Change YOUR-LINK-HERE with yours and Edit Me with Title your link


3. Setting Infinite Carousel
Go to Layout > Page Element > Click Edit Features widget and copy paste these code below :

<div id='carousel_container'>
<div id='left_scroll'><a href='javascript:slide("left");'><img src="http://4.bp.blogspot.com/_aAjcAMHOGT4/S4GTB1PdTFI/AAAAAAAAB9k/Xjht2gddS-E/s1600/slide_l.png" width="15" height="300" /></a></div>
<div id='carousel_inner'>
<ul id='carousel_ul'>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
</ul>
</div>
<div id='right_scroll'><a href='javascript:slide("right");'><img src="http://2.bp.blogspot.com/_aAjcAMHOGT4/S4GTChT8zjI/AAAAAAAAB9s/KjIg3Ifvib0/s1600/slide-r.png" width="15" height="300" /></a></div>
<input type="hidden" id="hidden_auto_slide_seconds" value="0" />
</div>

Change YOUR-LINK-HERE with your link and IMAGE-LINK-HERE with image link.

Blue color is width and height image.


Thanks


ireng_ajah



Note :
Thanks to Tutvalley
Advertisement
WordPress Theme to Blog is a gallery of premium Wordpress themes with profesional design to help you find a wordpress theme to make your WordPress blog look great

Updates via E-Mail

2 comments:

I'm → Botzzz said...

nice template.......:)

2yoemt said...

Masih Baru nih ...

Post a Comment