There are a few differences between the two templates lets take a look at these first. The Daily Planet A is a direct conversion from the wordpress theme. This means it comes complete with mini posts on the home page with auto read more. While B is a simpler version that does not have the read more and has full posts on the home page.
Apart from this both these templates come complete with all the features of a premium template. It starts off with a header that you can easily change, under that is a navigation menu. Then the featured post section, the stories from this spot are also displayed in the sidebar.
Under the posts section is a tabbed widget that allows you to showcase quite a bit of content. This section ends with a division of the main column into three sections. While the sidebar also has a tab section under the search bar which is placed after the featured posts.
The sidebar then splits up into two columns, making this an extremely functional magazine style design for your blogspot blog.
Installation Instructions: (Taken from Cahaya)
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.
Change the word :
<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>
- 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">FEATURED HEADLINES
<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>
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:
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>
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.
<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>
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.
<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>
Download the Daily Planet A Blogger Skin
Download the Daily Planet B Blogger Skin
