iTheme Techno Blogger Template (Complete Series)

iTheme Techno blogger template is the beautiful template with Mac OS interface design, drag & drop sidebar (we are the FIRST who use it for a blogger template!), and beautiful mini icons. Originally, this theme is designed by Nick La.

By downloading and using this template, you agree to the following terms:

• You may NOT resell this theme
• A link back to N.Design Studio and Magznetwork must be retained in the footer (either modified or unmodified)
• You may use this theme for personal or commercial projects
• You may modify, translate or distribute

Sidebar docking boxes (dbx) by Brothercake. Modified for Blogger by Blackquanta and Magznetwork

Please read the instruction carefully if you don’t want to get any problems.

INSTALLATION INSTRUCTION

1. Download and extract the zip file.
2. Login to your GooglePages and upload all of the images
3. Edit the XML file and replace http://YOURGOOGLEPAGES.googlepages.com with your Google account.
4. Login to your Blogger Dashboard
5. Go to Layout > Edit HTML
6. Upload XML Template file (DO NOT copy and paste the code directly to template editor box)
7. PLEASE DO NOT PREVIEW YOUR BLOG. Go to Layout > Page Element
8. Edit “Top Menu” widget. Add at least one link, for example you can make a link to your blog homepage with “Home” anchor text
9. Edit “Archives” widget. Chose “Flat List” Style and “MM YY” Date Format style, for example “February 2008″
10. Edit “Recent Posts” widget. Change Feed URL to http://YOURBLOGNAME.blogspot.com/feeds/posts/default
11. Edit “Recent Comments” widget. Change Feed URL to http://YOURBLOGNAME.blogspot.com/feeds/comments/default
12. Go to Settings > Formatting, choose TIMESTAMP FORMAT style: “Wednesday, Januari 30, 2008″
13. Finish. Preview your blog to see the result.

Release History

• 19 Feb 2008: 1.0, initial release, BlackQuanta
• 25 Mar 2008: 1.1, fixing sidebar drag & drop bugs in IE6
• 22 Jun 2008: 1.2, adding post author feature, adsense inline ads support, and page elements support in main content area
• 16 Jul 2008: 2.0, inline comment form & post rating support

Frequently Asked Questions (FAQ)

My date icon doesn’t work. It only displays “undefined”. What’s wrong!

Come on…!!! Did you read my installation instruction? Go to Settings - Formatting, choose TIMESTAMP FORMAT style like this: “Wednesday, Januari 30, 2008″. Make sure that you change Timestamp Format, not Date Header Format or Archive Index Date Format.

I’m very lazy. I don’t have many time to upload the images. Can you help me?

It’s better if you can upload the images by yourselves. If you still don’t want to upload, you can download “images ready” version from Ekhan (iTheme Techno 1.1 only).

One of my sidebar widget overlaps the background. What’s wrong?

Nick, the original designer of iTheme, designed iTheme with sidebar widget not more than 1200px height! I wrote the solution for this problem here.

I don’t like sidebar drag & drop feature. I want to remove it!

Find and remove this code,

<!-- Sidebar docking boxes (dbx) by Brothercake - http://www.brothercake.com/ -->
<!-- Modified for Blogger by Blackquanta - http://ustadz.net/ and Magznetwork - http://www.magznetwork.com/ -->
<script src='http://www.magznetwork.com/blogger/ithemetechno/dbx.js' type='text/javascript'/>
<script type='text/javascript'>
function dbxInitiate(gid){
container = document.getElementById(gid);
if(container == null) {
return;
}
eles2 = container.getElementsByTagName('h2');
for(var i=0;i<eles2.length;i++){
eles2[i].className = ‘dbx-handle’;
};
eles = container.getElementsByTagName(’div’);
for(var i=0; i<eles.length; i++){
if(eles[i].className == ‘widget-content’){
eles[i].className = ‘dbx-content’;
}
if(/widget/i.test(this.eles[i].className)){
eles[i].className += ‘ dbx-box’;
}
};
};
</script>
<script type=’text/javascript’>
window.onload = function()
{
dbxInitiate(’sidebar’);
//initialise the docking boxes manager
var manager = new dbxManager(’main’);
//create new docking boxes group
var sidebar = new dbxGroup(
’sidebar’,
‘vertical’,
‘7′,
‘no’,
‘10′,
‘yes’,
‘open’,
‘open’,
‘close’,
‘click-down and drag to move this box’,
‘click to %toggle% this box’,
‘use the arrow keys to move this box’,
‘, or press the enter key to %toggle% it’,
‘%mytitle% [%dbxtitle%]‘
);
};
</script>

iTheme Techno (2 columns, right sidebar)

iTheme Techno (2 columns, right sidebar) v2.0 (159.5 KiB, 2,401 hits)

iTheme Techno (2 columns, left sidebar)

iTheme Techno (2 columns, left sidebar) v2.0 (159.4 KiB, 606 hits)

iTheme Techno (3 columns, right sidebars)

iTheme Techno (3 columns, right sidebars) v2.0 (159.6 KiB, 1,468 hits)

iTheme Techno (3 columns, left & right sidebars)

iTheme Techno (3 columns, left & right sidebars) v2.0 (159.6 KiB, 2,805 hits)

iTheme Techno (3 columns, left sidebars)

iTheme Techno (3 columns, left sidebars) v2.0 (159.6 KiB, 456 hits)

If you like this page then please consider subscribing to our MagzNetwork RSS feed. You can also subscribe by email and have our news sent directly to your inbox.