UP DATE: COOLSTUFF

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Weird,Funny,Czary,Cool Pictures,Funny Stuff,Hot Sexy Celebrity Updated Daily' name='description'/>
<meta content='Weird Pictures ,Funny Pictures,Czary,Cool Pictures,Funny Stuff,Hot Sexy Celebrity,Sexy Girls' name='keywords'/>
</b:if>


<b:if cond='data:blog.pageType == "index"'>
<title>Cool Stuff </title>
<b:else/>
<title><data:blog.pageName/> ~ Cool Stuff </title>
</b:if>


<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:regular,bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Arvo:bold' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Irish+Growler' rel='stylesheet' type='text/css'/>

<link href='http://4.bp.blogspot.com/-fGNleieOOqQ/TbRTC-LduRI/AAAAAAAACq0/xJeVOmjxoEc/s1600/face-cool.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: DUY.IM Blog
Designer: Jacky Baby
URL: www.duy.im
Date: Jan 2011

License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================

<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#36c" value="#3366cc">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#000" value="#000000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#444" value="#444444">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#36c" value="#3366cc">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, Serif" value="normal normal 100% Arial, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="bold 260% Lobster,Arial" value="bold 260% Lobster,Arial">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-threecol.html */

body {
background:#d0b91b;
font:small Georgia Serif;
margin:0;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#CC6600;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
height:137px;
margin:0 auto;
text-shadow:0 1px 0 #000000;
width:960px;
}
#header-inner {
background-position:center center;
height:80px;
margin-left:auto;
margin-right:auto;
width:30%;display:inline-block;float:left;
}
#header {
color:#ffffff;
text-align:left;
}
#header h1 {
font:bold 250% Arvo,Serif;
letter-spacing:-1px;
margin:0;
padding:30px 35px 2px;
text-transform:none;
color:#ec6626;
}
#header a {
color:#ec6626;
text-decoration:none;
}
#header a:hover {
color:#EEEEEE;
}
#header .description {
font: normal normal 90% 'Arvo',Trebuchet,Arial,Verdana,Sans-serif;
color: #ffffff;
letter-spacing:0;
margin:0 5px 5px;
max-width:700px;
padding:0 33px 15px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}

#header-right, body#layout #header-right {width:60%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}

#outer-wrapper {
background:url("http://4.bp.blogspot.com/-lb7tql6E7Jk/TbNOxnV9NSI/AAAAAAAACqw/H8D-ZrduuMQ/s1600/bgtop.jpg") no-repeat scroll 0 0 transparent;
font:normal normal 110% Arial, Serif;
margin:0 auto;
text-align:left;
width:990px;

}

#main-wrapper {
float:left;
overflow:hidden;
width:689px;
word-wrap:break-word;
clear:both;

}
#sidebar-wrapper {
float:right;
overflow:hidden;
width:286px;
word-wrap:break-word;

}

h7{
list-style:none outside none;
margin:0;
padding:0;
color:#fb007c;
font-weight:bold;
font-size: 0.9em;
font-style: italic;
letter-spacing: -1px;
margin: 0 0 5px 0;
color: #fb007c;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
background:#5aa608;
font:bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
color:#ffffff;
letter-spacing:0;
margin:0;
padding:5px 8px 24px;
text-transform:uppercase;
}
h2.date-header {
color:#FFFFFF;
font:12px arial;
letter-spacing:0;
margin:0;
padding:0;
text-transform:none;
}
.post {
margin:0.25em 5px 5px 5px;
padding-bottom:5px;
}
.post h3 {
color:#09c;
font-family:sans-serif;font-size:10px;font-weight:bold;line-height:35px;padding:10px 5px;text-align:left;
font-size:180%;
margin:auto;

}
.post h3 a,.post h3 strong {
color:#09c;
display:block;
font-weight:bold;
text-decoration:none;

}
.post h3 strong, .post h3 a:hover,.post h3 a:visited, {
color:#393;
}
.post-body {
line-height:1.6em;
margin:0 0 0.25em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background:none repeat scroll 0 0 #FBF9F1;
border-bottom:1px solid #F8B6B4;
border-top:1px solid #F8B6B4;
border-left:20px solid #393;
color:#000000;
font:$postfooterfont;
letter-spacing:0;
margin:0.25em -15px 0.25em -10px;
padding:10px 10px 10px 10px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
.comment-link {
margin-left:0.6em;
}
.post img, table.tr-caption-container {

}
.tr-caption-container img {
border:medium none;
padding:0;
}
.post blockquote {
font:italic 13px georgia;
margin:1em 5px;
background: #F7F7F7;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.post blockquote p {
margin:0.75em 0;
background: #F7F7F7;
}
#comments h4 {
color:#fff;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #E8DEC4;
border-right:1px solid #E8DEC4;
margin-left:20px;
margin-right:20px;
padding:7px;

}
#comments-block .comment-footer {
border-bottom:1px solid #E8DEC4;
border-left:1px solid #E8DEC4;
border-right:1px solid #E8DEC4;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
background:none repeat scroll 0 0 #EFE6CB;
padding:10px;
}
#blog-pager-older-link {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
background:none repeat scroll 0 0 #EFE6CB;
float:right;
padding:10px;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:$sidebartextcolor;
line-height:1.5em;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
color:#339933;
font-weight:bold;
}
.sidebar li {
border-bottom:1px dotted #CCCCCC;
line-height:1.5em;
margin:0;
padding:2px;
color:#339933;
font-weight:bold;
}
.sidebar .widget,.main .widget{
border-bottom:1px dotted #CCCCCC;
margin:0 0 0.2em;
padding:0 0 0.2em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;

}
.profile-data {
color:#999999;
font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer1 {
margin:0 auto;
background:#6cac0e;

}

#footer2 {
margin:0 auto;
width:991px;
}

.footer3 {
}

.footer4 {
color:#ffffff;
font-size:14px;
padding:35px 0px 0px 37px;
margin:0px 0px 0px 0px;
}

.footer4 a {text-decoration:none; color:#003366;}
.footer4 a:visited {text-decoration:none; color:#003366;}
.footer4 a:hover {text-decoration:underline; color:#000000;}

.footer5 {
padding:0px 0px 0px 0px;
margin:35px 51px 0px 0px;
}

.footer6 {
color:#ffffff;
font-size:15px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer7 {
}

.footer8 {
}

.footer9 {
font-size:15px;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer9 a {text-decoration:none; color:#ffffff;}
.footer9 a:visited {text-decoration:none; color:#ffffff;}
.footer9 a:hover {text-decoration:underline; color:#ffffff;}

.feed-links {
display:none;
}
#Attribution1 {
display:none;
}
body#layout #footer {
display:none;
}
body#layout #addthis_toolbox {
display:none;
}
body#layout #crosscol-wrapper {
display:none;
}
.post-share-buttons {
}
#sidebar-wrapper .sidebar .widget {
border-bottom:medium none;
border-left:medium none;
border-top:medium none;
margin-bottom:0px;
padding:0;
}
#subscription {
list-style: none;
margin-top: 0px;
}
#subscription li {
padding: 5px 10px 5px 10px;
height: 60px;
}
#subscription li a {
color: #333333;
}
#subscription li a:hover {
color: #029fc0;
}
#subscription li h5 {
margin: 0 0 0 45px;
font-size: 18px;
color: #333333;
font-weight: bold;
border: none;
}
#subscription li p {
margin: 0 0 0 45px;
font-size: 13px;
}
#subscription li img {
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscription li:hover {
background-color: #e9f8fc;
}

#sidebar-wrapper .widget-content {
border-bottom:1px solid #B7B7AA;
border-right:1px solid #B7B7AA;
margin-right:7px;
margin-top:-10px;
margin-bottom:2px;
padding:1px 10px 10px 10px;
background:none repeat scroll 0 0 #ffffff;
}
#menu {
background:none repeat scroll 0 0 #69AD3C;
border-bottom:1px solid #648F25;
height:80px;
right:0;
}
.menu-item:hover {
background:none repeat scroll 0 0 #648F25;
color:#FFFFFF;
text-decoration:none;
}
.menu-item {
border-right:1px solid #648F25;
color:#FFFFFF;
display:block;
float:left;
font-weight:bold;
height:30px;
line-height:30px;
padding:0 10px;
text-decoration:none;
}
.menu-left {
display:block;
float:left;
height:30px;
background:#ffffff;
}
.menu-right {
display:block;
float:left;
height:30px;
}
#menu a {
color:#FFFFFF;
text-shadow:0 1px 0 #666666;
}

#sidebar-wrapper .popular-posts {
background:none repeat scroll 0 0 #fcf2ae;
color:#339933;
}

#sidebar-wrapper .popular-posts a{
list-style:none outside none;
margin:0;
padding:0;
color:#fb007c;
font-weight:bold;
font-size: 1.2em;
letter-spacing: -1px;
font-style: italic;
margin: 0 0 5px 0;
color: #fb007c;
font-family:Georgia, "Times New Roman", Times, serif;
}

#sidebar-wrapper .popular-posts img{
border:1px solid #A9A9A9;height:80px;padding:3px;width:100px;
}
h4 {
background:url("http://3.bp.blogspot.com/_Ax-O2ayi6kU/TPDTEoomYOI/AAAAAAAAAsE/BYfO4LODxdQ/s1600/title.png") no-repeat scroll 0 0 transparent;
color:#FFF;
font-size:140%;
font-weight:Bold;
line-height:1.4em;
margin:0 0 0 -20px;
padding:9px 9px 23px 20px;
text-transform:uppercase;
}
h4 a, .post h4 a:visited, .post h4 strong {
color:#FFF;
display:block;
font-weight:bold;
text-decoration:none;
text-shadow:0 1px 0 #000000;
}
h4 strong, .post h4 a:hover {
color:#FFF;
}
#footer-bg {
background:#FFF;
margin:0 auto;
width:920px;
color:#000;
}
.first-links {
margin-bottom:3px;
}
.second-links {
}

#PageList1 {
height:42px;
background:url(http://2.bp.blogspot.com/-_5FUUXyXOII/TbMbr-xlRSI/AAAAAAAACqo/k0xXBaOhfOM/s1600/topmenu.jpg);
padding-left:40px;
}
.searchbox {
-moz-background-inline-policy:continuous;
display:block;
float:right;
height:37px;
margin-right:45px;
margin-top:-36px;
width:292px;
}
.searchbox .textfield {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:32px;
margin:1px 1px 2px 2px;
width:220px;
}
.searchbox .button {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
float:right;
height:33px;
margin-left:2px;
margin-top:2px;
width:57px;
}

.PageList li a {
border-right:1px solid #225055;
color:#FFFFFF;
font:bold 12px arial;
padding:7px 20px;
text-shadow:0 1px 0 #000000;
text-transform:uppercase;
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:9px 0;
}
.PageList li a:hover {
background:url("http://1.bp.blogspot.com/_Ax-O2ayi6kU/TPALVm0E7CI/AAAAAAAAAro/3vHDpN1Fxgk/s1600/tab.png") repeat-x scroll 0 0 transparent;
font-weight:bold;
text-decoration:none;
}
.searchbox {
-moz-background-inline-policy:continuous;
display:block;
float:right;
height:37px;
margin-right:45px;
margin-top:-36px;
width:292px;
}
.searchbox .textfield {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:32px;
margin:1px 1px 2px 2px;
width:220px;
}
.searchbox .button {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
float:right;
height:33px;
margin-left:2px;
margin-top:2px;
width:57px;
}

.col-left {
float:left;
margin-right:5px;
width:49%;
}
.col-right {
float:right;
width:49%;
}
#main2 {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #FFFFFF;
}
.post-labels {
background:url("http://4.bp.blogspot.com/_JtliUL4t2PY/TS6_TpROM4I/AAAAAAAABgM/tTgw_RbX58I/s1600/tag.png") no-repeat scroll left center transparent;
padding-left:25px;
}

.post IMG {
max-width:560px;
width: expression(this.width > 560 ? 560: true);
max-height:800px;
height: expression(this.height > 800 ? 800: true);
border: 3px solid #339933;
padding: 4px;
}

#blog-pager-newer-link {
float: left;
text-transform: capitalize;
font: bold 14px arial;
color: #fff;
}
#blog-pager-older-link {
float: right;
text-transform: capitalize;
font: bold 14px arial;
color: #fff;
}
#blog-pager {
text-align: center;
text-transform: capitalize;
font: bold 12px arial;
padding: 10px 0;
}
.showpageArea {
font-family: verdana,arial,helvetica;
color: #000;
font-size: 11px;
margin: 10px;
}
.showpageArea a {
color: #000;
text-shadow: 0 1px 2px #fff;
font-weight: 700;
}
.blog-pager a, .showpageNum a, .showpageNum a:link, .showpageNum a:visited, .showpageNum a:active {
padding: 3px 8px;
margin: 0 2px;
text-decoration: none;
border: 1px solid #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #ddd url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x;
color: #000;
}
.showpageNum a:hover {
border: 1px solid #888;
background: #ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf {
margin: 0 8px 0 0;
color: #000;
}
.showpagePoint {
color: #fff;
text-shadow: 0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #999;
background: #666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x;
text-decoration: none
}
.more-link {float: right; margin:10px 10px 10px 15px; 0; padding: 5px; position: relative; text-decoration: none;text-align:center;}

.more-link a {
background: #339933;
padding: 10px 10px;
color: #fff;
text-decoration: none;
font-weight:bold;
font-size:15px;
}

.more-link a:hover {
background: #838C1C;
}
::selection { background: #A8141B; color: white; /* Safari */ }

::-moz-selection { background: #A8141B; color: white; /* Firefox */ }

.author-box {
background: #F7F7F7;
margin: auto;
margin: 20px 10px 40px 10px;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
]]></b:skin>


<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 550;
summary_img = 200;
img_thumb_height =200;
img_thumb_width = 580;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left; padding: 0px;border: 0px solid #1f5fa7;margin-right:5px;"><img src="http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<p style="text-align: center;padding: 0px;margin-right:0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></p>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;margin-top:20px;padding-left:30px;padding-top:5px;padding-bottom:10px;border-top:5px solid #ddd}
#related-posts h2{font-size:24px;font-weight:400;margin-bottom:0.4em;margin-top:0em;padding-top:0em}
#related-posts a{text-align:center}
#related-posts a:hover{text-align:center}
#related-posts a:hover{border:none}
</style>

<script type='text/javascript'>
//<![CDATA[
//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}

catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png';
}

if(relatedTitles[relatedTitlesNum].length>25) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 25)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {

document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 0.5px #fff;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:200px;height:150px;border:2px solid #ddd" src="'+thumburl[r]+'"/><br/><div style="width:190px;padding-left:10px;height:25px;border:none;margin:3px 0px 0px;padding-top:5px;font-style:normal;font-variant:normal;font-weight:bold;font-size:14px;line-height:normal;font-size-adjust:none;font-stretch:normal;">'+relatedTitles[r]+'</div></a>');

if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);
}
//]]>
</script>
</b:if>

</head>

<body>

<div id='wrapper'>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Cool Stuff (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<div id='main2'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<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='nofollow'><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>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<style>.fullpost{display:none;}</style>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='more-link'><a expr:href='data:post.url' title='Read more'>View Full Gallery</a></div>
</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

<span class='post-icons'>


<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<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>
</b:if>
</span>
</div>

</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='social'>

<a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share on Facebook'><img alt='' border='0' height='128' src='http://2.bp.blogspot.com/-B4JtI3A1-kY/TbRTE1s7qbI/AAAAAAAACrM/uH4x-YwArmg/s1600/social_balloon-14.png' width='128'/></a>

<a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share on Twitter'><img alt='' border='0' height='128' src='http://4.bp.blogspot.com/-xu8PEoIA-dA/TbRTD4LOCgI/AAAAAAAACrA/VPhPQ9y9QHg/s1600/social_balloon-05.png' width='128'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Add to Delicious'><img alt='' border='0' height='128' src='http://4.bp.blogspot.com/-UsmpQYIeRj8/TbRTDmV86XI/AAAAAAAACq8/MOYHgQqY_9E/s1600/social_balloon-02.png' width='128'/></a>

<a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Digg This Post'><img alt='' border='0' height='128' src='http://2.bp.blogspot.com/-upbZDqZuyLM/TbRTEttGveI/AAAAAAAACrI/LKN1gMYxTEo/s1600/social_balloon-10.png' width='128'/></a>

<a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Stumble This Post'><img alt='' border='0' height='128' src='http://1.bp.blogspot.com/-wFvv9DrsS4c/TbRTEYmOa-I/AAAAAAAACrE/eemTwyUyKsA/s1600/social_balloon-09.png' width='128'/></a>

</div>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='http://4.bp.blogspot.com/-EfSTiQl2ABA/TbRTDQTwqvI/AAAAAAAACq4/LvLAFvXViXE/s1600/punisher_blogger.png' width='70'/><b>About the Author</b><br/>
<div style='text-align: justify; font-size:80%;font-family: verdana; color: rgb(0, 0, 0);'>I'm Hung Duy, the founder of Xml Blogger Templates (XBT). I'm a freelance writer on topics related to Website Optimization (SEO), blogger customizations and making money online. I'm blogging since 2006 and I'm currently a guest blogger on Blogging With Success.<br/>
Follow Me on <a href='http://twitter.com/YOURUSERNAME'>Twitter</a> or On <a href='http://facebook.com/YOURUSERNAME'>Facebook</a>
<p style='margin:-8px 0'><br/><center>
<a href='http://www.xmlbloggertemplates.com/' style='text-decoration:none;font-size:80%;'>Visit xmlbloggertemplates.com for more Blogger Templates</a></center></p></div></p>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=6;
var relatedpoststitle="<b>Related Posts :</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='post'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</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'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&laquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&raquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</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'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>

</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<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>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

</div>
</b:includable>
</b:widget>
</b:section>
</div> </div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Blog subscription' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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 expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='text' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div id='2columns'>
<div class='col-left'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Label3' locked='false' title='left' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='col-right'>
<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='Label4' locked='false' title='right' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar4' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<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='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='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<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' dir='ltr'>(<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='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</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:widget>
</b:section>
</div>
</div>


<div class='clear'> </div>

</div> 

</div></div> 

<div id='footer1'>
<div id='footer2'>

<table border='0' cellpadding='0' cellspacing='0' class='footer3' height='78' width='990'><tr>

<Script Language='Javascript'>
document.write(unescape('%3C%74%64%20%61%6C%69%67%6E%3D%27%6C%65%66%74%27%20%76%61%6C%69%67%6E%3D%27%74%6F%70%27%20%77%69%64%74%68%3D%27%35%30%25%27%3E%0A%09%3C%64%69%76%20%63%6C%61%73%73%3D%27%66%6F%6F%74%65%72%34%27%3E%0A%09%54%68%61%6E%6B%73%20%74%6F%20%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%74%6F%70%2D%6F%6E%6C%69%6E%65%2D%62%61%6E%6B%73%2E%63%6F%6D%2F%27%3E%20%42%65%73%74%20%4F%6E%6C%69%6E%65%20%42%61%6E%6B%73%20%3C%2F%61%3E%2C%20%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%6E%65%74%77%6F%72%6B%62%61%6E%6B%73%2E%63%6F%6D%2F%27%3E%20%54%6F%70%20%74%65%65%6E%20%62%61%6E%6B%73%20%3C%2F%61%3E%20%61%6E%64%20%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%62%61%6E%61%74%67%61%6D%65%73%2E%63%6F%6D%2F%27%3E%20%47%61%6D%65%73%20%3C%2F%61%3E%2E%0A%09%3C%2F%64%69%76%3E%0A%09%3C%2F%74%64%3E'));
</Script>

<td align='right' valign='top' width='50%'>

<table border='0' cellpadding='0' cellspacing='0' class='footer5' height='23'>
<tr>
<td align='left' valign='top'><div class='footer6'>Designed by</div></td>
<td class='footer7' width='5'/>
<Script Language='Javascript'>
document.write(unescape('%3C%74%64%20%61%6C%69%67%6E%3D%27%63%65%6E%74%65%72%27%20%76%61%6C%69%67%6E%3D%27%74%6F%70%27%3E%3C%64%69%76%20%63%6C%61%73%73%3D%27%66%6F%6F%74%65%72%39%27%3E%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%64%65%70%6F%73%69%74%2D%70%6F%6B%65%72%2E%63%6F%6D%2F%63%61%6C%63%75%6C%61%74%65%6D%2D%70%72%6F%2F%27%3E%43%61%6C%63%75%6C%61%74%65%6D%20%50%72%6F%3C%2F%61%3E%3C%2F%64%69%76%3E%3C%2F%74%64%3E'));
</Script>
<td class='footer8' width='5'/>
</tr>

</table>

</td>

</tr></table>
</div>
</div>


</div>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'/>

</body>
</html>

UP DATE

Rabu, 07 Desember 2011

COOLSTUFF

Tidak ada komentar:

Posting Komentar