Showing posts with label Template. Show all posts
Showing posts with label Template. Show all posts

Wednesday, August 5, 2009

MagTrend Blogger Template

Today, I try to modify the Minima Blogger into a model of minimalist magazine. MagTrend Blogger Template, is a blend of style with the slider, and features of each label articles.

MagTrend Blogger Template has been created, after I realized that many are interested to the template with the style of Revolution, which in fact created for WordPress community.

"MagTrend Blogger Template" consists of one column and there is no sidebar. But, I add four columns in the footer. So that the user "MagTrend Blogger Template", the ad can be added in the footer.

"MagTrend Blogger Template" has a "Featured Slide [Automatic update post for summary and a thumbnail image)" and also some fiture column for each category of the articles in the blog.

In the "MagTrend Blogger Template", the concept applied to the addition of JS files directly in the template, so do not require third-party hosting or place other than blogger.

With the completion of the making of "MagTrend Blogger Template", I hope I can develop the ability to modify the template in the style magazine, specifically for the blogger community.

Support and donations from you, I really need, considering the making of the modifications require time and funds to pay for the internet.

If you need "MagTrend Blogger Template", please leave a comment and your e-mail.

Thank you, for your attention and visits in my blog.
»»  read more

Thursday, July 9, 2009

Ngeloe Simple Blogger Template


After a few days to edit the template for the Blogger community, the design template blogger by the name "Ngeloe Simple Blog" I have already completed.

"Ngeloe Simple Blog" is a template for Blogger, consists of two columns. Style blogger template is designed with the Adobe Photoshop CS3.

Properties :
  • 2 Columns
  • Fixed width
  • Two columns on the header
  • Right sidebar
  • Automatic Read More Hack For Blogger With Thumbnails

How to upload Blogger templates
  • Download your Blogger XML template from my blog or bCOMStudio. The template is contained in a zip file (winzip, winrar), ensure you have extracted the XML template.
  • Log in to your Blogger dashboard and go to Layout > Edit HTML
  • Ensure you back up your old template in case you decide to use it again. To do this, click on the "download full template" link and save the file to your hard drive.
  • Look for the section near the top where you can browse for your XML template:
  • Enter the location of your template and press "upload".
  • The HTML of your new template will now appear in the box below. You can preview your template or simply save to start using it!
  • Enjoy!

Important Note:

  1. Give a donation to me, to support in order to increase the spirit of creating a template blogger.
  2. Template provided free of charge, please do not change the credit link on this template.


DEMO | DOWNLOAD |
»»  read more

Tuesday, June 30, 2009

Duo Minima Template

Duo Minima Template , is the result of the modification minima, which is devoted to a community blogger who like to display a simple blog. In accordance with the name, Duo Minima template consists only of two columns.

The features of the Duo Minima Template, is as follows:

  • It consists of two columns
  • Hide / show blogger navbar
  • Display header in the top of the sidebar. When using pictures, then you must create an image with 310x200px size. In this case, the higher the image can be customized to the needs.
  • Cool Navigation Bar
  • Tabview with three columns.
  • Automatic Thumbnail
  • Automatic Post Summary
  • Modify blockquote

" Duo Minima Template ", ideal for those who join in the Paid To Review.

DEMO | Download | If you wish, please donate to support me, thank you.



»»  read more

Thursday, June 25, 2009

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
»»  read more

Tuesday, May 12, 2009

About templates "AyoMaos".

puzzled to find inspiration to write a new article, I finally decided to modify the template MINIMA BLACK..
Modification of this template, I have to change from two columns into three columns. Then, I change the footer into three columns as well. But, this is still in the process. Given that I will change it later if there are other ideas.

Changes to this template is:
1. Initial size of 660px has been amended to be 810px.
2. The column "Main-Wrapper" changed multi-column.
3. Footer was changed into three columns.
4. Size sidebar is 230px, while the size of the middle column is 210px
5. Readmore automatically.
6. Bloglist function.
7. The Navigation toolbar below the header and footer.
8. Seo friendly.
9. Loading is fast.
10. Header image size 810px X 120px.

hopefully with this template, the more vibrant in writing articles and sharing knowledge, information and experiences.
»»  read more
Adsense Indonesia ads ads ads

Recent Comment

Follower

My friends

[A] • Abryan • Agnoe • Anied • Antiqueall [B] • bidikCOM • Budiawan H [C] • Catalog Tutorial [D] • Destiny • Djemari Ijal • Dorothy L [E] [F] [G] • Gemmasnewworld [H] • HEALTHINFO@EarthyMe [I] • iEn Muncet • Ihsan's Blog • Ikma Malaysia [J] [K] [L] [M] [N] • Nuranuraniku [O] • O-Range [P] [Q] [R] • Robbie's Blog [S] [T] • tiriBC • True Pillager [U] [V] [W] [X] [Y] [Z]