Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template

Magpress

Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template

Sens

A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Daily Planet A & B Blogger Skins edit post

Posted by Clyde On Wednesday, June 24, 2009
I am a fan of Jinsona, I think Web 2 Feel has some of the best free templates available from wordpress. Thanks to Cahaya Biru so many of these templates have been made available for Blogspot. Today we have the Daily Planet blogger template in two versions for blogger!
Daily Planet A
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.
Daily Planet B
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
Share this Blogger Template:
edit post

10 Response to "Daily Planet A & B Blogger Skins"

  1. 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

     

  2. Clyde said,

    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

     

  3. 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

     

  4. Clyde said,

    Can you pass me a link to the template site your working on, ill take a look.

    Clyde

     

  5. 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

     

  6. Clyde said,

    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

     

  7. 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

     

  8. Clyde said,

    @ 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

     

  9. ishaq said,

    i want to change the name of the menu button and put a link of my another blog how can i do that

     

  10. Bhavika said,

    @ ishaq - Please read the instructions given above to change the menu bar links.

     

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides