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
01/01/2010

Petak Umpet Blogger Template

Advertisement
blogger template

See demo live or download blogger template Petak Umpet for free

How to setting blogger template Petak Umpet template ??


Setting Menu


1. Top menu

Go to Layout, Edit HTML and find this below code

<div id='topnav'>
<div class='menu'>
<ul>
<li>
<a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts blog'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments blog'>Comments RSS</a></li>
<li><a href='YOUR-LINK-ABOUT-HERE' title='About us and blog'>About</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE' title='Contact us'>Contact</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE/YOUR-LINK-ADVERTISE-HERE' title='Advertise with us'>Advertise</a></li>
</ul>
</div>
<div class='subcribe'>
<a href='YOUR-LINK-EMAIL-HERE' target='_blank'><img alt='Email subcribe' height='25' src='http://sites.google.com/site/vectorireng/gambar/email-petak.gif' title='Subcribe via email' width='50'/></a>
<a href='YOUR-RSS-FEED-HERE' target='_blank'><img alt='RSS Feed' height='25' src='http://sites.google.com/site/vectorireng/gambar/rss-petak.gif' title='RSS Feed' width='50'/></a>
</div>
</div>

* Change with your link

2. Menu 2

Go to Layout, Edit HTML and find this below code

<div class='menu2'>
<ul>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
</ul>
</div>

* Change # with your link and title and change Edit Me


Setting Sidebar widget.


Everytime you add gadget in sidebar, you must edit the gadget and add this below code

<b:if cond='data:blog.pageType == &quot;item&quot;'>

.....

</b:if>


1. Widget HTML/Javascript

Example for Check Out widget like a demo

Original kode of HTML/Javascript

<b:widget id='HTML4' locked='false' title='Check Out' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Change that code with

<b:if cond='data:blog.pageType == &quot;item&quot;'>

.....

</b:if>

So, Check Out widget would like this

<b:widget id='HTML4' locked='false' title='Check Out' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 class='title'><data:title/></h2>

<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

* Note the red color

2. Label widget

Original code like this

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


After customized would like this

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>

* Note the red color


For other widget, you can customize by yourself.

If you have any question for setting this template, you can leave a comment or contact me


Note :
Next free download blogger template ; Petak Foto template


*I make a little change. Not like first released.
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:

Free Template said...

kok template ireng manis ngak bisa di download sob. gimana sob join seri promosi templatenya di tempat seri?

refurbished laptops said...

I really liked your blog quite informative and interesting facts and figures you have discussed on your blog even the comments are very fruitful and helpful in enhancing the knowledge regarding the topic.

Post a Comment