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.
<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>
Download the Daily Planet A Blogger Skin
Download the Daily Planet B Blogger Skin
it is amazing template, im a newbie but still managed to make it work to extend.....
i need some help in how to make links to the buttons under various Headlines ??????and how to change the title of the button.....plz help
Hey Sameer,
Look for the words home, about etc in the edit html and dude take a look at the instructions provided above for the menu, that should sort u out.
Cheers,
Clyde
nah....i meant the buttons titled as 1-2-3-4-5.....how to change the name and how to give them links.....thanks
Regards,
Sameer
Can you pass me a link to the template site your working on, ill take a look.
Clyde
Here is the link, where im testing this template,
soccer-euro.blogspot.com
but my original blog is
Lets-kickoof.blogspot.com
that is where i wanna put it, if i it works alright....
looking farward to hear from u,
Cheers,
Sameer
Hey Sameer
go to edit html, look for <div class='tabber'>
under that you will find the code
<div class='tabbertab'>
<b:section class='cahaya2' id='cahaya2' showaddelement='yes'/>
rrrr</div>
<div class='tabbertab'>
<b:section class='cahayabiru2' id='cahayabiru2' showaddelement='yes'/>
eeee</div>
<div class='tabbertab'>
<b:section class='cahayabiru2' id='cahayabiru3' showaddelement='yes'/>
rrrr</div>
<div class='tabbertab'>
see the position of rrrr, eeee etc in the the code, put your content in that spot and then save the template :)
Cheers,
Clyde
Hey Clyde.....
Mate i need Your help in developing my blog properly.....
you can have a look at my blog
Lets-kickoff.blogspot.com
and suggest me a good template, which will suit my blog......I hope you will consider my request and if u have time give it a shot......
looking farward to hear from you soon....
cheers,
Sameer
@ sameer
your blog looks the same, why have you not applied the template.
I have provided assistance, I looked around for a football template but they arent any....I dont think this template is bad either....
will help theres no issue, but you also need to help yourself buddy :D
Cheers,
Clyde
i want to change the name of the menu button and put a link of my another blog how can i do that
@ ishaq - Please read the instructions given above to change the menu bar links.