3 Colums Newspaper Blog Template
Monday, June 15, 2009
3 Columns Newspaper Free Blog Template is new version for our newspaper free blog templates, Newspaper and Black Newspaper
Features :
This template use 3 columns newspaper Style plus '3 Headline News' at top of main widget (Menu link)
This is professional blog template, suitable for a business blog. Has ready space for banner ads and links.
Use magazine template format, some widget can hidden when you open a page (you can try it).
There are some things that you need to do for use this template.
CHANGE MENU LINKS
Go to 'Layout' - 'Edit HTML'
Find code <div id='menu'>, so you can find this code that you must edit :
<div id='menu'>
<ul>
<li><a class='active' href='/'>HOME</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Menu 2.1</a></li>
<li><a href='#'>Menu 2.2</a></li>
</ul></li>
<li><a href='#'>Menu 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
</ul></li>
</ul>
Change '#' with your link page, and 'menu 2' or 'menu 3' with your menu name.
'Menu 2.1' change with your sub menu name.
If you dont have a sub menu, let the codes like 'Menu 1'
You can also add menus or sub menu. Just copy-paste and edit your menu.
CHANGE/REMOVE BANNER ADS
Find Code <div id='Banner-ads'>
Below it, you can see this code :
<a hight='90' href='http://newspaperfreetemplate.blogspot.com/' width='90'><img alt='ads' border='0' src='http://i39.tinypic.com/2yv9b8n.jpg'/></a>
To edit, just change url link and link for your image.
Remember that for default, this template ready with 8 space for banner ads, with 90 x 90px image.
CARE YOUR IMAGE!
At Main Page, you see that image at post will be rezise automatically. To make this work, you must REMOVE an image size in your image link.
Example, your image link like this :
<a href='http://newspaperfreetemplate.blogspot.com/' width='100' hight='100' ><img alt='ads' border='0' src='http://i39.tinypic.com/2yv9b8n.jpg'/></a>
If you add an image at post, just remove width='100' and hight='100', so your image at post will rezise automatically when you are at Main Page.
EDIT YOUR RSS BUTTON URL
Find code :
<div class='rss'>
<a href='http://trial-fanchon.blogspot.com/feeds/posts/default' target='_blank'><img src='http://i44.tinypic.com/34te8ow.png'/></a>
</div>
Just change url with your blog url.
EDIT Your HEADLINE NEWS
Copy and paste this code to your blog (at Headline News widget)
<script style="" src="http://www.geocities.com/mezzaluna08@rocketmail.com/recentpost.txt"></script><script style="">var numposts = 1;var showpostdate = true;var showpostsummary = true;var numchars = 600;var standardstyling = true;</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Change 'YOURBLOG' with your blog url.
ADS LINK
You can place your text Ads link (recommended) at:
Headline News widget
Header
You can also add more Text Ads link by yourself.
If do you have a question, just leave at comment or send email to blogtemplate@ymail.com. Enjoy it!
Features :
- Breadcrumbs
- 3 Headline News
- Magazine style (some widget can hidden)
- 3 Columns Newspaper Style
- 2 column sidebar
- 3 column footer
- Automatic Readmore
- Search engine
- RSS button
- Different comment background color by Admin
- Dropdown horizontal menu
- Ads Banner
- Space for link Ads
- Hidden Widget (left sidebar)
- Nice page navigation button
This template use 3 columns newspaper Style plus '3 Headline News' at top of main widget (Menu link)
This is professional blog template, suitable for a business blog. Has ready space for banner ads and links.
Use magazine template format, some widget can hidden when you open a page (you can try it).
There are some things that you need to do for use this template.
CHANGE MENU LINKS
Go to 'Layout' - 'Edit HTML'
Find code <div id='menu'>, so you can find this code that you must edit :
<div id='menu'>
<ul>
<li><a class='active' href='/'>HOME</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Menu 2.1</a></li>
<li><a href='#'>Menu 2.2</a></li>
</ul></li>
<li><a href='#'>Menu 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
</ul></li>
</ul>
Change '#' with your link page, and 'menu 2' or 'menu 3' with your menu name.
'Menu 2.1' change with your sub menu name.
If you dont have a sub menu, let the codes like 'Menu 1'
You can also add menus or sub menu. Just copy-paste and edit your menu.
CHANGE/REMOVE BANNER ADS
Find Code <div id='Banner-ads'>
Below it, you can see this code :
<a hight='90' href='http://newspaperfreetemplate.blogspot.com/' width='90'><img alt='ads' border='0' src='http://i39.tinypic.com/2yv9b8n.jpg'/></a>
To edit, just change url link and link for your image.
Remember that for default, this template ready with 8 space for banner ads, with 90 x 90px image.
CARE YOUR IMAGE!
At Main Page, you see that image at post will be rezise automatically. To make this work, you must REMOVE an image size in your image link.
Example, your image link like this :
<a href='http://newspaperfreetemplate.blogspot.com/' width='100' hight='100' ><img alt='ads' border='0' src='http://i39.tinypic.com/2yv9b8n.jpg'/></a>
If you add an image at post, just remove width='100' and hight='100', so your image at post will rezise automatically when you are at Main Page.
EDIT YOUR RSS BUTTON URL
Find code :
<div class='rss'>
<a href='http://trial-fanchon.blogspot.com/feeds/posts/default' target='_blank'><img src='http://i44.tinypic.com/34te8ow.png'/></a>
</div>
Just change url with your blog url.
EDIT Your HEADLINE NEWS
Copy and paste this code to your blog (at Headline News widget)
<script style="" src="http://www.geocities.com/mezzaluna08@rocketmail.com/recentpost.txt"></script><script style="">var numposts = 1;var showpostdate = true;var showpostsummary = true;var numchars = 600;var standardstyling = true;</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Change 'YOURBLOG' with your blog url.
ADS LINK
You can place your text Ads link (recommended) at:
Headline News widget
Header
You can also add more Text Ads link by yourself.
If do you have a question, just leave at comment or send email to blogtemplate@ymail.com. Enjoy it!
Automatic Image Resize
Sunday, June 14, 2009
If you add an image at your post, this will re-size automatically. But, to make this work, you must REMOVE an image size in your image link.
Example, your image link like this :
<a href="http://newspaperfreetemplate.blogspot.com/" width="100" high="100"><img alt="ads" src="http://i39.tinypic.com/2yv9b8n.jpg" border="0" /></a>
If you place an image at post, just remove width='100' and high='100', so your image at post will resize automatically when you are at Main Page.
Example, your image link like this :
<a href="http://newspaperfreetemplate.blogspot.com/" width="100" high="100"><img alt="ads" src="http://i39.tinypic.com/2yv9b8n.jpg" border="0" /></a>
If you place an image at post, just remove width='100' and high='100', so your image at post will resize automatically when you are at Main Page.
Tab Menu View
You can add tab view on '3 headline' section. For example at this blog. This 3 columns newspaper templates have ready with tab view code, so you can easily add tab view feature, just copy code for tab view into your widget (at 'Page Element')
To install tab view at your blog with this 3 columns newspaper template, just copy code below into your widget :
To install tab view at your blog with this 3 columns newspaper template, just copy code below into your widget :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 300px;
height: 260px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript"> tabview_initialize('TabView');
</script>
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 300px;
height: 260px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript"> tabview_initialize('TabView');
</script>
Horizontal Dropdown Menu
Saturday, June 13, 2009
This Template use a dropdown horizontal menu. You can add some menu and submenu.
This is for edit menus :
Go to 'Layout' - 'Edit HTML'
Find code <div id='menu'>, so you can find this code that you must edit :
<div id='menu'>
<ul>
<li><a class='active' href='/'>HOME</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Menu 2.1</a></li>
<li><a href='#'>Menu 2.2</a></li>
</ul></li>
<li><a href='#'>Menu 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
</ul></li>
</ul>
Let code 'HOME'. This is link to your main page. But you still can remove or edit it (just edit 'HOME')
Change '#' with your link page, and 'menu 2' or 'menu 3' with your menu name.
'Menu 2.1' change with your sub menu name.
If you dont have a sub menu, let the codes like 'Menu 1'
You can also add menus or sub menu. Just copy-paste and edit your menu.
This is for edit menus :
Go to 'Layout' - 'Edit HTML'
Find code <div id='menu'>, so you can find this code that you must edit :
<div id='menu'>
<ul>
<li><a class='active' href='/'>HOME</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Menu 2.1</a></li>
<li><a href='#'>Menu 2.2</a></li>
</ul></li>
<li><a href='#'>Menu 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
</ul></li>
</ul>
Let code 'HOME'. This is link to your main page. But you still can remove or edit it (just edit 'HOME')
Change '#' with your link page, and 'menu 2' or 'menu 3' with your menu name.
'Menu 2.1' change with your sub menu name.
If you dont have a sub menu, let the codes like 'Menu 1'
You can also add menus or sub menu. Just copy-paste and edit your menu.
Subscribe to:
Posts (Atom)