<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<!--
Template Name: iTheme Techno Blogger Template
Template URI: http://www.magznetwork.com
Description: Blogger Template version of WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.1
Author: BlackQuanta
Author URI: http://ustadz.net
Designer: Nick La
Designer URI: http://www.ndesign-studio.com
Distributed by: www.eblogtemplates.com
This XML template was converted by BlackQuanta and was designed and built 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 BlackQuanta 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
-->
<b:skin><![CDATA[
/* === Hide the NavBar === */
.Navbar {
visibility:hidden;
display: none;
}
/* === Hide the NavBar === */
body {
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
word-wrap: break-word;
}
a {
color: #44a1d0;
text-decoration: none;
}
a:visited {
color: #5EAFD7;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
#wrapper {
width: 770px;
margin: 0px auto;
position: relative;
}
/* ------------------------------------- header area */
#topheader {
height: 120px;
}
/* site title */
h1 {
position: absolute;
top: 40px;
left: 25px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}
h1 a, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}
h1 a:hover {
color: #000000;
text-decoration: none;
}
.description {
position: absolute;
top: 77px;
left: 25px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
}
/* search form */
#searchform {
position: absolute;
top: 0px;
right: 0px;
height: 37px;
width: 210px;
}
#searchform #s{
height: 17px;
width: 148px;
margin: 6px 5px 0px 10px;
padding: 3px 7px 2px 5px;
color: #999999;
border: none;
}
#searchform #searchsubmit {
height: 24px;
width: 24px;
border: none;
text-indent: -999%;
line-height: 1px;
margin-top: 6px;
cursor: pointer;
}
/* ------------------------------------- main content area */
#main-col {
width: 545px;
float: right;
margin-top: 11px;
}
/* main menu */
#nav {
height: 26px;
}
#nav ul{
list-style: none;
margin: 0px 0px 0px 25px;
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
margin: 0px 1px 0px 0px;
padding: 0px;
float: left;
}
#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #000000;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #000000;
}
#nav li a:hover, #nav .current_page_item a{
text-decoration: none;
color: #ffffff;
}
#navsection {
padding:0px;
margin:0px;
}
#navsection h2 {
display: none;
}
#navsection .widget, #navsection .widget-content {
padding:0px; margin:0px;
}
/* sub menu */
#subnav {
background: #ecebeb;
}
#subnav ul {
margin: 0px;
padding: 3px 0px 18px 5px;
list-style: none;
font: 11px/100% Arial, Helvetica, sans-serif;
}
#subnav li {
border-right: 1px solid #D8D8D8;
padding: 0px 7px;
margin: 0px;
float: left;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
text-decoration: none;
color: #333333;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
color: #3b9acc;
}
#subnav li a:hover {
text-decoration: none;
color: #3b9acc;
}
/* content */
#content {
padding: 5px 25px 15px 25px;
width: 495px;
background: #ffffff;
clear: both;
overflow: hidden;
}
.post {
padding: 0px;
clear: both;
overflow: hidden;
}
.post ul, .post ol {
margin: 5px 0px 30px;
padding-left: 30px;
}
.post li {
margin: 0px;
}
.post .date {
height: 50px;
width: 45px;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;
}
.post .date span {
height: 16px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 5px;
}
.post .title {
float: left;
margin-left: 10px;
width: 438px;
}
.postdata {
font-size: 90%;
color: #999999;
}
.postdata a, .postdata a:visited {
color: #999999;
text-decoration: none;
}
.postdata a:hover {
color: #44a1d0;
text-decoration: none;
}
.postdata .category{
padding-left: 18px;
float: left;
}
.postdata .comments{
padding-left: 18px;
float: right;
}
.mini-add-comment {
padding-left: 12px;
float: right;
}
.entry {
padding: 10px 0px 5px;
clear: both;
}
/* post title */
h2 {
color: #333333;
margin: 3px 0 2px;
padding-bottom: 4px;
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #44a1d0;
text-decoration: none;
}
h3 {
color: #666666;
margin: 5px 0px 5px;
font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}
.status-message {
height:21px;
margin-bottom:15px;
color:#ffffff;
text-align:center;
}
/* next - previous page navigation */
.page-nav {
clear:both;
height:21px;
margin-top:15px;
color:#ffffff;
}
.page-nav a, .page-nav a:visited {
color:#ffffff;
text-decoration: none;
}
.page-nav a:hover {
color: #000000;
text-decoration: none;
}
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
}
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
}
/* next - previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
}
/* ------------------------------------- comment area */
h3#comments {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
h3#respond {
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;
}
h3#links {
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 10px 0px 0px;
clear: both;
}
/* comment list */
.commentlist {
margin: 10px 0px;
padding-left: 45px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
background: #F4F4F4;
margin-bottom: 10px;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
color: #669900;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
color: #999999;
}
/* ------------------------------------- footer area */
#footer {
padding: 10px 0px 0px 10px;
font-size: 87%;
color: #282828;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #000000;
}
#footer a:hover {
text-decoration: underline;
}
/* sidebar */
#sidebar-wrapper {
float:left;
width: 210px;
color: #666666;
line-height: 160%;
padding:0 0px 10px;
position:relative;
display:block;
}
#sidebar {
margin:0;
padding:0;
}
#sidebar p {
margin: 0px 0px 15px;
}
#sidebar h2 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
position:relative;
display:block;
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
#sidebar h2 a, #sidebar h2 a:visited {
color: #666666;
}
#sidebar h2 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #000000;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration:underline;
}
#sidebar ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
#sidebar ul li {
padding-left: 18px ;
}
#sidebar ul li ul li {
padding-left: 12px ;
}
#sidebar .widget-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
#sidebar .widget {
position:relative;
display:block;
margin:0;
padding:0;
border:none;
clear: both;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
}
img.left, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.right {
float: right;
}
img.right, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.hidden {
clear: both;
visibility: hidden;
}
/****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {
position:absolute;
visibility:hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
cursor:move !important;
}
.dbx-dummy {
display:block;
width:0;
height:0;
overflow:hidden;
}
.dbx-group, .dbx-box, .dbx-handle {
position:relative;
display:block;
}
/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
margin:0;
padding:0;
border:none;
clear: both;
}
/****************************************************************
otherwise, do what you like :)
*****************************************************************/
/* group container(s) */
.dbx-group {
width:210px;
padding:0 0px 10px;
}
* html .dbx-group {
width: 210px;
padding-bottom:0;
}
/* handles */
.dbx-handle {
position:relative;
margin:0;
padding: 16px 24px 7px 10px;
}
* html .dbx-handle {
width: 176px;
}
/* handle cursors are in a class of their own
so they only get applied if the script is supported */
.dbx-handle-cursor {
cursor:move;
}
/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
display:block;
width:20px;
height:20px;
overflow:hidden;
position:absolute;
top:12px;
right:3px;
text-indent:-50px;
text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
background-position:-20px -20px;
}
/* keyboard navigation tooltip */
.dbx-tooltip {
display:block;
position:absolute;
margin:36px 0 0 125px;
width:185px;
border:1px solid #000;
background:#ffd;
color:#000;
font:normal normal normal 0.85em tahoma, arial, sans-serif;
padding:2px 4px 3px 5px;
text-align:left;
}
* html .dbx-tooltip { width:210px; }
/* use CSS2 system colors in CSS2 browsers
but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
border-color:InfoText;
background:InfoBackground;
color:InfoText;
font:small-caption;
font-weight:normal;
}
/* inner content area */
.dbx-content {
margin: 0;
padding: 5px 10px 9px 10px;
overflow: hidden;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
display:block;
height:4px;
padding:0;
overflow:hidden;
}
.dbx-box-closed .dbx-content * {
display:none;
}
/* additional clone styles */
.dbx-clone {
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
}
body {
background: #42afdc url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-html-bg.gif) repeat-x;
}
#page {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-main-bg.jpg) no-repeat center top;
}
#searchform {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-searchform-bg.png) no-repeat right bottom;
}
#searchform #s{
background: #ffffff url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-form-field-bg.gif) no-repeat ;
}
#searchform #searchsubmit {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-search-btn.png) no-repeat left top;
}
#nav {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-content-top-bg.png) no-repeat left top;
}
#nav li a:hover, #nav .current_page_item a{
background: #2e91c6 url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-nav-item-hover.gif) repeat-x;
}
.post .date {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-calendar.gif) no-repeat;
}
.postdata .category{
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-category.gif) no-repeat;
}
.postdata .comments{
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-comment.gif) no-repeat;
}
.mini-add-comment {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-down-arrow.gif) no-repeat left center;
}
.status-message {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-navigation-bg.gif) no-repeat left center;
}
.page-nav {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-navigation-bg.gif) no-repeat left center;
}
.previous-entries a {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-navigation-left.gif) no-repeat left center;
}
.next-entries a {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-navigation-right.gif) no-repeat right center;
}
.post-nav .previous a {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-post-nav-next.gif) no-repeat right center;
}
h3#comments {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-comments.gif) no-repeat;
}
h3#respond {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-respond.gif) no-repeat;
}
#footer {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-content-bottom-bg.png) no-repeat;
}
#sidebar h2 {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-handle.png) no-repeat 0 0;
}
#sidebar ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-bullet-orange.gif) no-repeat;
}
#sidebar ul li ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-bullet-grey.gif) no-repeat;
}
#sidebar .widget-content {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-bottom.png) no-repeat 0 100%;
}
#sidebar .BlogArchive ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-archive.gif) no-repeat;
}
#sidebar .Label ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-category.gif) no-repeat;
}
#sidebar .LinkList ul li, #sidebar .List ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-blogroll.gif) no-repeat;
}
#sidebar ul li.recent-posts {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-page.gif) no-repeat;
}
#sidebar ul li.recent-comments {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-comment.gif) no-repeat;
}
#sidebar ul li.rss {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-rss.gif) no-repeat;
}
#sidebar ul li.login, #sidebar .Profile ul li {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-user.gif) no-repeat;
}
#sidebar ul li.check {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-check.gif) no-repeat;
}
#sidebar ul li.wordpress {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-mini-wp.gif) no-repeat;
}
.dbx-handle {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-handle.png) no-repeat 0 0;
}
a.dbx-toggle, a.dbx-toggle:visited {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-toggle.png) no-repeat;
}
.dbx-content {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-bottom.png) no-repeat 0 100%;
}
]]></b:skin>
<!--[if lt IE 7]>
<style type="text/css">
#searchform {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-searchform-bg-ie7.gif) no-repeat right bottom;
}
#searchform #searchsubmit {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-search-btn-ie7.gif) no-repeat left top;
}
.dbx-handle, #sidebar h2, #sidebar1 h2, #sidebar2 h2 {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-handle-ie7.gif) no-repeat 0 0;
}
a.dbx-toggle, a.dbx-toggle:visited {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-toggle-ie7.gif) no-repeat;
}
.dbx-content, #sidebar .widget-content {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-sidep-bottom-ie7.gif) no-repeat 0 100%;
}
#nav {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-content-top-bg-ie7.gif) no-repeat left top;
}
#footer {
background: url(http://s254.photobucket.com/albums/hh92/eblogtemplates/itheme2l/itheme-content-bottom-bg-ie7.gif) no-repeat;
}
</style>
<![endif]-->
<!-- 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 type="text/javascript">
var dbx;function dbxManager(sid){dbx = this;if(!/^[-_a-z0-9]+$/i.test(sid)) { alert('Error from dbxManager:\n"' + sid + '" is an invalid session ID'); return; }this.supported = !(document.getElementsByTagName('*').length == 0 || (navigator.vendor == 'KDE' && typeof window.sidebar == 'undefined'));if(!this.supported) { return; }this.etype = typeof document.addEventListener != 'undefined' ? 'addEventListener' : typeof document.attachEvent != 'undefined' ? 'attachEvent' : 'none';this.eprefix = (this.etype == 'attachEvent' ? 'on' : '');if(typeof window.opera != 'undefined' && parseFloat(navigator.userAgent.toLowerCase().split(/opera[\/ ]/)[1].split(' ')[0], 10) < 7.5){this.etype = 'none';}if(this.etype == 'none') { this.supported = false; return; }this.running = 0;this.sid = sid;this.savedata = {};this.cookiestate = this.getCookieState();};dbxManager.prototype.setCookieState = function(){var now = new Date();now.setTime(now.getTime() + (365*24*60*60*1000));var str = '';for(j in this.savedata){if(typeof this.savedata[j]!='function'){str += j + '=' + this.savedata[j] + '&'}}this.state = str.replace(/^(.+)&$/, '$1');this.cookiestring = this.state.replace(/,/g, '|');this.cookiestring = this.cookiestring.replace(/=/g, ':');if(typeof this.onstatechange == 'undefined' || this.onstatechange()){document.cookie = 'dbx-' + this.sid + '='+ this.cookiestring+ '; expires=' + now.toGMTString()+ '; path=/';}};dbxManager.prototype.getCookieState = function(){this.cookiestate = null;if(document.cookie){if(document.cookie.indexOf('dbx-' + this.sid)!=-1){this.cookie = document.cookie.split('dbx-' + this.sid + '=')[1].split(';')[0].split('&');for(var i in this.cookie){if(typeof this.cookie[i]!='function'){this.cookie[i] = this.cookie[i].replace(/\|/g, ',');this.cookie[i]= this.cookie[i].replace(/:/g, '=');this.cookie[i] = this.cookie[i].split('=');this.cookie[i][1] = this.cookie[i][1].split(',');}}this.cookiestate = {};for(i in this.cookie){if(typeof this.cookie[i]!='function'){this.cookiestate[this.cookie[i][0]] = this.cookie[i][1];}}}}return this.cookiestate;};dbxManager.prototype.addDataMember = function(gid, order){this.savedata[gid] = order;};dbxManager.prototype.createElement = function(tag){return typeof document.createElementNS != 'undefined' ? document.createElementNS('http://www.w3.org/1999/xhtml', tag) : document.createElement(tag);};dbxManager.prototype.getTarget = function(e, pattern, node){if(typeof node != 'undefined'){var target = node;}else{target = typeof e.target != 'undefined' ? e.target : e.srcElement;}var regex = new RegExp(pattern, '');while(!regex.test(target.className)){target = target.parentNode;}return target;};function dbxGroup(gid, dir, thresh, fix, ani, togs, def, open, close, move, toggle, kmove, ktoggle, syntax){if(!/^[-_a-z0-9]+$/i.test(gid)) { alert('Error from dbxGroup:\n"' + gid + '" is an invalid container ID'); return; }this.container = document.getElementById(gid);if(this.container == null || !dbx.supported) { return; }var self = this;this.gid = gid;this.dragok = false;this.box = null;this.vertical = dir == 'vertical';this.threshold = parseInt(thresh, 10);this.restrict = fix == 'yes';this.resolution = parseInt(ani, 10);this.toggles = togs == 'yes';this.defopen = def != 'closed';this.vocab = {'open' : open,'close' : close,'move' : move,'toggle' : toggle,'kmove' : kmove,'ktoggle' : ktoggle,'syntax' : syntax};this.container.style.position = 'relative';this.container.style.display = 'block';if(typeof window.opera != 'undefined'){this.container.style.display = 'run-in';}this.boxes = [];this.buttons = [];this.order = [];this.eles = this.container.getElementsByTagName('*');for(var i=0; i<this.eles.length; i++){if(/dbx\-box/i.test(this.eles[i].className) && !/dbx\-dummy/i.test(this.eles[i].className)){this.eles[i].style.position = 'relative';this.eles[i].style.display = 'block';this.boxes.push(this.eles[i]);this.eles[i].className += ' dbx-box-open';this.eles[i].className += ' dbxid' + this.order.length;this.order.push(this.order.length.toString() + '+');this.eles[i][dbx.etype](dbx.eprefix + 'mousedown', function(e){if(!e) { e = window.event; }self.mousedown(e, dbx.getTarget(e, 'dbx\-box'));}, false);}if(/dbx\-handle/i.test(this.eles[i].className)){this.eles[i].style.position = 'relative';this.eles[i].style.display = 'block';this.eles[i].className += ' dbx-handle-cursor';this.eles[i].setAttribute('title', this.eles[i].getAttribute('title') == null || this.eles[i].title == '' ? this.vocab.move : this.vocab.syntax.replace('%mytitle%', this.eles[i].title).replace('%dbxtitle%', this.vocab.move));if(this.toggles){this.buttons.push(this.addToggleBehavior(this.eles[i]));}else{this.eles[i][dbx.etype](dbx.eprefix + 'key' + (typeof document.uniqueID != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? 'down' : 'press'), function(e){if(!e) { e = window.event; }return self.keypress(e, dbx.getTarget(e, 'dbx\-handle'));}, false);this.eles[i][dbx.etype](dbx.eprefix + 'focus', function(e){if(!e) { e = window.event; }self.createTooltip(null, dbx.getTarget(e, 'dbx\-handle'));}, false);this.eles[i][dbx.etype](dbx.eprefix + 'blur', function(){self.removeTooltip();}, false);}}}dbx.addDataMember(this.gid, this.order.join(','));var dummy = this.container.appendChild(dbx.createElement('span'));dummy.className = 'dbx-box dbx-dummy';dummy.style.display = 'block';dummy.style.width = '0';dummy.style.height = '0';dummy.style.overflow = 'hidden';if(this.vertical) { dummy.className += ' dbx-offdummy'; }this.boxes.push(dummy);if(dbx.cookiestate != null && typeof dbx.cookiestate[this.gid] != 'undefined'){var num = dbx.cookiestate[this.gid].length;if(num == this.boxes.length - 1){for(i=0; i<num; i++){var index = parseInt(dbx.cookiestate[this.gid][i], 10);this.container.insertBefore(this.boxes[index], dummy);if(this.toggles && /\-$/.test(dbx.cookiestate[this.gid][i])){this.toggleBoxState(this.buttons[index], false);}}this.getBoxOrder();}}else if(!this.defopen && this.toggles){var len = this.buttons.length;for(i=0; i<len; i++){this.toggleBoxState(this.buttons[i], true);}}document[dbx.etype](dbx.eprefix + 'mouseout', function(e){if(typeof e.target == 'undefined') { e = window.event; e.relatedTarget = e.toElement; }if(e.relatedTarget == null){self.mouseup(e);}}, false);document[dbx.etype](dbx.eprefix + 'mousemove', function(e){self.mousemove(e);return !self.dragok;}, false);document[dbx.etype](dbx.eprefix + 'mouseup', function(e){self.mouseup(e);}, false);this.keydown = false;document[dbx.etype](dbx.eprefix + 'keydown', function(){self.keydown = true;}, false);document[dbx.etype](dbx.eprefix + 'keyup', function(){self.keydown = false;}, false);};dbxGroup.prototype.addToggleBehavior = function(){var self = this;var button = arguments[0].appendChild(dbx.createElement('a'));button.appendChild(document.createTextNode('\u00a0'));button.style.cursor = 'pointer';button.href = 'javascript:void(null)';button.className = 'dbx-toggle dbx-toggle-open';button.setAttribute('title', this.vocab.toggle.replace('%toggle%', this.vocab.close));button.hasfocus = typeof window.opera != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? null : false;this.tooltip = null;button.onclick = function(){if(this.hasfocus === true || this.hasfocus === null){self.removeTooltip();self.toggleBoxState(this, true);}};button['onkey' + (typeof document.uniqueID != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? 'down' : 'press')] = function(e){if(!e) { e = window.event; }return self.keypress(e, this);};button.onfocus = function(){var len = self.buttons.length;for(var i=0; i<len; i++){self.buttons[i].className = self.buttons[i].className.replace(/[ ](dbx\-toggle\-hilite\-)(open|closed)/, '');}var isopen = (/dbx\-toggle\-open/.test(this.className));this.className += ' dbx-toggle-hilite-' + (isopen ? 'open' : 'closed');self.createTooltip(isopen, this);this.isactive = true;if(this.hasfocus !== null) { this.hasfocus = true; }};button.onblur = function(){this.className = this.className.replace(/[ ](dbx\-toggle\-hilite\-)(open|closed)/, '');self.removeTooltip();if(this.hasfocus !== null) { this.hasfocus = false; }};return button;};dbxGroup.prototype.toggleBoxState = function(button, regen){var isopen = (/dbx\-toggle\-open/.test(button.className));var parent = dbx.getTarget(null, 'dbx\-box', button);dbx.box = parent;dbx.toggle = button;if(typeof dbx.container == 'undefined'){dbx.group = dbx.getTarget(null, 'dbx\-group', parent);}else { dbx.group = dbx.container; }if((!isopen && (typeof dbx.onboxopen == 'undefined' || dbx.onboxopen()))||(isopen && (typeof dbx.onboxclose == 'undefined' || dbx.onboxclose()))){button.className = 'dbx-toggle dbx-toggle-' + (isopen ? 'closed' : 'open');button.title = this.vocab.toggle.replace('%toggle%', isopen ? this.vocab.open : this.vocab.close);if(typeof button.isactive != 'undefined'){button.className += ' dbx-toggle-hilite-' + (isopen ? 'closed' : 'open')}parent.className = parent.className.replace(/[ ](dbx-box-)(open|closed)/, ' $1' + (isopen ? 'closed' : 'open'));if(regen) { this.getBoxOrder(); }}};dbxGroup.prototype.shiftBoxPosition = function(e, anchor, positive){var parent = dbx.getTarget(null, 'dbx\-box', anchor);dbx.group = this.container;dbx.box = parent;dbx.event = e;if(typeof dbx.onboxdrag == 'undefined' || dbx.onboxdrag()){var positions = [];var len = this.boxes.length;for(var i=0; i<len; i++){positions[i] = [i, this.boxes[i][this.vertical ? 'offsetTop' : 'offsetLeft']];if(parent == this.boxes[i]) { this.idref = i; }}positions.sort(this.compare);for(i=0; i<len; i++){if(positions[i][0] == this.idref){if((positive && i < len - 2) || (!positive && i > 0)){var sibling = this.boxes[positions[i + (positive ? 1 : -1)][0]];if(this.resolution > 0){var visipos = { 'x' : parent.offsetLeft, 'y' : parent.offsetTop };var siblingpos = { 'x' : sibling.offsetLeft, 'y' : sibling.offsetTop };}var obj = { 'insert' : (positive ? sibling : parent), 'before' : (positive ? parent : sibling) };this.container.insertBefore(obj.insert, obj.before);if(this.resolution > 0){var animators ={'sibling' : new dbxAnimator(this, sibling, siblingpos, this.resolution, true, anchor),'parent' : new dbxAnimator(this, parent, visipos, this.resolution, true, anchor)};}else{anchor.focus();}break;}}}this.getBoxOrder();}};dbxGroup.prototype.compare = function(a, b){return a[1] - b[1];};dbxGroup.prototype.createTooltip = function(isopen, anchor){if(this.keydown){this.tooltip = this.container.appendChild(dbx.createElement('span'));this.tooltip.style.visibility = 'hidden';this.tooltip.className = 'dbx-tooltip';if(isopen != null){this.tooltip.appendChild(document.createTextNode(this.vocab.kmove + this.vocab.ktoggle.replace('%toggle%', isopen ? this.vocab.close : this.vocab.open)));}else{this.tooltip.appendChild(document.createTextNode(this.vocab.kmove));}var parent = dbx.getTarget(null, 'dbx\-box', anchor);this.tooltip.style.left = parent.offsetLeft + 'px';this.tooltip.style.top = parent.offsetTop + 'px';var tooltip = this.tooltip;window.setTimeout(function(){if(tooltip != null) { tooltip.style.visibility = 'visible'; }}, 500);}};dbxGroup.prototype.removeTooltip = function(){if(this.tooltip != null){this.tooltip.parentNode.removeChild(this.tooltip);this.tooltip = null;}};dbxGroup.prototype.mousedown = function(e, box){var node = typeof e.target != 'undefined' ? e.target : e.srcElement;if(node.nodeName == '#text') { node = node.parentNode; }if(!/dbx\-(toggle|box|group)/i.test(node.className)){while(!/dbx\-(handle|box|group)/i.test(node.className)){node = node.parentNode;}}if(/dbx\-handle/i.test(node.className)){this.removeTooltip();this.released = false;this.initial = { 'x' : e.clientX, 'y' : e.clientY };this.current = { 'x' : 0, 'y' : 0 };this.createCloneBox(box);if(typeof e.preventDefault != 'undefined' ) { e.preventDefault(); }if(typeof document.onselectstart != 'undefined'){document.onselectstart = function() { return false; }}}};dbxGroup.prototype.mousemove = function(e){if(this.dragok && this.box != null){this.positive = this.vertical ? (e.clientY > this.current.y ? true : false) : (e.clientX > this.current.x ? true : false);this.current = { 'x' : e.clientX, 'y' : e.clientY };var overall = { 'x' : this.current.x - this.initial.x, 'y' : this.current.y - this.initial.y };if(((overall.x >= 0 && overall.x <= this.threshold) || (overall.x <= 0 && overall.x >= 0 - this.threshold))&&((overall.y >= 0 && overall.y <= this.threshold) || (overall.y <= 0 && overall.y >= 0 - this.threshold))){this.current.x -= overall.x;this.current.y -= overall.y;}if(this.released || overall.x > this.threshold || overall.x < (0 - this.threshold) || overall.y > this.threshold || overall.y < (0 - this.threshold)){dbx.group = this.container;dbx.box = this.box;dbx.event = e;if(typeof dbx.onboxdrag == 'undefined' || dbx.onboxdrag()){this.released = true;if(!this.restrict || !this.vertical) { this.boxclone.style.left = (this.current.x - this.difference.x) + 'px'; }if(!this.restrict || this.vertical) { this.boxclone.style.top = (this.current.y - this.difference.y) + 'px'; }this.moveOriginalToPosition(this.current.x, this.current.y);if(typeof e.preventDefault != 'undefined' ) { e.preventDefault(); }}}}return true;};dbxGroup.prototype.mouseup = function(e){if(this.box != null){this.moveOriginalToPosition(e.clientX, e.clientY);this.removeCloneBox();this.getBoxOrder();if(typeof document.onselectstart != 'undefined'){document.onselectstart = function() { return true; }}}this.dragok = false;};dbxGroup.prototype.keypress = function(e, anchor){if(/^(3[7-9])|(40)$/.test(e.keyCode)){this.removeTooltip();if((this.vertical && /^(38|40)$/.test(e.keyCode)) || (!this.vertical && /^(37|39)$/.test(e.keyCode))){this.shiftBoxPosition(e, anchor, /^[3][78]$/.test(e.keyCode) ? false : true);if(typeof e.preventDefault != 'undefined') { e.preventDefault(); }else { return false; }typeof e.stopPropagation != 'undefined' ? e.stopPropagation() : e.cancelBubble = true;this.keydown = false;}}return true;};dbxGroup.prototype.getBoxOrder = function(){this.order = [];var len = this.eles.length;for(var j=0; j<len; j++){if(/dbx\-box/i.test(this.eles[j].className) && !/dbx\-(clone|dummy)/i.test(this.eles[j].className)){this.order.push(this.eles[j].className.split('dbxid')[1] + (/dbx\-box\-open/i.test(this.eles[j].className) ? '+' : '-'));}}dbx.savedata[this.gid] = this.order.join(',');dbx.setCookieState();};dbxGroup.prototype.createClone = function(){var clone = this.container.appendChild(arguments[0].cloneNode(true));clone.className += ' dbx-clone';clone.style.position = 'absolute';clone.style.visibility = 'hidden';clone.style.zIndex = arguments[1];clone.style.left = arguments[2].x + 'px';clone.style.top = arguments[2].y + 'px';clone.style.width = arguments[0].offsetWidth + 'px';clone.style.height = arguments[0].offsetHeight + 'px';return clone;};dbxGroup.prototype.createCloneBox = function(box){this.box = box;this.position = { 'x' : this.box.offsetLeft, 'y' : this.box.offsetTop };this.difference = { 'x' : (this.initial.x - this.position.x), 'y' : (this.initial.y - this.position.y) };this.boxclone = this.createClone(this.box, 30000, this.position);this.boxclone.style.cursor = 'move';this.dragok = true;};dbxGroup.prototype.removeCloneBox = function(){this.container.removeChild(this.boxclone);this.box.style.visibility = 'visible';this.box = null;};dbxGroup.prototype.moveOriginalToPosition = function(clientX, clientY){var cloneprops = {'xy' : this.vertical ? clientY - this.difference.y : clientX - this.difference.x,'wh' : this.vertical ? this.boxclone.offsetHeight : this.boxclone.offsetWidth};this.box.style.visibility = 'hidden';this.boxclone.style.visibility = 'visible';var len = this.boxes.length;for(var i=0; i<len; i++){var boxprops = {'xy' : this.vertical ? this.boxes[i].offsetTop : this.boxes[i].offsetLeft,'wh' : this.vertical ? this.boxes[i].offsetHeight : this.boxes[i].offsetWidth};if((this.positive && cloneprops.xy + cloneprops.wh > boxprops.xy && cloneprops.xy < boxprops.xy)||(!this.positive && cloneprops.xy < boxprops.xy && cloneprops.xy + cloneprops.wh > boxprops.xy)){if(this.boxes[i] == this.box) { return; }var sibling = this.box.nextSibling;while(sibling.className == null || !/dbx\-box/.test(sibling.className)){sibling = sibling.nextSibling;}if(this.boxes[i] == sibling) { return; }if(this.resolution > 0){if(this.box[this.vertical ? 'offsetTop' : 'offsetLeft'] < boxprops.xy){var visibox = this.boxes[i].previousSibling;while(visibox.className == null || !/dbx\-box/.test(visibox.className)){visibox = visibox.previousSibling;}}else{visibox = this.boxes[i];}var visipos = { 'x' : visibox.offsetLeft, 'y' : visibox.offsetTop };}var prepos = { 'x' : this.box.offsetLeft, 'y' : this.box.offsetTop };this.container.insertBefore(this.box, this.boxes[i]);this.initial.x += (this.box.offsetLeft - prepos.x);this.initial.y += (this.box.offsetTop - prepos.y);if(this.resolution > 0 && visibox != this.box){var animator = new dbxAnimator(this, visibox, visipos, this.resolution, false, null);}else{}break;}}};function dbxAnimator(caller, box, pos, res, kbd, anchor){this.caller = caller;this.box = box;this.timer = null;var before = pos[this.caller.vertical ? 'y' : 'x'];var after = this.box[this.caller.vertical ? 'offsetTop' : 'offsetLeft'];if(before != after){if(dbx.running > this.caller.boxes.length - 1) { return; }var clone = this.caller.createClone(this.box, 29999, arguments[2]);clone.style.visibility = 'visible';this.box.style.visibility = 'hidden';this.animateClone(clone,before,after > before ? after - before : 0 - (before - after),this.caller.vertical ? 'top' : 'left',res,kbd,anchor);}};dbxAnimator.prototype.animateClone = function(clone, current, change, dir, res, kbd, anchor){var self = this;var count = 0;dbx.running ++;this.timer = window.setInterval(function(){count ++;current += change / res;clone.style[dir] = current + 'px';if(count == res){window.clearTimeout(self.timer);self.timer = null;dbx.running --;self.caller.container.removeChild(clone);self.box.style.visibility = 'visible';if(kbd){if(anchor != null && anchor.parentNode.style.visibility != 'hidden'){anchor.focus();}else if(self.caller.toggles){var button = self.caller.buttons[parseInt(self.box.className.split('dbxid')[1],10)];if(button != null && typeof button.isactive != 'undefined'){button.focus();}}}}}, 20);};if(typeof window.attachEvent != 'undefined'){window.attachEvent('onunload', function(){var ev = ['mousedown', 'mousemove', 'mouseup', 'mouseout', 'click', 'keydown', 'keyup', 'focus', 'blur', 'selectstart', 'statechange', 'boxdrag', 'boxopen', 'boxclose'];var el = ev.length;var dl = document.all.length;for(var i=0; i<dl; i++){for(var j=0; j<el; j++){document.all[i]['on' + ev[j]] = null;}}});}
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'}}};
window.onload=function(){dbxInitiate('sidebar');var manager=new dbxManager('main');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>
<style media="print" type="text/css">
body{background:#fff url(none);font:12px/16px Arial,Helvetica,sans-serif;padding:0 40px}body,#wrapper,h1,.post .title{margin:0}body,h1,h1 a:visited,h1 a{color:#000}#page,.post,.post .date,.postdata .category,.postdata .comments,h3#comments{background:none}#wrapper,#left-col,#content,.post .date,.post .title{width:100%}#topheader{border-bottom:solid 1px #000;height:100px;margin-bottom:15px}h1,.description{left:0}h1 a:visited,h1 a{text-decoration:none}h2{border:none}#content,.post,.post .date,.post .date span,.postdata .category,.postdata .comments{padding:0}#content{background:#fff}.post .date,.post .date span{height:auto;text-align:left}.post .date{font:normal 11px Arial,Helvetica,sans-serif;color:#666;line-height:100%}.post .date span{display:inline}.post .title,h3#comments{clear:both}.postdata .category{float:left}.postdata .comments{float:right}h3#comments{padding-left:0;font:bold 14px/120% Arial,Helvetica,sans-serif}.commentlist .alt,.commentlist li{border:none !important}#sidebar,#footer,#commentform,h3#respond,.post-nav,.page-nav,.status-message,.mini-add-comment,#subnav,#nav,#searchform{display:none !important}
</style>
</head>
<body>
<div id="page">
<div id="wrapper">
<b:section id='headerwrapper' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TypoXP 2.1 Blogger Template (Header)' type='Header'>
<b:includable id='main'>
<div id="topheader">
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<div class="description"><data:description/></div>
<form method="get" id="searchform" action="/search">
<div><input type="text" value="Search" name="q" id="s" onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' />
<input type="submit" id="searchsubmit" value="Go" />
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
<div id="main-col">
<b:section id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
<b:includable id='main'>
<div id="nav">
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li class='page_item'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div id="content">
<b:section id='mainsection' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class="page-nav">
<b:if cond='data:newerPageUrl'>
<span class="previous-entries">
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'>
<data:newerPageTitle/>
</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span class="next-entries">
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle'>
<data:olderPageTitle/>
</a>
</span>
</b:if>
</div>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h3 id="links">
<data:post.numBacklinks/> <data:post.backlinksLabel/>
</h3>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='follow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</b:includable>
<b:includable id='post' var='post'>
<a expr:name='data:post.id'/>
<div class="post">
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div class="date">
<span><script type='text/javascript'>document.write(date_mmm);</script></span>
<script type='text/javascript'>document.write(date_dd);</script>
</div>
<div class="title">
<h2>
<b:if cond='data:post.link'>
<a rel='bookmark' expr:href='data:post.link' expr:title='"Permanent Link to " + data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a rel='bookmark' expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</h2>
<div class="postdata">
<b:if cond='data:post.labels'>
<span class="category">
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</span>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<span class="comments">
<a expr:href='data:post.url + "#comments"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<span class="right mini-add-comment">
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Add comments</a>
</span>
</b:if>
</b:if>
</div>
</div>
<div class="entry">
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class="status-message">
<data:navMessage/>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<b:include data='feedLinks' name='feedLinksBody'/>
</b:if>
<b:else/> <!--Post feed links -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3 id='comments'>
<strong>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</strong>
</h3>
<ol class="commentlist">
<b:loop values='data:post.comments' var='comment'>
<li>
<cite>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/>
</cite>
<br />
<small class="commentmetadata">
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
</small>
<b:if cond='data:comment.isDeleted'>
<em><data:comment.body/></em>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</li>
</b:loop>
</ol>
<h3 id="respond">
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</h3>
</b:if>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- start top google ad block -->
<script type="text/javascript"><!--
google_ad_client = "pub-6044026340890176";
/* 468x15, iTheme Template Link Unit */
google_ad_slot = "3313351943";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- end top google ad block -->
<br/><br/>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<br/><br/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id="footer">
<a href='http://www.magznetwork.com'>iTheme Techno Blogger</a> by <a href='http://ustadz.net'>Black Quanta</a>. <a href='http://www.ndesign-studio.com/resources/wp-themes/'>Theme</a> & <a href='http://www.ndesign-studio.com/stock-icons/'>Icons</a> by <a href='http://www.ndesign-studio.com'>N.Design Studio</a>. Distributed by e<a href='http://www.eblogtemplates.com/blogger/'>Blog Templates</a>
</div>
</div>
<div id="sidebar-wrapper">
<b:section class="dbx-group" id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<div id='ArchiveList'>
<b:include data='data' name='interval'/>
</div>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<div id='ArchiveList'>
<b:include data='data' name='menu'/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li class='recent-posts'>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed2' locked='false' title='Recent Comments' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li class='recent-comments'>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feedjit' locked='false' title='Live Traffic Feed' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<script type="text/javascript" src="http://feedjit.com/serve/?bc=FEFEFE&tc=666666&brd1=FFFFFF&lnk=5588AA&hc=FFFFFF&ww=180&ww=180"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<hr class="hidden" />
</div>
</div>
</body>
</html>
Semoga tutorial ini bermanfaat terutama untuk mas panji.
