Thirteen Mag Blogger Template

I have created a template "Thirteen Mag Blogger Template", expected to be used by the blogger community.

"Thirteen Mag Blogger Template" consists of:

• 13 column
• Divided by two column headers, so the user "Thirteen Mag Blogger Template" can add the ad with the size 486 X 100px.
• "Thirteen Mag Blogger Template" has a navigation menu that is easily operated.
• In "Thirteen Mag Blogger Template" Tabview also installed, which consists of 3 columns.
• "Thirteen Mag Blogger Template" with readmore automatic.
• "Thirteen Mag Blogger Template" apply scroll system, in the column under the navigation menu, and in the Comment Box

How to install "Thirteen Mag Blogger Template".

• Blog template that you replace with "Thirteen Mag Blogger Template", must be in the backup first.
• Make sure to manually copy the widget is in your blog using the notepad.
• Browse "Thirteen Mag Blogger Template" and then upload "Thirteen Mag Blogger Template".
• After the confirmation and keep "Thirteen Mag Blogger Template".
• Then it's up to you how to beautify your blog's appearance.

Restrictions and how to change certain sections.

User "Thirteen Mag Blogger Template" is prohibited to change the credit - footer:

<div id='credit-footer'><!-- do not delete this section/jangan menghapus bagian ini -->
&lt;p&gt;
Copyright @ 2009 By : &lt;a href=&quot;http://www.nataludin.com&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;yellow&quot;&gt;Ayomaos&lt;/font&gt;&lt;/a&gt; | Distribution by : &lt;a href=&quot;http://bcomstudio.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;yellow&quot;&gt;bCOMstudio&lt;/font&gt;&lt;/a&gt; | Powered By: &lt;a href=&quot;http://blogger.com&quot; target=&quot;_&quot; blank&gt;&lt;font color=&quot;yellow&quot;&gt;Blogger&lt;/font&gt;&lt;/a&gt; |
&lt;/p&gt;

&lt;p class=&quot;credit&quot;&gt;
&lt;a href=&quot;http://mozilla.com/firefox&quot; target=&quot;_&quot; title=&quot;Firefox&quot; blank&gt;&lt;img width=&quot;12&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGcD9ixVxv5R5myMdLjqw3Dy2sq9vwrYH_OyRgIMKZ4eA_7OUiRE4c7kZtPlDGebSoiNZXCvj0Vm7KhbOA-FT0PE6Zb-P42HbwNNUeESO0iMmWIStRITG6DUds5s8XZqJK8wUfB_u287C3/s1600-r/firefox-icon.gif&quot; height=&quot;12&quot;/&gt;&lt;/a&gt;

&lt;a href=&quot;
http://www.microsoft.com/windows/internet-explorer/default.aspx&quot; target=&quot;_&quot; title=&quot;Internet Explorer 8&quot; blank&gt;&lt;img width=&quot;13&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjypXsZGBvlzZySjNX2GbMw5Zl-tdjqyVppEOmzTEg-GeKRtZaNuhrXW2isKdU-hXY81Tk8fNrLxwI3Ss4e33MVmJPLvaNe_ivf6gMrmpL5zMXqBsQjrgZjPsRK9fsCuCEth7EisA3Nmi6z/s1600-r/eweb-ie7.gif&quot; height=&quot;14&quot;/&gt;&lt;/a&gt;
&lt;/p&gt;
</div>


Blog Title is in the Header-Left.

You need to create an image with size 400 X 100 px, and then uploaded on www.photobucket.com. After getting the code image, please encodes the code image.
Below is an example to add the code.

<div class='headerleft'>

&lt;a href=&quot;http://s288.photobucket.com/albums/ll179/ahnning/?action=view&amp;current=headertemplatebarucopy.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i288.photobucket.com/albums/ll179/ahnning/headertemplatebarucopy.jpg&quot; border=&quot;0&quot; alt=&quot;magazine blogger template&quot;&gt;&lt;/a&gt;

</div>


To add the AD code in the "Header-right", please encode your ad code, and then add in the header-right.

Example:

<div class='headerright'>

... place the ad code after encode ...

</ div>


Change the navigation. Note the code Navigation menu, which is listed below:

<!-- This is the start of the menu -->
<div id='mainMenu'>
<a>Products</a>
<a>Support</a>
<a>About us</a>
<a>Download</a>
</div>
<div id='submenu'>
<!-- The first sub menu -->
<div id='submenu_1'>
<a href='http://ahn-bidikcom.blogspot.com'>Product 1</a>
<a href='http://ahn-bidikcom.blogspot.com'>Product 2</a>
<a href='http://ahn-bidikcom.blogspot.com'>Product 3</a>
</div>
<!-- Second sub menu -->
<div id='submenu_2'>
<a href='http://ahn-bidikcom.blogspot.com'>Phone</a>
<a href='http://ahn-bidikcom.blogspot.com'>Email</a>
<a href='http://ahn-bidikcom.blogspot.com'>Knowledge base</a>
</div>
<!-- Third sub menu -->
<div id='submenu_3'>
<a href='http://ahn-bidikcom.blogspot.com'>History</a>
<a href='http://ahn-bidikcom.blogspot.com'>The team</a>
<a href='http://ahn-bidikcom.blogspot.com'>Contact us</a>
<a href='http://ahn-bidikcom.blogspot.com'>Visions</a>
</div>
<!-- Fourth sub menu -->
<div id='submenu_4'>
<a href='http://ahn-bidikcom.blogspot.com'>Patches</a>
<a href='http://ahn-bidikcom.blogspot.com'>Whitepapers</a>
<a href='http://ahn-bidikcom.blogspot.com'>Tab menu</a>
<a href='http://www.nataludin.com'>Color picker</a>
<a href='http://www.nataludin.com'>Window scripts</a>
<a href='http://www.nataludin.com'>Games</a>

</div>
</div>
<br id='clearmenu'/>

Please change the code yellow, with the URL and your own creations

To change the tabview, the same steps as when you add gadgets on the sidebar.

Hopefully helpful, especially for a community blogger who need a template such as "Thirteen Mag Blogger Template" this.

DEMO-1 | DEMO-2 | Download