Friday 3 July 2009

Blogger Template : Not Magazine 4 Column

As its name, Blogger Template Not Magazine 4 Column, whatever you said its magazine style or not :D , have 4 column. Click on post title and post section will be wider and left column disappear. You can put recent post widget or news reel widget on left column section. Here's the screenshoot


Feature
  1. Layout 4 column and 3 column at lower section
  2. Adsense ready
  3. Social Bookmarks icon on everypost
  4. Search Menu
  5. Best viewed using Firefox 3, Opera 8, Opera 9, Opera 10, Internet Explorer 7, Internet Explorer 8, Safari
Read this instruction setting carefully

Template Layout

This template is adsense ready. I've set adsense section so you can edit it. Copy your adsense code, add a HTML widget through page element, paste your code and save

Navigation Menu Setting

Access Edit HTML, find and Edit this code below

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://dezigntuts.com' target='_blank'>Dezign Resources</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>

Banner 125x125 Setting

<div class='banner'>
<ul>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/s1600/advertise+125x125.png'/></a>
</li>

<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/s1600/advertise+125x125.png'/></a>
</li>
</ul>
</div>

Edit red text color to your target URL, edit blue text color to your image source URL.
If you wanna put advertisement banner, usually they give HTML code. Paste it between

<li>
YOUR HTML CODE HERE
</li>

So glad to receive any comments or bug reports.
-------------------------------------------------
THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Blogger Template : Not Magazine 4 Column"

Post a Comment