Hearts That Die For Technology

• Blogger (blogspot)
• Beta (XML)
• 3 Column
• Download
• Live Demo
• How to install XML template
• How to install Classic Template

Klik gambar untuk lihat tampilan besarnya

Catatan:
Ganti yang warna merah dengan URL anda dan Warna biru dengan kategori yang sesuai.

<div id='container'>

<ul id='navigation-1'>

<li><a href='#' title='Home'>Home</a></li>

<li><a href='#' title='Products'>Products</a>

<ul class='navigation-2'>

<li><a href='#' title='Electric Guitars'>Electric Guitars</a></li>

<li><a href='#' title='Acoustic Guitars'>Acoustic Guitars <span>»</span></a>

<ul class='navigation-3'>

<li><a href='#' title='Six String'>Six String</a></li>

<li><a href='#' title='Twelve String'>Twelve String</a></li>

</ul>

</li>

<li><a href='#' title='Bass Guitars'>Bass Guitars</a></li>

<li><a href='#' title='Accessories'>Accessories <span>»</span></a>

<ul class='navigation-3'>

<li><a href='#' title='Guitar Stands'>Guitar Stands</a></li>

<li><a href='#' title='Strings'>Strings</a></li>

<li><a href='#' title='Tuners'>Tuners</a></li>

<li><a href='#' title='Plectrums'>Plectrums</a></li>

<li><a href='#' title='Capos'>Capos</a></li>

<li><a href='#' title='Cases'>Cases</a></li>

<li><a href='#' title='Straps'>Straps</a></li>

</ul>

</li>

</ul>

</li>

<li><a href='#' title='Your Account'>Your Account</a>

<ul class='navigation-2'>

<li><a href='#' title='Log In'>Log In</a></li>

<li><a href='#' title='Register'>Register</a></li>

</ul>

</li>

<li><a href='#' title='Help'>Help</a>

<ul class='navigation-2'>

<li><a href='#' title='FAQs'>FAQs</a></li>

<li><a href='#' title='Forum'>Forum</a></li>

<li><a href='#' title='Contact Us'>Contact Us</a></li>

</ul>

</li>

<li><a href='#' title='Blah'>Links</a>

<ul class='navigation-2'>

<li><a href='#' title='Taylor Guitars'>Taylor Guitars</a></li>

<li><a href='#' title='AER Amplifiers'>AER Amplifiers</a></li>

<li><a href='#' title='Shure Microphones'>Shure Microphones</a></li>

<li><a href='#' title='International'>International <span>»</span></a>

<ul class='navigation-3'>

<li><a href='#' title='Musicans Friend'>Musicans Friend</a></li>

<li><a href='#' title='Thomann Music'>Thomann Music</a></li>

<li><a href='#' title='Turnkey'>Turnkey</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

click the picture to see the big appearance
What you need do in using this template are:
1. Arranging shares Menu at Edit HTML
2. You earn to enhance logo blog
3. Change Colour at each shares, etc.

steps:
To arrange Menu:
looking for code of such as hereunder and change the rose colored with Your URL, and also arrange his category at blue colour.

<!-- bagian menu -->
<div class='Menu'>

<ul>
<li><a class='on' href='#'><span>Home</span></a></li>
<li class='page_item'><a href='#' title='Photos'><span>Photos</span></a></li>
<li class='page_item'><a href='#' title='Video'><span>Video</span></a></li>
<li class='page_item'><a href='#' title='Music'><span>Music</span></a></li>
<li class='page_item'><a href='#' title='Calender'><span>Calender</span></a></li>
<li class='page_item'><a href='#' title='Links'><span>Links</span></a></li>
<li class='page_item'><a href='#' title='Contact'><span>Contact</span></a></li>
<li class='page_item'><a href='http://layout4all.blogspot.com/' title='Template/layout'><span>Designer</span></a></li>
</ul>
</div>

Include your own logo blog:
logo which I recommend is the size 40 x 43px
searching code hereunder and change which ruddle with Your URL logo.

Last update:

/*-- Bagian Komentar (comment)--*/

#comments h4 {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 5px 0px;
color:#000; -------------> #ffc (change with)
}

#comments dl {
}

.comment-author {
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 11px;
letter-spacing: -1px;
color:#333; --------------------> #ffc (change with)
font-weight: bold;
display: block;
}

.comment-body {
margin: 5px 0px 0px 0px;
padding: 0px;
font-size: 11px;
line-height: 15px;
background: #fff url(images/ComListContent.gif) no-repeat left top; --------> #000 (change with this)
display: block;
border: 1px solid #99f; <---------------- add
}

click the picture to see the big appearance
Download Template

Satu lagi template keren desain saya sendiri, selanjutnya bila menggunakan template ini anda harus mengganti URL blog dibawah ini dengan URL anda.

---

<div id='menu'>
<p class='menu' style='text-align:left'>
<a class='kolommenu' href='http://99computer.blogspot.com'><span style='color:#ffffff;'>Home</span></a>

<a class='kolommenu' href='http://download-templates.blogspot.com'><span style='color:#ffffff;'>Blogger Templates</span></a>

<a class='kolommenu' href='http://layout4all.blogspot.com'><span style='color:#ffffff;'>Lay4All</span></a>

<a class='kolommenu' href='http://99computer.blogspot.com'><span style='color:#ffffff;'>Computer Blog</span></a>

</p>

Catatan:
Template ini hampir sama dengan Parang Tambung 2 Column Template, cuman yang ini ada tambahan fitur yaitu menu bar, dan kesemuanya tergantung pada anda mau gunakan yang mana!!!
Dan yang perlu anda perhatikan dalam menggunakan template ini adalah mengganti yang saya tandai dengan warna merah tersebut dengan URL yang sesuai dengan blog anda.

Note:

Download Template xml