Daily Planet Guide

MENU

This is HTML Structure of menu

<li><a href='YOUR-MENU-LINK-LOCATION' title='View Files Under MENU-TITLE'>MENU-TITLE</a></li>

Change the word:

• YOUR-MENU-LINK-LOCATION with your menu link.
• MENU-TITLE with your menu title. Example: About, Contact, or etc.

If you want to add more menu link. just copy-paste the structure above under the previous.


POSTLINK

This is the HTML Structure Of POST LINK in Daily planet.

<div class="panel">
<img width="100" alt="" src="YOUR-IMAGE-HERE" height="60"/>
<div class="fcats"><a href="YOUR-POST-CATEGORY-LINK-LOCATION" rel="category" title="LABEL-TITLE">LABEL-TITLE</a> </div>
<h2><a href="YOUR-POST-LINK-LOCATION" title="POST-TITLE">POST-TITLE</a></h2>
<div class="auth"> Posted by AUTHOR</div>
<div class="fmeta">

MM-DD-YYYY |
<a href="YOUR-POST-LINK-LOCATION#comments" title="Comments On POST-TITLE">ADD COMMENTS</a></div>

</div>

Change the word :

• YOUR-POST-CATEGORY-LINK-LOCATION with your CATEGORY LINK LOCATION. Example: http://www.cahayabiru.com/search/label/Blogger%20Tricks
• YOUR-POST-LINK-LOCATION with your post link location.
• POST-TITLE with your post title.
• YOUR-IMAGE-HERE with your image. The size is 100px width and 60px height.
• AUTHOR with your name.

Here is The example code that you can use.

<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/bats.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a> </div>
<h2><a href="#" title="Batman is back">Batman is back</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-20-2007 |
<a href="#" title="Comment on Batman is back">ADD COMMENTS</a></div>

</div>

<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/music.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a>, <a href="#" rel="category" title="View all posts in Uncategory">Uncategory</a> </div>
<h2><a href="#" title="Post with links">Post with links</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-18-2007 |
<a href="#" title="Comment on Post with links">ADD COMMENTS</a></div>

</div>

<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/pitts.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a> </div>
<h2><a href="#" title="An ordered list">An ordered list</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-18-2007 |
<a href="#" title="Comment on An ordered list">ADD COMMENTS</a></div>
</div>

FEATURED HEADLINES
Here is the HTML Structure of Daily Planet Featured Content

<h2><a href="YOUR-POST-LINK-LOCATION" title="POST-TITLE">POST-TITLE</a></h2>

<div class="fentry">

<p> <a href="IMAGE-LINK-LOCATION"><img alt="" width="240" src="IMAGE-LINK-LOCATION" class="alignnone size-full wp-image-28" height="150" /></a>

YOUR TEASER TEXT

.</p>
<div class="clear"></div>
</div>
<div class="featmeta">

<span class="cats"> Posted under <a href=" YOUR-CATEGORY-LINK-LOCATION" rel="category" title="CATEGORY-TITLE">CATEGORY-TITLE</a> </span>

<span class="rm"><a href="YOUR-POST-LINK-LOCATION" title="Batman is back">Read More</a> </span>

</div>

Please, change the words:

• YOUR-POST-LINK-LOCATION with your post link
• POST-TITLE with the title of your post
• IMAGE-LINK-LOCATION with your image location
• YOUR-CATEGORY-LINK-LOCATION with the category of your post
• CATEGORY-TITLE with the title of post category
• YOUR TEASER TEXT with your post short texts, description, or short paragraph.

Here is the example that you can try in your daily planet template.

<h2><a href="http://travellogsbook.blogspot.com/2009/03/hidden-overlapping-image-and-text-list.html" title="Batman is back">Batman is back</a></h2>

<div class="fentry">

<p>L<a href="http://web2feel.com/dailyplanet/wp-content/uploads/batmans.jpg"><img alt="" width="240" src="http://web2feel.com/dailyplanet/wp-content/uploads/batmans.jpg" class="alignnone size-full wp-image-28" height="150" title="batmans"/></a>orem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</p>
<div class="clear"></div>
</div>
<div class="featmeta">

<span class="cats"> Posted under <a href="#" rel="category" title="View all posts in Featured">Featured</a> </span>

<span class="rm"><a href="#" title="Batman is back">Read More</a> </span>

</div>