<?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.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='type your description here.' name='description'/>
<meta content='type your keyword here' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<link href='http://fonts.googleapis.com/css?family=Oswald|Oswald|tenbyfive' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/*
*/
/* Navbar Frame
----------------------------- */
.footer-bottom .widget h2,.navbar {
visibility:hidden;
display: none;
}
*{margin:0;padding:0;}
/*********************************************************************************************
Theme Name: Trend Mag
Description: A magazine style theme by <a href="http://uongjowo.blogspot.com">Uong Jowo</a>
Designer: Uong Jowo
Author URI: http://uongjowo.blogspot.com
**********************************************************************************************/
body{background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOAY2839q-svuDOQC8x8ylFnfugMHO378-ecX_TbkatCfAvUOezz3DttIKuTvebepP5Po7z-6YwMLnjvNEn8mPj4M2nGwDbnT0doFRtlXghQYee6BVEGDgoFd1UoXYJkbbqi_XIp9f2CI/s1600/b-ground2.jpg"); background-repeat: no-repeat;background-color:#f1f1f1; background-position: top center;background-attachment:fixed;}
body
{
color:#222;
font:62.5% Arial,Helvetica,sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;font-family:Oswald;
}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) { }
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.hr { border-top: 3px solid #ECE8D7; }
.transpBlack { background: url(transpBlack.png); }
.wp-caption { background-color: #EFEFEF; border: 1px solid #B6B6B6; font-size: 11px; margin-bottom: 5px; padding: 5px 5px 5px; text-align: center; }
.wp-caption img { border: 1px solid #B6B6B6; }
a { color: #000; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a { color: #000; font-size: 22px; font-weight: 400; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; }
.background-grid{background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii4JCgGXTgjvlt-xMnhkB4ByNvqTRNjnp0xFRyFHCJYbXC_DZ6arQl4twkI7tyPHRjMSz0hFYPth8Tl2hfsuXbPoDGKO3JcD39Uz8JpQS8VVPLpXvpxOCSpDWzS_9-VRMt-Elpy_ILRqY/s1600/bg-cube.png"); background-repeat: repeat; background-position: top center;background-attachment:fixed;padding-top: 0.1px;padding-bottom: 20px;}
#main-wrap{
font-size:12px;
margin:0 auto;padding:0 20px;
width:980px; }
#content-wrap{
float:left;
margin:0;padding:0 ;
width:940px; }
#page-wrap{
margin:10px auto 0 auto;background: #fff;
width:980px;}
#header-wrapper {width:100%;background: #fff;padding-top: 20px;margin:0;}
#header{width:940px;padding:0;margin:0 auto;}
#headerright {float:right;background:none;width:600px;padding:10px 0 0;}
#logo{float:left;text-align:left;width:250px;padding:10px 0 15px;}
#logo h1,#logo h1 a{
color:#BFB5B5;
font-family:Rockwell,"Times New Roman",Times,serif;
font-size:35px;
font-weight:700;}
#logo h2{
color:#BFB5B5;
font-size:14px;
font-weight:bold;}
#nav{background:#fff;font-size:1em;padding:0 0 0 15px;}
#nav a,#nav a:hover{border:none;display:block;text-decoration:none;}
#nav a,#nav a:visited{color:#fff;display:block;padding:3px 12px;background:#111;}
#nav a:hover,#nav a:active{background:#0066CC;color:#fff;text-decoration:none;}
#nav li{float:left;list-style:none;}
#nav li li{background:#333;border-top:1px solid #ccc;text-align:left;width:172px;}
#nav li li a,#nav li li a:visited{color:#FFF;font-size:.9em;font-weight:400;}
#nav li li a:hover,#nav li li a:active{background:#e02a1c;}
#nav li ul{height:auto;left:-999em;line-height:20px;position:absolute; visibility: hidden; width:174px;z-index:700;}
#nav li ul ul{margin:-2em 0 0 172px;}
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto; visibility: visible;}
#nav,#nav ul{list-style:none;}
/* 2.2 Navigation Menu */
.nav {
list-style: none;
line-height: 1;
margin: 0;
overflow: hidden;
padding: 0;
z-index: 999;
}
.nav a {
display: block;
position: relative;
text-decoration: none;
z-index: 100;font-family:Oswald;
}
.nav li {
float: left;
width: auto;
z-index: 999;
}
.nav li a {
color: #eee;
line-height: 18px;
padding: 10px 15px;
text-decoration: none;
}
.nav li:hover a, .nav li:hover a:active {
text-decoration: none;
}
.nav li ul {
left: -999em;
position: absolute;
width: 180px;
z-index: 999;
}
.nav li ul li a, .nav li ul li a:visited {
background: #fff;
color: #333;
font-size: 12px;
padding: 10px 15px;
width: 150px;
}
.nav li ul li a.sf-with-ul {
padding: 10px 15px;
}
.nav li ul ul {
margin: -30px 0 0 180px;
}
.nav li:hover, .nav li.hover {
position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
left: auto;
}
.nav .sf-sub-indicator {
background: url() no-repeat 0px 0;
overflow: hidden;
position: absolute;
width: 9px;
height: 9px;
text-indent: -999em;
top: 1.2em;
right: 0.45em;
}
.nav li ul .sf-sub-indicator {
background: url() no-repeat;
display: block;
overflow: hidden;
position: absolute;
width: 10px;
height: 10px;
text-indent: -999em;
top: 1.3em;
right: 0.4em;
}
/* PRIMARY NAV */
#primary-nav { height: 30px;width:940px;margin:0 auto;background:#333; }
#primary-nav .nav { height: 30px; float: left; border-left: 1px solid #393939; border-right: 1px solid #292929; }
#primary-nav .nav li a { border-left: 1px solid #292929; border-right: 1px solid #393939; color: #ddd; font-size: 11px; line-height: 30px; padding: 0 17px; }
#primary-nav .nav li a:hover { background-color: #424242; color: #eee; }
#primary-nav .nav li li a { background: #333; border-bottom: 1px solid #292929; border-top: 1px solid #393939; border-left: none; border-right: none; }
#primary-nav .nav li li a:hover { background: #424242; color: #eee; }
#primary-nav .nav li ul { width: 184px; }
#primary-nav .nav ul ul { margin: -40px 0 0 184px; }
#primary-nav .nav .sf-sub-indicator { background: url() no-repeat; display: block; position: absolute; top: 18px; right: 8px; width: 7px; height: 4px; }
#primary-nav .nav li ul .sf-sub-indicator { background: url() no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.3em; right: 0.4em; }
a.main:hover{background:none;}
.post-stats {display:block; font-size:11px; }
#headlines {
border:1px solid #e0e0e0;
background:#f7f7f7;
padding:0 10px;
overflow:hidden;
position:relative;
line-height:30px;
height:30px;
margin:0 0 20px 0;
}
#headlines a{font-size: 13px;font-family:Oswald;font-weight:normal;}
#headlines .right_arrow {
width: 20px;
height: 30px;
background:url(http://4.bp.blogspot.com/-Sag872SlE9k/UMOxQipEduI/AAAAAAAADuA/NkbaHOyP1Ys/s1600/right_arrow.png) no-repeat -5px center;
position:absolute;
left:0;
top:0;
}
div.htick{
height: 25px;
margin: 0;
padding: 0 10px 0 10px;
overflow: hidden;
}
div.htick-text{
position: absolute;
white-space: nowrap;
line-height: 25px;
}
#headlines {
margin-bottom:0;
}
#feature {
float:left;
margin:0 0 20px 0;
width:940px;
background:none;
height:390px;border-top:0px solid #ccc;
position:relative;}
/* panes */
#panes {
height:390px;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9hneCyjyKRTE9Rt-KwcysNZueMj-wfYVJ19RddOm5zX8zDArdDNVlII1RQ7zPJRT9vhKyLT625n3glbkhj8BvlRT5tgaxbder3OskoQE67Am1oInEb9mURylzQsYlHhHPtF6TywIpfiP/s1600/aj-load.gif) no-repeat 50%;position:relative;float:left;overflow:hidden;width:610px;z-index:9;
-webkit-box-shadow: 2px 0px 2px -2px #222;
box-shadow: 2px 0px 2px -2px #222;
}
#panes div {
display:none;
position:absolute;
top:0;
left:0;
font-size:13px;
color:#333;
line-height:1.5;
right:0px;
}
#panes a {
color:#fff;
font-weight:normal;
}
#panes img {
float:left;
width:680px;
height:auto;margin-left:-35px;
overflow:hidden;
}
#panes .featimg {
float:left;
margin-right:0px;
width:610px;
height:390px;overflow:hidden;
}
#panes p.more {
color:#000;
font-weight:bold;
}
#panes h3 {
font-size:35px;
line-height:43px;
font-weight:bold;
margin:0 0 18px;
text-shadow:-1px -1px 0 #000;
}
#panes p {
padding:5px 0 0 0;
}
.overlay {
left: 0px;
bottom: 0px;width:100%;
padding: 10px;
position: absolute;color:#fff;
font-weight:bold;
font-size:12px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSjsfC1t_ULx2dp6PEEMhrn0vddfNzqfSPLLp2iVuOfV-P4PIpJCHFp3IfHSBUQR_IrlAxpLawwZ-QeKNLTsyJ9Hk2Y7OtPU0MTFeirmQU47G5yV6VYd0aAk4eZS-R7KCKhSX_gzm6yo/s1600/islider-bg.png") repeat-x scroll 0 0 transparent;
}
.post{padding:10px 0;background:#fff;margin-bottom:5px;}
#boxy{padding:10px 10px 10px 0;background:#fff;margin-bottom:5px;}
/* Carousel */
#featnavi{right:0;top:0;;width:330px;position:absolute;height:390px;padding:0 0 0 0px;}
#featnavi h3 {line-height: 30px; height: 35px; margin: 0;color: #222; font-size: 18px; float:left;font-weight: normal;padding:0;text-transform:uppercase;width:200px;padding-left:10px;}
#navi {overflow:hidden; width: 330px; position: relative; float: left; margin: 0;height:321px; background:#e9e9e9 ; }
#navi ul.items{width:330px;height:10000px;position: relative;overflow:hidden;}
#navi h3 { line-height: 15px; margin: 0px 0 5px 0;color: #000; font-size: 15px; font-weight: bold; }
#navi li img{float:right;margin-left:10px;}
#navi li a { font-weight: normal; display: block;overflow: hidden;height:70px; padding:5px 5px 4.5px 10px;margin-bottom:-19pxpadding-bottom:0;border-bottom:0.5px solid #ccc; -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear;font-size: 14px;font-family:Oswald;}
#navi li a:hover,#navi li a.current {background:#f7f7f7;text-decoration:none; border-bottom:0.5px solid #eee; -moz-transition:.01s linear; -webkit-transition:.01s ease-out; transition:.01s linear;}
#navi li p{font-size:11px;color:#555;font-weight: normal;}
#navi li h5{float: left;width: 180px; font-size: 15px;}
#navi ul.items li { display: inline; float: left; padding: 0; width: 330px; overflow: hidden;height:70px;margin:0;}
#navi .thumb { margin-bottom: 0px; height:70px;width: 86px;overflow: hidden;}
#featnavi #prev_btn { position: absolute; top: 5px; right: 0px; width: 90px; height: 30px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhcKtPRJz0vD-5GnBDb7g4gZPKuYeDeV7OGRze36edn6V4ttqt61UstR_3q6YPaW9i3wkICwjHZn0IR7MtKvO7FiCxTUM1LffRvJ51tQQsnzU8T2V7ZIxYGlcnbjPnc3K52hzWcel20w/s1600/upper30.png) no-repeat; }
#featnavi #next_btn { position: absolute; bottom: 5px; right: 0px; width: 90px; height: 30px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwCKuE2gwIJ8Femg11XL5JxE73e87U624PFruMtQzVe6lbFwx8eCj4IotxrmtC-IFUIe7ZDwHSboOp0LLX03kFgAmuIInOypFm3IeSdR40MkqiABH65nSsz7XS5pmgW3fUotBL-YjTFA/s1600/downner30.png) no-repeat; }
#featnavi #next_btn:hover, #prev_btn:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.datetime { text-align:left; float:left;background:#333;padding:0px 7px;margin-top:5px;}
.datetime, .comment-header .datetime a{font-size:11px; line-height:20px; color:#fff; text-transform:uppercase; }
.category-widget h2 .article-rss,.news_pictures h2 .article-rss {position:absolute;float: right; width: 34px; height: 35px;padding: 9px 0px 0px 12px;top:0;right:0;}
.news_pictures h2 .article-rss-icon,.category-widget h2 .article-rss-icon {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfN6rB2KZ2EgqvIorg1G40do6Et58oX5qWgmZrhW5IL7r3GuhahH8COKD3DtUe9ghzMbE8ZarUMTeoMHtZHUBkocMROpNz1bLI6zjuizVOsQ4fLKD2d0ICWv_fOiAq4NcnNO_Bl7f_JcT8/s1600/rss-ab.gif") 0 0 no-repeat;width:22px;height: 20px;display: block;}
.news_pictures h2 .article-rss-icon:hover,.category-widget h2 .article-rss-icon:hover {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfN6rB2KZ2EgqvIorg1G40do6Et58oX5qWgmZrhW5IL7r3GuhahH8COKD3DtUe9ghzMbE8ZarUMTeoMHtZHUBkocMROpNz1bLI6zjuizVOsQ4fLKD2d0ICWv_fOiAq4NcnNO_Bl7f_JcT8/s1600/rss-ab.gif") 0 -21px no-repeat;}
/* Featured Category Widget */
.category-widget.half { margin:0 10px 30px 0; float: left; width: 300px;overflow:hidden;}
.category-widget.half.bright { margin:0 0 30px;}
.category-widget { margin:0 0 30px;}
.news_pictures h2,.category-widget h2 { background: #303030; padding-left:10px; color: #fff; font-size: 18px; font-weight: normal; line-height: 38px; margin: 0px 0 15px 0;height: 38px;position:relative; }
.news_pictures h2 a,.category-widget h2 a { color: #fff; }
.category-widget .slide,.category-widget .slide li { float: left; width: 300px; overflow: hidden; height: 320px; }
.category-widget .slide li .thumb,.category-widget.half .slide li .thumb{ float: left; width: 300px; overflow: hidden; height: 180px;margin-bottom:10px; }
.category-widget .slide h4 {padding:10px 0; font-size: 17px; font-weight: normal; letter-spacing:1;}
.category-widget .slide p{line-height:1.4em; font-size:11px;color:#555;}
.category-widget.half .slide,.category-widget.half .slide li { float: left; width: 300px; overflow: hidden; height: 300px; }
.category-widget .slide img { float: left; width: 400px; overflow: hidden; height: auto;margin-left:-50px; }
.category-widget .category-big { float: left; width: 300px; }
.category-widget ul { list-style: none; }
.category-widget h4 {padding:0; font-size: 15px; font-weight: normal; letter-spacing:1;}
.category-widget .item { overflow: hidden; }
.category-widget .active h4 a { color: #fff; }
.category-widget .active p { color: #e9e9e9; }
.category-widget .tabs { float: right; width: 300px;}
.category-widget.half .tabs { float: left; width: 300px;}
.category-widget .tabs li { float: left; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.category-widget .tabs a { padding: 8px 10px 15px 10px; width: 280px; height: 55px; display: block; line-height: 1.3; -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;}
.category-widget .tabs li a:hover { text-decoration: none; }
.category-widget .tabs li a.current { background: #f8f8f8; color: #333;background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f5f5f5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #f8f8f8, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f8f8f8, #f5f5f5); /* IE10 */
background-image: -o-linear-gradient(top, #f8f8f8, #f5f5f5); /* Opera 11.10+ */
background-image: linear-gradient(top, #f8f8f8, #f5f5f5); }
.category-widget .tabs p { font-size: 11px; color: #848282; }
.category-widget .tabs li a.current p { color: #fff; }
.category-widget .tabs li img { float: left; position: relative; padding: 5px 10px 0 0; }
.category-widget.full .slide,.category-widget.full .slide li{ float: left; width: 610px; overflow: hidden; height: 180px; }
.category-widget.full .slide li .thumb{ float: left; width: 300px; overflow: hidden; height: 180px;margin-right:15px; }
.category-widget.full .tabs { float: left; width: 620px;overflow: hidden;}
.category-widget.full .tabs li{ float: left; width: 300px;margin-right:10px;}
/* Carousel */
#mediabar { width: 610px; position: relative; float: left; margin: 0 0 20px;height:230px;border-top:1px double #c5c5c5; overflow:hidden;}
#mediabar .container {position: absolute;left: 0px;width: 610px;overflow:hidden;}
#mediabar ul{width:10000px;position: relative;overflow:hidden;margin-top:5px;}
#mediabar li p{float: left;width: 195px; }
#mediabar ul li { display: inline; float: left; margin: 0; padding: 0 5px 0 0; width: 203px; overflow: hidden;height:230px;}
#mediabar .thumb { margin-bottom: 4px; height:130px;width: 203px;}
#mediabar #previous_button { position: absolute; top: 7px; right: 29px; width: 25px; height: 22px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl41xuEW6rLSz910wpaKLE6A5VSmgTSG9LvnPnFG5Vk4X53PehbI7Jxc5zRbTkD_wifgdW8CXdorXt-XWHq9NeA2wZDFslhgHLtsLcxzYnu9p8XhxwxvdMaY41BM5EeQAC2LX0ucz6Rxo/s1600/arrow_feat.png) no-repeat; background-position: 0 0; }
#mediabar #next_button { position: absolute; top: 7px; right: 0; width: 25px; height: 22px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl41xuEW6rLSz910wpaKLE6A5VSmgTSG9LvnPnFG5Vk4X53PehbI7Jxc5zRbTkD_wifgdW8CXdorXt-XWHq9NeA2wZDFslhgHLtsLcxzYnu9p8XhxwxvdMaY41BM5EeQAC2LX0ucz6Rxo/s1600/arrow_feat.png) no-repeat; background-position: -27px 0; }
#mediabar #next_button:hover, #previous_button:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.post .entry img{max-width:600px;}
.post{
float:left;
line-height:20px;
width:610px;
}
.post small {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:0px 0 0px 0;
}
.post a, .article p a
{
color:#666;
font-weight:700;
}
.post a:hover, .article p a:hover
{
border:none;
text-decoration:none;
}
.post blockquote
{
border-left:3px solid #ccc;
color:#777;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-style:italic;
line-height:1.8em;
margin:10px 20px 10px 30px;
padding-left:10px;
}
.post h1
{
font-size:26px;
font-weight:700;
padding-bottom:10px;
line-height:30px;
}
.post h1 a
{
font-size:26px;
font-weight:700;
padding-bottom:10px;
line-height:30px;
color:#000;
border:none;
}
.post h1 a:hover {
color:#333;
}
.post h2,h3,h4,h5,h6
{
font-weight:700;
padding-bottom:5px;
padding-top:10px;
}
.post li ol
{
border-bottom:1px dotted #ccc;
line-height:25px;
padding-left:15px;
}
.post ol li {
list-style:decimal;
}
.post p
{
padding:5px 0;
}
.post ul li
{
line-height:25px;
list-style:square;
}
.post ul,.post ul,ol
{
padding:10px 0 10px 25px;
}
.post-meta {
float:left;
margin:10px 0 0 0;
color:#666;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
.post-meta a {
color:#666;
border-bottom:none;
}
.post-meta a:hover {
text-decoration:underline;
}
span.date, span.category, span.authem, span.comments {
text-transform:uppercase;
font-size:10px;
margin:0 8px 10px 0;
font-weight:bold;
color:#666;
}
span.date {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGvI8-Mwg8lTatzf2INJ4gcayL9qmMLnPi5qvzTe004r1eH6YLHCHnjBrsFJi6joFWdSGKs08DJrxUvev3ngZfwxzRf03yVsEOiDdXQjGpSNnLk490YytOyuw9EkuTpe2dOHe4i-RWVpA/s1600/clock.png) no-repeat 0 2px;
padding-left:12px;
}
span.category {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDf8tbtCQ7vEPnL55CbrMm25RXHDsA5e8EHMBm1UuF34sRVrMRGZkVFPudKqZtcYJKpdiWKr_sUBrCw6tnxmmm40BVORdYdsECb18c2QfD062Icd5wLyc0CoqOo2jiqtGkeJFuLlEgtkk/s1600/category.png) no-repeat 0 2px;
padding-left:12px;
}
span.authem {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LOKACy0fY8M_6LAHG9rqen2Qlhw5tmvWkCsDFt_50FCGYwRIk-1LdTvm0Q0w3NSOzk0T62XxXDnyBUM6lg1UL3G-fo-1zVZsxFgsYt5zA5x60CqHAlC-1GrNX52dnm__e2HsA8vuCw4/s1600/user.png) no-repeat 0 2px;
padding-left:12px;
}
span.comments {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNl5UO1xEh78rqmfXwGaBPzAaIuQZko-cwlflrLeri75uwAyzxGNj2mc11tyoizQVGTQQMQHmjALq7qldXZ8piPtriL0av6Lr3KjWfJBI3r5bzC_lQGcQ45ltj6gl0SbgvWd7Vyhz7gw/s1600/comments.png) no-repeat 0 2px;
padding-left:14px;
}
.article {
background-color:#fff;
border-bottom:2px solid #ECE8D7;
border-right:2px solid #ECE8D7;
line-height:19px;
margin:0 0 15px;
padding:0 5px 15px 0px;
}
.article h2
{background-color:#303030;
padding:5px 10px 10px;
}
.article h2 a
{
color:#fff;
font-size:19px;
font-weight:700;
}
.article .post-content img{float:left;width:230px;height:auto;overflow:hidden;}
.article .post-thumb{float:left;margin:0px 10px 10px 0;width:190px;height:120px;overflow:hidden;}
.article .post-meta{float:right;width:400px;}
.article small,.article small a
{
color:#666;
text-transform:uppercase;
font-weight:bold;
padding-top:5px;
}
#articles h3, #sidebar .widget h2, h3.head_title
{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsBrVWt11usR5-9H40cFWXQNZTp-YGXulLQNO6WhfO4YW5_b8GEniguIeBVq6-hbEOHrV-fEMw8y1vCVRJNVDpWV9t_MTeHUzB5Fzx5hHmGC5N7P5fikZC5SIteAPX1B4qjMLWDbp4jk/s1600/title_back.gif);
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-weight:700;padding:8px 0 8px 10px;
text-transform:uppercase;
}
#articles ,#main
{
float:left;
width:610px;
}
.author
{
float:left;
width:110px;
}
.author img
{
border:1px solid #ccc;
display:block;
}
#categ
{
margin:0 auto;
padding:0;width:1000px;
text-align:left;
}
.tag-links {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4XXdI2DfHOPlLxkjnqEwEUdAMzHD-zGgXWXBdO-KWaigISq4PwyX2wUdcC8QWgPHwuJiMXOaMZzHxxv_swuVD6SoLB4yPXNS8Vxa48EpJcy4dnjmNRDFAxdpgGK9V01dHtSrwZ-_5hY/s1600/tag.png) no-repeat left 2px;
padding-left:20px;
height:18px;
float:left;
clear:both;
}
#socialicons
{
border-bottom:1px dotted #A0BDD4;
border-top:1px dotted #A0BDD4;
color:#4c4d50;
float:left;
margin:15px 0 0;
padding:1px 0 10px 0;
width:610px;
}
.social-networks {
margin:0;
padding:0;
list-style:none;
float:right;
}
.social-networks li {float:left;list-style:none;margin-left:5px;}
.social-icons-holder ul {margin:auto}
.social-networks a {
display:block;
width:43px;
height:43px;
text-indent:-9999px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gMexi7SbOaICqoEOjFCyvlUleTxxZWVRryS-ygXaQQe_j9kWSG_vzGeh2aR5cCPT1ira5W0trm-43UBCF__wTDJXRLqBxmi_oABA4nDse4QbglGlt7nEyvviGmcJnPVJMrL-cod9DjPZ/s1600/icon-soc.png) no-repeat;
}
.social-icons-holder { width: auto;float: right;}
.social-networks .facebook {background-position:-53px 0;}
.social-networks .pintrest {background-position:-107px 0;}
.social-networks .rss {background-position:-162px 0;}
.social-networks .twitter {background-position:-215px 0;}
.social-networks .vimeo {background-position:-269px 0;}
.social-networks .youtube {background-position:-324px 0;}
/* TAG CLOUD */
.tagcloud { }
.tagcloud a {padding:5px 8px 5px 8px; font-weight:400; margin: 0px -2px 1px 0px; display:inline-block; background:#222; color:#AAA; -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear; }
.tagcloud a:hover {background:#f88c00; color:#FFF; -moz-transition:.01s linear; -webkit-transition:.01s ease-out; transition:.01s linear;}
/* Tabbed Widget */
#tabs {
width:310px !important;
height:auto !important;
padding:0px;
background-color:#fff;
float:left;
display: block;
margin-bottom:5px;
}
.inside {
padding: 5px 5px 0; float: left; width: 300px;
}
ul.Uj-Tabs {
margin: 0 0 5px; padding:10px 10px 0; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsBrVWt11usR5-9H40cFWXQNZTp-YGXulLQNO6WhfO4YW5_b8GEniguIeBVq6-hbEOHrV-fEMw8y1vCVRJNVDpWV9t_MTeHUzB5Fzx5hHmGC5N7P5fikZC5SIteAPX1B4qjMLWDbp4jk/s1600/title_back.gif); list-style: none; height: 29px;
}
#tabs .widget h2{display:none;}
ul.Uj-Tabs li {
float: left; margin: 0 7px 0 0; padding: 0; height: 29px; line-height: 29px; overflow: hidden; position: relative; background: #343434; list-style-type: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;
}
ul.Uj-Tabs li a {
text-decoration: none; /* inactive tabs */ color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 0 10px; outline: none;
}
ul.Uj-Tabs li a.selected, ul.Uj-Tabs li a:hover {
background: #fff; /* active tab */
color: #000 !important;
}
#sub img {
float: right;
margin: 0 0 8px 8px;
}
.inside li {
border-bottom:1px solid #EEEEEE;
padding:8px;
}
.inside li img.avatar, .inside li img.thumbnail {
border: 1px solid #ddd;
padding: 3px;
background-color: #ffffff;
float: left;
margin: 0 8px 0 0;
}
#comments { margin: 15px 0; float: left; width: 600px; }
#comments h3 { font-size: 22px; color: #222; margin: 10px 0 0 0; clear: left; }
/* Search */
.search-block {
height:30px;
overflow: hidden;
float:right;
margin-left:5px;
}
.search-block:after{display: block;width: 0;height: 0;position: absolute;top: 14px;z-index: 2;right:30px;border: 4px solid transparent;border-right-color: #F88C00 ;}
.search-block #s {
background:#FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 70px;
color:#aaa;
border:0 none;
border-left:1px solid #ececec;
-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;
}
.search-block #s:focus {color:#333;width:150px;}
.search-block .search-button {
background:#f88c00;
cursor: pointer;
float: right;color:#fff;
height:30px;
width:30px;
display: block;
border:0 none;font-family:Oswald;
}
.search-block:hover .search-button, .search-block:hover #s {opacity:1;color:#444;}
.breadcrumb{display: inline-block;height: 12px;float:left;}
.breadcrumb {font-size:11px;padding: 3px 0 10px;color:#555;}
.breadcrumb a{color:#777;}
#sidebar{float:right;padding:0;width:310px;}
#sidebar .fb_col{float:left;padding:5px;margin:15px 0;}
#sidebar_left {
float:left;
width:140px;
}
#sidebar_right {
float:right;
margin-left:0px;
width:160px;
}
#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 5px;width:100%;
}
#ads li
{
border:none;
display:block;
float:left;
margin:0;
padding:0 5px 5px 0;
text-align:left;
width:125px;
}
.post .post_author {
background:#eee;
padding:10px 10px 5px 10px;
margin:10px 0;
font-family:"Droid Serif", Georgia, serif;
}
.post .post_author img {
float:left;
margin:0 7px 7px 0;
}
.post .post_author span {
font-size:14px;
display:block;
margin-bottom:5px;
}
.news_pictures {margin-bottom:30px;
}
.news_pictures .news_pictures_list {
overflow: hidden;
margin-bottom: -8px;
margin-right: -8px;
}
.news_pictures .news_pictures_list li {
float: left;
margin-right: 8px;
margin-bottom: 8px;width:95px; height:80px;
}
.news_pictures .news_pictures_list li a {
display: block;
}
.news_pictures .news_pictures_list li img {
padding: 4px;
border: 1px solid #eee;
}
.news_pictures .news_pictures_list li img {
width:85px; height:70px;
}
.tipsy {
padding: 5px; font-size: 11px;
opacity: 0.8; filter: alpha(opacity=80);
background-repeat: no-repeat;
background-image: url(http://3.bp.blogspot.com/-MDW5nyxmQdo/UMOxw7u-YTI/AAAAAAAADuM/nUmKXgsI55I/s1600/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.tip_text {
font-weight:bold;
}
/* Widgets */
#sidebar .widget { background: transparent; margin: 0 0 5px 0; }
#sidebar .widget ul{ background: #fff; border: 0px solid #e6e6e6; padding: 5px 10px 15px; }
#sidebar .widget ul li { line-height:20px;
border-bottom:1px dotted #ccc;
padding:4px 0 4px 0px; }
#sidebar .widget ul li a,#sidebar ul li a {font-weight:bold; text-align: left; }
.footer .grid_3 {
width: 220px;float:left; margin-right: 15px;
}
.footer .grid_3.last {margin-right: 0;}
.footer-bottom,.footer {
margin-left: auto;
margin-right: auto;
width: 980px;
}
#subscribe
{
float:left;
padding:20px 0;
width:280px;
}
#subscribe p {
padding:5px 0 8px 0;
}
/** Flick Widget **/
.widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; }
.widget-footer .flickr_stream img{ width:63px; height:50px; }
.widget .flickr_stream { overflow:hidden;}
.widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; }
.widget .flickr_stream img{ width:83px; height:65px; }
.footer .widget h2 { margin-bottom:0px; padding-bottom:10px;border-bottom:1px solid #222;;color:#fff; }
.footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; }
.footer-widget .social-widget li a { border:none; }
.footer .widget-content{padding: 10px 0;border-top:1px solid #444;}
/** FOOTER **/
.footer-widget { background:#333; color:#efefef; padding:0 15px 10px;border-bottom:1px solid #222;}
.footer-widget a{ color:#efefef; }.footer-widget a:hover{ text-decoration:none; }
.footer-widget p { color:#efefef; }
.footer-bottom { background:#1E1D1D; }
.footer-bottom .footer-bottomW{ padding:10px 15px 20px;border-top:1px solid #444;}
.widget-footer { padding:15px 0; }
.widget-footer .cat-item { width:50%; float:left; }
.widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;}
.widget-footer ul li { margin:0 0 10px 0; border-bottom: 1px dashed #5B5A59; }
.bottomNav-wrapper { overflow:hidden; }
.bottomNav { float:right; margin:0; }
.bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; }
.bottomNav li.selected a{font-weight:normal;color:#FF6100;}
.bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.bottomNav li a{ padding:0 0 0 20px; display:block; }
.logo-bottom{width:200px; float:left; padding-top:10px; overflow:hidden; }
.logo-bottom img{ float:left;width:200px;}
.credits { padding-top:5px; }
.credits p{ float:right; color:#efefef}
.credits a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }
.bottomNav a {font-family: 'Oswald'; }
.col_8{width:700px;float:right}
#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 a {
text-decoration:underline;
}
.blog-pager a,.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.blog-pager a:hover,.showpageNum a:hover {
background-color:#111;color: #fff;
border:1px solid #555;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#ccc;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;color: #fff;
}
.showpageNum a:link, .showpage a:link {
color:#333;
text-decoration:none;
}
.showpageNum a:hover, .showpage a:hover {
color:#fff;
text-decoration:none;
}
img.BandW {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.BandW.disabled {
filter: none;
-webkit-filter: grayscale(0%);
}
img.BandW:hover { filter: none;}
.social-networks li:hover{opacity:0.8}
.scrollTo_top {
position:fixed;
bottom:20px;
right:20px;
display:none;
}
.btn-tweet,.btn-like,.btn-plus {
float: left;padding-top:9px;
width:90px;
height:30px;
}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files/superfish.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/vertUj.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files/jCarouselLite.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/jquery.tipsy.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/jquery.prettyPhoto.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/-QwlK2Rb-nns/TvhNDtJ4RnI/AAAAAAAACak/TgSjOqStaNc/s1600/empty_thumb.gif";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts = 9;
numposts1 = 1;
numposts2 = 2;
numposts3 = 3;
numposts4 = 4;
numposts5 = 5;
numposts6 = 6;
numposts7 = 7;
numposts8 = 8;
numposts9 = 9;
numposts10 = 15;
numposts11 = 12;
label1 = "Feature";
Title1 = "slider";
label2 = "Islam";
Title2 = "Islam";
label3 = "Alam";
Title3 = "Alam";
label4 = "Pulau";
Title4 = "Pulau";
label5 = "Wisata";
Title5 = "Gallery Wisata";
label6 = "kota";
Title6 = "Kota";
label7 = "Feature";
Title7 = "label-7";
function removeHtmlTag(strx,chop){
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);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a href="'+posturl+'"><img width="50" height="40" class="alignleft" src="'+img[i]+'"/></a><a href="'+posturl+'">'+posttitle+'</a><p><small>'+daystr+' / '+pcm+' comments</small></p><div class="clear"></div></li>';
document.write(trtd);
j++;
}
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="items">');
for (var i = 0; i < numposts8; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="uj-vert"><a href="#"><img width="80" height="70" class="BandW" src="'+img[i]+'"/><span>'+posttitle+'</span></a><div class="clear"></div></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts8; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div><span class="featimg"><a href="'+posturl+'"><img width="520" height="300" class="slider" src="'+img[i]+'"/></a></span><span class="overlay">'+daystr+' ~ '+pcm+' comments<h3><a href="'+posturl+'">'+posttitle+'</a></h3><span class="info"></span></span></div>';
document.write(trtd);
j++;
}
}
function showrecentposts2a(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="195" height="120" class="Thumbnail thumbnail carousel " src="'+img[i]+'"/></a></div><p><a href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;
}
}
function showrecentposts3(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a href="'+posturl+'"><img width="65" height="50" class="Thumbnail thumbnail featured-cat-small " src="'+img[i]+'"/><div class="item"><h4>'+posttitle+'</h4></div></a></li>';
document.write(trtd);
j++;
}
}
function showrecentposts3a(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><div class="thumb"><a href="'+posturl+'"><img width="300" height="236" class="Thumbnail thumbnail featured-cat " src="'+img[i]+'"/></a></div><h4><a href="'+posturl+'">'+posttitle+'</a></h4><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></li>';
document.write(trtd);
j++;
}
}
function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = m+ ' ' + day + ' ' + y ;
var trtd = '<a href="'+posturl+'"><span> »</span>'+posttitle+'</a>';
document.write(trtd);
j++;
}
}
function showrecentposts7(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts11; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a title=" '+posttitle+' " href="'+posturl+'"><img width="90" height="70" title=" '+posttitle+' " class=" " src="'+img[i]+'"/></a></li>';
document.write(trtd);
j++;
}
}
//]]>
</script>
<style type='text/css'>
ul.w2b_recent_comments{list-style:none;margin:0;padding:0px;width:100%;}
.w2b_recent_comments li{ /*margin-top:-2px;*/display:block;clear:both;overflow:hidden;list-style:none;margin-bottom:10px;padding-bottom:10px;}
.w2b_recent_comments li:hover{}
.w2b_recent_comments li .avatarImage{float:left;height: 30px; width: 30px; top: 0px; left: 0px;position: relative; padding:3px; float:left;margin:0 7px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:0px;background:#fefefe;border:1px solid #555;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;background:#fefefe;}
.w2b_recent_comments li span{margin-top:4px;display: block;font-size: 12px;font-style: normal;line-height: 1.2;}
.w2b_recent_comments li a{font-weight:bold;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 4,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 20,
showMorelink = true,
moreLinktext = " more",
defaultAvatar = " ",
hideCredits = true;
//]]>
</script>
<script src='http://ujw.juplo.com/uongjw/files/recent-commentsgravatar.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($) {
////////////////////////// Fade Hover Effect /////////////////////////////////
$(".flickr_stream img, .fadeover, .attachment-thumbnail").hover(function() {
$(this).stop().animate({ opacity: '0.4'},300);
},function() {
$(this).stop().animate({ opacity: '1'},300);
});
// Images Tip
$('.news_pictures .news_pictures_list li a').tipsy({gravity: 's', fade: true});
$('.news_pictures_list li a').tipsy({gravity: 's', fade: true});
//scroll to top
$('.scrollTo_top').hide();
$(window).scroll(function () {
if( $(this).scrollTop() > 100 ) {
$('.scrollTo_top').fadeIn(300);
}
else {
$('.scrollTo_top').fadeOut(300);
}
});
$('.scrollTo_top a').click(function(){
$('html, body').animate({scrollTop:0}, 500 );
return false;
});
// UL = .Uj-Tabs
// Tab contents = .inside
var tag_cloud_class = '#tagcloud';
//Fix for tag clouds - unexpected height before .hide()
var tag_cloud_height = jQuery('#tagcloud').height();
jQuery('.inside ul li:last-child').css('border-bottom','0px'); // remove last border-bottom from list in tab content
jQuery('.Uj-Tabs').each(function(){
jQuery(this).children('li').children('a:first').addClass('selected'); // Add .selected class to first tab on load
});
jQuery('.inside > *').hide();
jQuery('.inside > *:first-child').show();
jQuery('.Uj-Tabs li a').click(function(evt){ // Init Click funtion on Tabs
var clicked_tab_ref = jQuery(this).attr('href'); // Strore Href value
jQuery(this).parent().parent().children('li').children('a').removeClass('selected'); //Remove selected from all tabs
jQuery(this).addClass('selected');
jQuery(this).parent().parent().parent().children('.inside').children('*').hide();
jQuery('.inside ' + clicked_tab_ref).fadeIn(500);
evt.preventDefault();
})
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var classicMode = false ;
var summary = 65;
var indent = 3;
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}
function getSummaryImproved(post,max){
var re = /<.*?>/gi
var re2 = /<br.*?>/gi
var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
post = post.replace(re4,'')
post = post.replace(re3,'<br /> ').split(re2)
for(var i=0; i<post.length; i++){
post[i] = post[i].replace(re,'');
}
var post2 = new Array();
for(var i in post) {
//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
}
var s = "";
var indentBlank = "";
for(var i=0;i<indent;i++){
indentBlank += " ";
}
if(post2.join('<br/>').split(' ').length < max-1 ){
s = post2.join(indentBlank +' <br/>');
} else {
var i = 0;
while(s.split(' ').length < max){
s += indentBlank + ' ' + post2[i]+'<br/>';
i++;
}
}
return s;
}
function createSummaryAndThumb(pID,title,url,date,comment){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (/<!--\s*more\s*-->/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
}
else {
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary;
if(img.length>=1) {
imgtag = '<div class="post-thumb"><a href="'+posturl+'"><img width="190" height="120" class="fadeover thumbnail" src="'+img[0].src+'"></a></div>';
}
var summary1 = '<div class="post-content">'+imgtag+'<p>'+stripHtmlTags(content,summary)+'...</p></div>';
div.innerHTML = summary1;
div.style.display = "block";
}
}
//]]>
</script>
<style>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
#frontpage {
display:none;
visibility:hidden;
}
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#singlepage {
display:none;
visibility:hidden;
}
</b:if>
</style>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{margin-top:0px;margin-left:2px;float:left;width:600px;padding-top:0px;
padding-left:0px;background:none;height:100%;
min-height:100%;border-bottom: 0px solid #ddd }#related-posts a:hover {
background-color:#f0f0f0;
} #related-posts h1{background:none;color:#333;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-size:16px;font-weight:normal!important;padding:3px 10px 4px 10px}
</style>
<script type='text/javascript'>
//<![CDATA[
//Script by uong jowo
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.gform_foot.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/-QwlK2Rb-nns/TvhNDtJ4RnI/AAAAAAAACak/TgSjOqStaNc/s1600/empty_thumb.gif';
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
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('<h1>'+relatedpoststitle+'</h1>');
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 0px #ddd;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:135px;height:120px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:135px;padding-left:5px;height:50px; margin:0; padding: 5px 0; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; 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><!--Related Posts with thumbnails Scripts and Styles End-->
</head>
<body>
<div class='background-grid'>
<div id='page-wrap'>
<div id='header-wrapper'>
<div id='header'>
<div class='datetime'>
<script type='text/javascript'>
var d = new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script>
~
<script type='text/javascript'>
var d = new Date()
document.write(d.getHours())
document.write(".")
document.write(d.getMinutes() + 1)
document.write(".")
document.write(d.getSeconds())
</script>
</div>
<div class='search-block'>
<form action='/search' id='searchform' method='get'>
<input class='search-button' type='submit' value='GO'/>
<input id='s' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' type='text' value='Search...'/>
</form>
</div><!-- .search-block -->
<div class='clear'/>
<b:section class='logo' id='logo' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='70L (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div 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:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "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/>
<!--Show the image only-->
<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>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<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:widget>
</b:section>
<div id='headerright'>
<div class='social-networks'><div class='social-icons-holder'> <ul>
<li><a class='google' href='https://plus.google.com/'>google</a></li>
<li><a class='facebook' href='http://www.facebook.com/'>facebook</a></li>
<li><a class='youtube' href='#'>youtube</a></li>
<li><a class='rss' href='http://feeds.feedburner.com/'>rss</a></li>
<li><a class='twitter' href='http://twitter.com/'>twitter</a></li>
</ul>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<b:section id='banner3' showaddelement='yes'>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML80' locked='false' title='adsbanner' type='HTML'>
<b:includable id='main'>
<div id='adspot'>
<!-- Ad1 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad2 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad3 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad4 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<div class='clearer'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Image3' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogArchive3' locked='false' title='Archives' 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>
<b:loop values='data:data' var='i'>
<li class='archivedate' style='border-bottom:1px dotted #dadada;'>
<a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</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' expr:title='data:i.name'><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='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:title='data:i.name' expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</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' expr:title='data:i.title'><data:i.title/></a></li>
</b:loop>
</ul>
</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:widget>
<b:widget id='HTML3' locked='false' title='Subscribe Now!' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.pageType != "error_page"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.pageType != "error_page"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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> <!--/#righthead -->
<div class='clear'/></div><!--/#header -->
<div class='clear'/>
<div id='primary-nav'>
<ul class='nav superfish'>
<li class='first'><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li class='page_item'><a href='/p/about.html' title='About'>About</a></li>
<li><a href='/p/java-story.html' title='Java'>Java Story</a></li>
<li><a href='/p/culture.html' title='culture'>Culture</a></li>
<li><a href='/p/privacy-policy.html' title='About'>PRIVACY POLICY</a></li>
<li class='page_item'><a href='/search/label/' title='Category'>Category</a>
<ul class='children'>
<li class='page_item'><a href='/search/label/ragam?&max-results=10' title='Category'>RAGAM</a></li>
<li class='page_item'><a href='/search/label/budaya?&max-results=10' title='Category'>BUDAYA</a></li>
<li class='page_item'><a href='/search/label/lewat?&max-results=10' title='Category'>LEWAT</a></li>
</ul></li>
<li class='page_item'><a href='/search/label/' title='Category'>TOP LINE</a>
<ul class='children'>
<li class='page_item'><a href='/search/label/story?&max-results=10' title='Category'>STORY</a></li>
<li class='page_item'><a href='/search/label/tokoh?&max-results=10' title='Category'>TOKOH</a></li>
<li class='page_item'><a href='/search/label/hiburan?&max-results=10' title='Category'>HIBURAN</a></li>
<li class='page_item'><a href='/search/label/wisata?&max-results=10' title='Category'>WISATA</a></li>
<li class='page_item'><a href='/search/label/musik?&max-results=10' title='Category'>MUSIK</a></li>
</ul></li>
</ul>
</div> <!-- /#primary-nav -->
<div class='clear'/>
</div> <!--/#headerwrap -->
<div class='clear'/>
<div id='main-wrap'>
<div id='content-wrap'>
<div id='headlines'><div class='right_arrow'/>
<div class='htick'>
<div class='htick-text'>
<marquee behavior='scroll' bgcolor='' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script></marquee>
</div>
</div>
</div> <!--End headlines-->
<br/><div class='clear'/>
<div id='frontpage'>
<div id='feature'>
<div id='panes'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</div> <!--end #panes-->
<div id='featnavi'>
<h3>Feature news</h3>
<div id='prev_btn'/>
<div id='navi'>
<div class='scrollable'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
</div> <!--end #navi-->
<div id='next_btn'/>
</div>
</div> <!--end #feat-->
<script type='text/javascript'>
$(function() {
$("#navi ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 900, rotate: true
}).slideshow({ clickable: false, autoplay: false, interval: 4000
});
jQuery(".tabs").tabs(".slide li", {event:'mouseover', effect: 'fade'});
$("#navi .scrollable").UjCar_vert({auto:0, scroll: 2, speed: 500, visible: 4, start: 0, circular: false, UjPrev: "#prev_btn", UjNext: "#next_btn"});
});
</script>
</div><!-- END frontpage -->
<div id='articles'>
<div id='frontpage'>
<div class='category-widget half'>
<h2><script>
document.write('<a href="/search/label/'+label2+'?max-results=10">'+Title2+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='category-widget half bright'>
<h2><script>
document.write('<a href="/search/label/'+label3+'?max-results=10">'+Title3+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div class='category-widget'>
<h2><script>
document.write('<a href="/search/label/'+label4+'?max-results=10">'+Title4+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label4+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label4+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div class='news_pictures'>
<h2><script>
document.write('<a href="/search/label/'+label5+'?max-results=10">'+Title5+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='news_pictures_list'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label5+"?max-results="+numposts11+"&orderby=published&alt=json-in-script&callback=showrecentposts7\"><\/script>");
</script>
</ul>
</div> <!--news_pictures-->
<div class='clear'/>
<div class='category-widget full'>
<h2><script>
document.write('<a href="/search/label/'+label7+'?max-results=10">'+Title7+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label7+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label7+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div id='mediabar'>
<h2>Editorial</h2>
<div id='previous_button'/>
<div id='next_button'/>
<div class='container'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label6+"?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts2a\"><\/script>");
</script>
</ul><div class='clear'/>
</div>
<div class='clear'/>
</div><!-- /.mediabar -->
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#mediabar .container").jCarouselLite({
auto:0,
scroll: 1,
speed: 400,
visible: 3,
start: 0,
circular: false,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</div><!-- END frontpage -->
<div id='singlepage'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</b:loop><div class='clear'/>
<b:include name='nextprev'/>
</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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='comment-form' var='post'>
<div class='sep'/>
<div id='respond'>
<h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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>
</div>
<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 cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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='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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-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;'/>
</a>
<div class='mobile-index-comment'>
<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>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</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'>&lsaquo;</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'>&rsaquo;</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='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> <span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span class='tooltip' 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 class='tooltip' 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>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post hentry '>
<div class='breadcrumb'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop> »
<data:post.title/>
</div>
<div class='clear'/>
<h1 class='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>
</h1>
<div class='post-meta'><span class='authem'> <data:post.author/></span>
<span class='category'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span>
<span class='date'><data:post.timestamp/></span>
<span class='comments'><data:post.numComments/> Comments</span>
</div>
<div class='clear'/>
<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
<div class='clear'/>
<small><span class='tag-links'>Tags:<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span></small>
<div class='clear'/>
<div id='socialicons'><!-- AddThis Button BEGIN -->
<b:include data='post' name='shareButtons'/>
<!-- AddThis Button END --></div>
<div class='clear'/>
<div class='post_author'>
<img alt='' class='avatar avatar-70 photo' height='70' src=' ' width='70'/> <span>Author: <data:post.author/></span>
Share a little biographical information to fill out your profile.<div class='clear'/>
</div>
<div class='clear'/>
<h2 class='purple'>Related Posts</h2>
<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=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=4;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
<div class='spacer'/>
</div>
<div class='clear border'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<div class='clear'/>
<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div> </div>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post'>
<div class='breadcrumb'> Page : <data:post.title/>
</div>
<div class='entry'>
<h2>
<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>
</h2>
<p><data:post.body/></p>
<div class='clear'/>
<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div>
</div></div>
<b:else/>
<div class='article'>
<h2 class='title'><a expr:href='data:post.url'><data:post.title/></a></h2>
<div class='post-meta'>
<span class='authem'> <data:post.author/></span>
<span class='category'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span> <span class='date'><data:post.timestamp/></span> <span class='comments'><data:post.numComments/> Comments</span>
<div class='clear'/>
<b:include data='post' name='shareButtons'/>
</div>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.author/>","<data:post.numComments/>","<data:post.timestamp/>");</script>
<div class='clear'/>
</div>
</b:if>
</b:if>
</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='shareButtons' var='post'>
<div class='btn-tweet'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related=' ' data-via=' ' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if>
</div><!-- .btn-tweet -->
<div class='btn-like'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=32"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:32px;'/>
</div><!-- .btn-like -->
<div class='btn-plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='medium'/>
</div><!-- .btn-plus -->
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='breadcrumb'><data:navMessage/></div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<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/>
<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='threaded_comment_css'>
<style>
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.5em;
}
.comments .comments-content {
font-size: 12px;line-height: 1.5em;
margin-bottom: 16px;font-family: Tahoma, Sans-Serif;
}
.comments .comment .comment-actions a {
padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff;
}
.comments .comment .comment-actions a:hover {
text-decoration:underline;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 7px 0 30px;
text-align: left;line-height: 1.7em;
}
.comments .comments-content .comment-thread ol li.comment{ list-style-type: none;margin-bottom:20px;padding:15px 15px 10px;border-bottom: 1px dotted #A5ACB9;}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 36px;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal; font-size: 12px;
font-weight:bold;margin-left:0px;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-right:6px;color:#999; font-style:italic; font-size:11px;float:right;
}
.comments .comments-content .comment-header{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLNh2dIh9BnAwQo0D1ImeBu2JEQ9aEcENzND5cDBLACOLPxCOyObeuDM6MTh31H3WAcCA8B39tRcFS7GKOWnvBe5CSxbfyN6523U2Xuc7HSuIg6N5bkIG7YxNJ_C0izBveASXy8EvlKT2/s1600/divider.png) repeat-x bottom;display:block;padding:0 0 7px;margin:0 0 7px;height:18px;}
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:justify;line-height: 1.7em;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 0px;border-left: 1px solid #CCCCCC; padding-left: 10px;
margin-left: 58px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments li .avatar-image-container {
float: left;
width: 47px;border:1px solid #ddd; padding:2px;background:#fff;
max-height: 47px;position: relative;
overflow: hidden;
}
.comments li .avatar-image-container img {
max-width: 47px;
height: 47px;margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.comments .comment-block {
margin-left: 58px;
position: relative;padding:10px;
}
/* Responsive styles. */
@media screen and (max-device-width: 470px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
</style>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div><!-- END singlepage -->
</div><!--End articles-->
<div id='sidebar' style='width:310px;float:right;'>
<div id='tabs'>
<ul class='Uj-Tabs'>
<li class='latest'><a href='#tab-1'>Recent</a></li>
<li class='comm'><a href='#tab-2'>Comment</a></li>
<li class='popular'><a href='#tab-3'>Popular</a></li>
<li class='sub'><a href='#tab-4'>Tags</a></li>
</ul>
<div class='clear'/>
<div class='boxes box inside'>
<ul class='list' id='tab-1'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></ul>
<ul class='widget_tag_cloud widget' id='tab-2'>
<script src='/feeds/comments/default?alt=json-in-script&callback=w2b_recent_comments'/>
</ul>
<ul class='popular-posts' id='tab-3'>
<b:section class='popular-posts' id='footerlinks29' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Post' 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"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<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/>
<!-- (4) Show snippets and thumbnails -->
<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:section></ul>
<ul class='list widget' id='tab-4'>
<b:section class='widget_tagcloud' id='footerlinks7' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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></ul>
</div><!-- END boxes -->
<div class='clear'/>
</div><!-- END tabs -->
<div class='clear'/>
<div class='fb_col'>
<div class='fb-like-box' data-header='false' data-height='255' data-href='http://www.facebook.com/pages/Uong-Jowo/334650446576072' data-show-faces='true' data-stream='false' data-width='300'/>
</div>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='clear'/>
<b:section id='sidebar14' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='sidebar_left' style='float:left;width:130px;'>
<b:section id='sidebar3' showaddelement='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='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='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='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='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:widget>
</b:section>
</div>
<div id='sidebar_right' style='float:right;width:160px;'>
<b:section id='sidebar5' showaddelement='yes'>
<b:widget id='Label2' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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='clear'/>
</div><!-- END sidebar -->
<div class='clear'/>
</div><!-- END contentwrap -->
<div class='clear'/>
</div><!-- END mainwrap -->
<div class='clear'/>
<div class='footer'>
<div class='footer-widget'>
<div class='grid_3'><div class='widget-footer'><div class='widget'><h2>Flickr Stream</h2></div>
<div class='flickr_stream widget-content'>
<script src='http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&layout=x&source=all_tag&tag=travel&size=s' type='text/javascript'/>
</div></div></div>
<div class='grid_3'>
<b:section class='tagcloud widget-footer' id='footerlink3' showaddelement='yes'>
<b:widget id='Label3' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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='grid_3'>
<div class='widget-footer'><div class='widget'><h2>Comments</h2></div>
<div class='widget-content'><ul>
<script src='/feeds/comments/default?alt=json-in-script&callback=w2b_recent_comments'/>
</ul></div>
</div>
<b:section class='widget-footer' id='footerlink4' showaddelement='yes'/>
</div>
<div class='grid_3 last'>
<b:section class='widget-footer' id='footerlink5' showaddelement='yes'/>
</div>
<div class='clear'/>
</div><!-- END footer-widget -->
<div class='clear'/>
</div><!-- END footer -->
<div class='footer-bottom'>
<div class='footer-bottomW'>
<div class='logo-bottom'>
<a href='/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg43xlm2YnfuSEqFPYByHBTLjJUX3121QmNkgp52NIQxvk6JkN12atTSkxQPdjrfM8itjVlgQOS-wlgCaf_1svRUCHAM0LTgrWBOj65s9kvbTKSCf-qMnVdCZqQ4CtBcNz9P45vP29cagcm/s1600/trendmag.png'/></a>
</div>
<!-- End Footer Logo -->
<div class='col_8'>
<div class='bottomNav-wrapper'>
<ul class='bottomNav' id='menu-bottom-menu'><b:section id='Pages' showaddelement='yes'>
<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'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<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:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section></ul>
</div>
<div class='clear'/>
<div class='credits'><p>Copyright © 2013, <a href='/'><data:blog.title/></a> Designed By <a href='http://uongjowo.blogspot.com'>Uong Jowo</a> Publisher <a href='http://ketemplate.com'>ketemplate.com</a></p></div>
</div><!-- END grid_7 -->
<div class='clear'/>
</div><!-- End grid -->
<div class='clear'/>
</div><!-- End Footer Bottom -->
<div class='clear'/>
</div><!-- END WRAPPER -->
</div><!-- END bgGrid -->
<script type='text/javascript'>
var pageCount= 8;
var displayPageNum= 5 ;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='http://ujw.juplo.com/uongjw/files/pagenumbr.js' type='text/javascript'/>
<script type='text/javascript'>
var rps_ht = 200 </script>
<div class='scrollTo_top'>
<a href='#' title='Scroll to top'>
<img alt='Scroll to top' src='http://2.bp.blogspot.com/-ECOCllTBil0/UMOyDxKVS9I/AAAAAAAADuY/z0mQVQSpKNY/s1600/up.png'/>
</a>
</div>
</body>
</html>
<!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.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='type your description here.' name='description'/>
<meta content='type your keyword here' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<link href='http://fonts.googleapis.com/css?family=Oswald|Oswald|tenbyfive' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/*
*/
/* Navbar Frame
----------------------------- */
.footer-bottom .widget h2,.navbar {
visibility:hidden;
display: none;
}
*{margin:0;padding:0;}
/*********************************************************************************************
Theme Name: Trend Mag
Description: A magazine style theme by <a href="http://uongjowo.blogspot.com">Uong Jowo</a>
Designer: Uong Jowo
Author URI: http://uongjowo.blogspot.com
**********************************************************************************************/
body{background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOAY2839q-svuDOQC8x8ylFnfugMHO378-ecX_TbkatCfAvUOezz3DttIKuTvebepP5Po7z-6YwMLnjvNEn8mPj4M2nGwDbnT0doFRtlXghQYee6BVEGDgoFd1UoXYJkbbqi_XIp9f2CI/s1600/b-ground2.jpg"); background-repeat: no-repeat;background-color:#f1f1f1; background-position: top center;background-attachment:fixed;}
body
{
color:#222;
font:62.5% Arial,Helvetica,sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;font-family:Oswald;
}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) { }
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.hr { border-top: 3px solid #ECE8D7; }
.transpBlack { background: url(transpBlack.png); }
.wp-caption { background-color: #EFEFEF; border: 1px solid #B6B6B6; font-size: 11px; margin-bottom: 5px; padding: 5px 5px 5px; text-align: center; }
.wp-caption img { border: 1px solid #B6B6B6; }
a { color: #000; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a { color: #000; font-size: 22px; font-weight: 400; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; }
.background-grid{background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii4JCgGXTgjvlt-xMnhkB4ByNvqTRNjnp0xFRyFHCJYbXC_DZ6arQl4twkI7tyPHRjMSz0hFYPth8Tl2hfsuXbPoDGKO3JcD39Uz8JpQS8VVPLpXvpxOCSpDWzS_9-VRMt-Elpy_ILRqY/s1600/bg-cube.png"); background-repeat: repeat; background-position: top center;background-attachment:fixed;padding-top: 0.1px;padding-bottom: 20px;}
#main-wrap{
font-size:12px;
margin:0 auto;padding:0 20px;
width:980px; }
#content-wrap{
float:left;
margin:0;padding:0 ;
width:940px; }
#page-wrap{
margin:10px auto 0 auto;background: #fff;
width:980px;}
#header-wrapper {width:100%;background: #fff;padding-top: 20px;margin:0;}
#header{width:940px;padding:0;margin:0 auto;}
#headerright {float:right;background:none;width:600px;padding:10px 0 0;}
#logo{float:left;text-align:left;width:250px;padding:10px 0 15px;}
#logo h1,#logo h1 a{
color:#BFB5B5;
font-family:Rockwell,"Times New Roman",Times,serif;
font-size:35px;
font-weight:700;}
#logo h2{
color:#BFB5B5;
font-size:14px;
font-weight:bold;}
#nav{background:#fff;font-size:1em;padding:0 0 0 15px;}
#nav a,#nav a:hover{border:none;display:block;text-decoration:none;}
#nav a,#nav a:visited{color:#fff;display:block;padding:3px 12px;background:#111;}
#nav a:hover,#nav a:active{background:#0066CC;color:#fff;text-decoration:none;}
#nav li{float:left;list-style:none;}
#nav li li{background:#333;border-top:1px solid #ccc;text-align:left;width:172px;}
#nav li li a,#nav li li a:visited{color:#FFF;font-size:.9em;font-weight:400;}
#nav li li a:hover,#nav li li a:active{background:#e02a1c;}
#nav li ul{height:auto;left:-999em;line-height:20px;position:absolute; visibility: hidden; width:174px;z-index:700;}
#nav li ul ul{margin:-2em 0 0 172px;}
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto; visibility: visible;}
#nav,#nav ul{list-style:none;}
/* 2.2 Navigation Menu */
.nav {
list-style: none;
line-height: 1;
margin: 0;
overflow: hidden;
padding: 0;
z-index: 999;
}
.nav a {
display: block;
position: relative;
text-decoration: none;
z-index: 100;font-family:Oswald;
}
.nav li {
float: left;
width: auto;
z-index: 999;
}
.nav li a {
color: #eee;
line-height: 18px;
padding: 10px 15px;
text-decoration: none;
}
.nav li:hover a, .nav li:hover a:active {
text-decoration: none;
}
.nav li ul {
left: -999em;
position: absolute;
width: 180px;
z-index: 999;
}
.nav li ul li a, .nav li ul li a:visited {
background: #fff;
color: #333;
font-size: 12px;
padding: 10px 15px;
width: 150px;
}
.nav li ul li a.sf-with-ul {
padding: 10px 15px;
}
.nav li ul ul {
margin: -30px 0 0 180px;
}
.nav li:hover, .nav li.hover {
position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
left: auto;
}
.nav .sf-sub-indicator {
background: url() no-repeat 0px 0;
overflow: hidden;
position: absolute;
width: 9px;
height: 9px;
text-indent: -999em;
top: 1.2em;
right: 0.45em;
}
.nav li ul .sf-sub-indicator {
background: url() no-repeat;
display: block;
overflow: hidden;
position: absolute;
width: 10px;
height: 10px;
text-indent: -999em;
top: 1.3em;
right: 0.4em;
}
/* PRIMARY NAV */
#primary-nav { height: 30px;width:940px;margin:0 auto;background:#333; }
#primary-nav .nav { height: 30px; float: left; border-left: 1px solid #393939; border-right: 1px solid #292929; }
#primary-nav .nav li a { border-left: 1px solid #292929; border-right: 1px solid #393939; color: #ddd; font-size: 11px; line-height: 30px; padding: 0 17px; }
#primary-nav .nav li a:hover { background-color: #424242; color: #eee; }
#primary-nav .nav li li a { background: #333; border-bottom: 1px solid #292929; border-top: 1px solid #393939; border-left: none; border-right: none; }
#primary-nav .nav li li a:hover { background: #424242; color: #eee; }
#primary-nav .nav li ul { width: 184px; }
#primary-nav .nav ul ul { margin: -40px 0 0 184px; }
#primary-nav .nav .sf-sub-indicator { background: url() no-repeat; display: block; position: absolute; top: 18px; right: 8px; width: 7px; height: 4px; }
#primary-nav .nav li ul .sf-sub-indicator { background: url() no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.3em; right: 0.4em; }
a.main:hover{background:none;}
.post-stats {display:block; font-size:11px; }
#headlines {
border:1px solid #e0e0e0;
background:#f7f7f7;
padding:0 10px;
overflow:hidden;
position:relative;
line-height:30px;
height:30px;
margin:0 0 20px 0;
}
#headlines a{font-size: 13px;font-family:Oswald;font-weight:normal;}
#headlines .right_arrow {
width: 20px;
height: 30px;
background:url(http://4.bp.blogspot.com/-Sag872SlE9k/UMOxQipEduI/AAAAAAAADuA/NkbaHOyP1Ys/s1600/right_arrow.png) no-repeat -5px center;
position:absolute;
left:0;
top:0;
}
div.htick{
height: 25px;
margin: 0;
padding: 0 10px 0 10px;
overflow: hidden;
}
div.htick-text{
position: absolute;
white-space: nowrap;
line-height: 25px;
}
#headlines {
margin-bottom:0;
}
#feature {
float:left;
margin:0 0 20px 0;
width:940px;
background:none;
height:390px;border-top:0px solid #ccc;
position:relative;}
/* panes */
#panes {
height:390px;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9hneCyjyKRTE9Rt-KwcysNZueMj-wfYVJ19RddOm5zX8zDArdDNVlII1RQ7zPJRT9vhKyLT625n3glbkhj8BvlRT5tgaxbder3OskoQE67Am1oInEb9mURylzQsYlHhHPtF6TywIpfiP/s1600/aj-load.gif) no-repeat 50%;position:relative;float:left;overflow:hidden;width:610px;z-index:9;
-webkit-box-shadow: 2px 0px 2px -2px #222;
box-shadow: 2px 0px 2px -2px #222;
}
#panes div {
display:none;
position:absolute;
top:0;
left:0;
font-size:13px;
color:#333;
line-height:1.5;
right:0px;
}
#panes a {
color:#fff;
font-weight:normal;
}
#panes img {
float:left;
width:680px;
height:auto;margin-left:-35px;
overflow:hidden;
}
#panes .featimg {
float:left;
margin-right:0px;
width:610px;
height:390px;overflow:hidden;
}
#panes p.more {
color:#000;
font-weight:bold;
}
#panes h3 {
font-size:35px;
line-height:43px;
font-weight:bold;
margin:0 0 18px;
text-shadow:-1px -1px 0 #000;
}
#panes p {
padding:5px 0 0 0;
}
.overlay {
left: 0px;
bottom: 0px;width:100%;
padding: 10px;
position: absolute;color:#fff;
font-weight:bold;
font-size:12px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSjsfC1t_ULx2dp6PEEMhrn0vddfNzqfSPLLp2iVuOfV-P4PIpJCHFp3IfHSBUQR_IrlAxpLawwZ-QeKNLTsyJ9Hk2Y7OtPU0MTFeirmQU47G5yV6VYd0aAk4eZS-R7KCKhSX_gzm6yo/s1600/islider-bg.png") repeat-x scroll 0 0 transparent;
}
.post{padding:10px 0;background:#fff;margin-bottom:5px;}
#boxy{padding:10px 10px 10px 0;background:#fff;margin-bottom:5px;}
/* Carousel */
#featnavi{right:0;top:0;;width:330px;position:absolute;height:390px;padding:0 0 0 0px;}
#featnavi h3 {line-height: 30px; height: 35px; margin: 0;color: #222; font-size: 18px; float:left;font-weight: normal;padding:0;text-transform:uppercase;width:200px;padding-left:10px;}
#navi {overflow:hidden; width: 330px; position: relative; float: left; margin: 0;height:321px; background:#e9e9e9 ; }
#navi ul.items{width:330px;height:10000px;position: relative;overflow:hidden;}
#navi h3 { line-height: 15px; margin: 0px 0 5px 0;color: #000; font-size: 15px; font-weight: bold; }
#navi li img{float:right;margin-left:10px;}
#navi li a { font-weight: normal; display: block;overflow: hidden;height:70px; padding:5px 5px 4.5px 10px;margin-bottom:-19pxpadding-bottom:0;border-bottom:0.5px solid #ccc; -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear;font-size: 14px;font-family:Oswald;}
#navi li a:hover,#navi li a.current {background:#f7f7f7;text-decoration:none; border-bottom:0.5px solid #eee; -moz-transition:.01s linear; -webkit-transition:.01s ease-out; transition:.01s linear;}
#navi li p{font-size:11px;color:#555;font-weight: normal;}
#navi li h5{float: left;width: 180px; font-size: 15px;}
#navi ul.items li { display: inline; float: left; padding: 0; width: 330px; overflow: hidden;height:70px;margin:0;}
#navi .thumb { margin-bottom: 0px; height:70px;width: 86px;overflow: hidden;}
#featnavi #prev_btn { position: absolute; top: 5px; right: 0px; width: 90px; height: 30px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhcKtPRJz0vD-5GnBDb7g4gZPKuYeDeV7OGRze36edn6V4ttqt61UstR_3q6YPaW9i3wkICwjHZn0IR7MtKvO7FiCxTUM1LffRvJ51tQQsnzU8T2V7ZIxYGlcnbjPnc3K52hzWcel20w/s1600/upper30.png) no-repeat; }
#featnavi #next_btn { position: absolute; bottom: 5px; right: 0px; width: 90px; height: 30px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwCKuE2gwIJ8Femg11XL5JxE73e87U624PFruMtQzVe6lbFwx8eCj4IotxrmtC-IFUIe7ZDwHSboOp0LLX03kFgAmuIInOypFm3IeSdR40MkqiABH65nSsz7XS5pmgW3fUotBL-YjTFA/s1600/downner30.png) no-repeat; }
#featnavi #next_btn:hover, #prev_btn:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.datetime { text-align:left; float:left;background:#333;padding:0px 7px;margin-top:5px;}
.datetime, .comment-header .datetime a{font-size:11px; line-height:20px; color:#fff; text-transform:uppercase; }
.category-widget h2 .article-rss,.news_pictures h2 .article-rss {position:absolute;float: right; width: 34px; height: 35px;padding: 9px 0px 0px 12px;top:0;right:0;}
.news_pictures h2 .article-rss-icon,.category-widget h2 .article-rss-icon {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfN6rB2KZ2EgqvIorg1G40do6Et58oX5qWgmZrhW5IL7r3GuhahH8COKD3DtUe9ghzMbE8ZarUMTeoMHtZHUBkocMROpNz1bLI6zjuizVOsQ4fLKD2d0ICWv_fOiAq4NcnNO_Bl7f_JcT8/s1600/rss-ab.gif") 0 0 no-repeat;width:22px;height: 20px;display: block;}
.news_pictures h2 .article-rss-icon:hover,.category-widget h2 .article-rss-icon:hover {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfN6rB2KZ2EgqvIorg1G40do6Et58oX5qWgmZrhW5IL7r3GuhahH8COKD3DtUe9ghzMbE8ZarUMTeoMHtZHUBkocMROpNz1bLI6zjuizVOsQ4fLKD2d0ICWv_fOiAq4NcnNO_Bl7f_JcT8/s1600/rss-ab.gif") 0 -21px no-repeat;}
/* Featured Category Widget */
.category-widget.half { margin:0 10px 30px 0; float: left; width: 300px;overflow:hidden;}
.category-widget.half.bright { margin:0 0 30px;}
.category-widget { margin:0 0 30px;}
.news_pictures h2,.category-widget h2 { background: #303030; padding-left:10px; color: #fff; font-size: 18px; font-weight: normal; line-height: 38px; margin: 0px 0 15px 0;height: 38px;position:relative; }
.news_pictures h2 a,.category-widget h2 a { color: #fff; }
.category-widget .slide,.category-widget .slide li { float: left; width: 300px; overflow: hidden; height: 320px; }
.category-widget .slide li .thumb,.category-widget.half .slide li .thumb{ float: left; width: 300px; overflow: hidden; height: 180px;margin-bottom:10px; }
.category-widget .slide h4 {padding:10px 0; font-size: 17px; font-weight: normal; letter-spacing:1;}
.category-widget .slide p{line-height:1.4em; font-size:11px;color:#555;}
.category-widget.half .slide,.category-widget.half .slide li { float: left; width: 300px; overflow: hidden; height: 300px; }
.category-widget .slide img { float: left; width: 400px; overflow: hidden; height: auto;margin-left:-50px; }
.category-widget .category-big { float: left; width: 300px; }
.category-widget ul { list-style: none; }
.category-widget h4 {padding:0; font-size: 15px; font-weight: normal; letter-spacing:1;}
.category-widget .item { overflow: hidden; }
.category-widget .active h4 a { color: #fff; }
.category-widget .active p { color: #e9e9e9; }
.category-widget .tabs { float: right; width: 300px;}
.category-widget.half .tabs { float: left; width: 300px;}
.category-widget .tabs li { float: left; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.category-widget .tabs a { padding: 8px 10px 15px 10px; width: 280px; height: 55px; display: block; line-height: 1.3; -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;}
.category-widget .tabs li a:hover { text-decoration: none; }
.category-widget .tabs li a.current { background: #f8f8f8; color: #333;background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f5f5f5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #f8f8f8, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f8f8f8, #f5f5f5); /* IE10 */
background-image: -o-linear-gradient(top, #f8f8f8, #f5f5f5); /* Opera 11.10+ */
background-image: linear-gradient(top, #f8f8f8, #f5f5f5); }
.category-widget .tabs p { font-size: 11px; color: #848282; }
.category-widget .tabs li a.current p { color: #fff; }
.category-widget .tabs li img { float: left; position: relative; padding: 5px 10px 0 0; }
.category-widget.full .slide,.category-widget.full .slide li{ float: left; width: 610px; overflow: hidden; height: 180px; }
.category-widget.full .slide li .thumb{ float: left; width: 300px; overflow: hidden; height: 180px;margin-right:15px; }
.category-widget.full .tabs { float: left; width: 620px;overflow: hidden;}
.category-widget.full .tabs li{ float: left; width: 300px;margin-right:10px;}
/* Carousel */
#mediabar { width: 610px; position: relative; float: left; margin: 0 0 20px;height:230px;border-top:1px double #c5c5c5; overflow:hidden;}
#mediabar .container {position: absolute;left: 0px;width: 610px;overflow:hidden;}
#mediabar ul{width:10000px;position: relative;overflow:hidden;margin-top:5px;}
#mediabar li p{float: left;width: 195px; }
#mediabar ul li { display: inline; float: left; margin: 0; padding: 0 5px 0 0; width: 203px; overflow: hidden;height:230px;}
#mediabar .thumb { margin-bottom: 4px; height:130px;width: 203px;}
#mediabar #previous_button { position: absolute; top: 7px; right: 29px; width: 25px; height: 22px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl41xuEW6rLSz910wpaKLE6A5VSmgTSG9LvnPnFG5Vk4X53PehbI7Jxc5zRbTkD_wifgdW8CXdorXt-XWHq9NeA2wZDFslhgHLtsLcxzYnu9p8XhxwxvdMaY41BM5EeQAC2LX0ucz6Rxo/s1600/arrow_feat.png) no-repeat; background-position: 0 0; }
#mediabar #next_button { position: absolute; top: 7px; right: 0; width: 25px; height: 22px; cursor: pointer; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl41xuEW6rLSz910wpaKLE6A5VSmgTSG9LvnPnFG5Vk4X53PehbI7Jxc5zRbTkD_wifgdW8CXdorXt-XWHq9NeA2wZDFslhgHLtsLcxzYnu9p8XhxwxvdMaY41BM5EeQAC2LX0ucz6Rxo/s1600/arrow_feat.png) no-repeat; background-position: -27px 0; }
#mediabar #next_button:hover, #previous_button:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.post .entry img{max-width:600px;}
.post{
float:left;
line-height:20px;
width:610px;
}
.post small {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:0px 0 0px 0;
}
.post a, .article p a
{
color:#666;
font-weight:700;
}
.post a:hover, .article p a:hover
{
border:none;
text-decoration:none;
}
.post blockquote
{
border-left:3px solid #ccc;
color:#777;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-style:italic;
line-height:1.8em;
margin:10px 20px 10px 30px;
padding-left:10px;
}
.post h1
{
font-size:26px;
font-weight:700;
padding-bottom:10px;
line-height:30px;
}
.post h1 a
{
font-size:26px;
font-weight:700;
padding-bottom:10px;
line-height:30px;
color:#000;
border:none;
}
.post h1 a:hover {
color:#333;
}
.post h2,h3,h4,h5,h6
{
font-weight:700;
padding-bottom:5px;
padding-top:10px;
}
.post li ol
{
border-bottom:1px dotted #ccc;
line-height:25px;
padding-left:15px;
}
.post ol li {
list-style:decimal;
}
.post p
{
padding:5px 0;
}
.post ul li
{
line-height:25px;
list-style:square;
}
.post ul,.post ul,ol
{
padding:10px 0 10px 25px;
}
.post-meta {
float:left;
margin:10px 0 0 0;
color:#666;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
.post-meta a {
color:#666;
border-bottom:none;
}
.post-meta a:hover {
text-decoration:underline;
}
span.date, span.category, span.authem, span.comments {
text-transform:uppercase;
font-size:10px;
margin:0 8px 10px 0;
font-weight:bold;
color:#666;
}
span.date {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGvI8-Mwg8lTatzf2INJ4gcayL9qmMLnPi5qvzTe004r1eH6YLHCHnjBrsFJi6joFWdSGKs08DJrxUvev3ngZfwxzRf03yVsEOiDdXQjGpSNnLk490YytOyuw9EkuTpe2dOHe4i-RWVpA/s1600/clock.png) no-repeat 0 2px;
padding-left:12px;
}
span.category {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDf8tbtCQ7vEPnL55CbrMm25RXHDsA5e8EHMBm1UuF34sRVrMRGZkVFPudKqZtcYJKpdiWKr_sUBrCw6tnxmmm40BVORdYdsECb18c2QfD062Icd5wLyc0CoqOo2jiqtGkeJFuLlEgtkk/s1600/category.png) no-repeat 0 2px;
padding-left:12px;
}
span.authem {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LOKACy0fY8M_6LAHG9rqen2Qlhw5tmvWkCsDFt_50FCGYwRIk-1LdTvm0Q0w3NSOzk0T62XxXDnyBUM6lg1UL3G-fo-1zVZsxFgsYt5zA5x60CqHAlC-1GrNX52dnm__e2HsA8vuCw4/s1600/user.png) no-repeat 0 2px;
padding-left:12px;
}
span.comments {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNl5UO1xEh78rqmfXwGaBPzAaIuQZko-cwlflrLeri75uwAyzxGNj2mc11tyoizQVGTQQMQHmjALq7qldXZ8piPtriL0av6Lr3KjWfJBI3r5bzC_lQGcQ45ltj6gl0SbgvWd7Vyhz7gw/s1600/comments.png) no-repeat 0 2px;
padding-left:14px;
}
.article {
background-color:#fff;
border-bottom:2px solid #ECE8D7;
border-right:2px solid #ECE8D7;
line-height:19px;
margin:0 0 15px;
padding:0 5px 15px 0px;
}
.article h2
{background-color:#303030;
padding:5px 10px 10px;
}
.article h2 a
{
color:#fff;
font-size:19px;
font-weight:700;
}
.article .post-content img{float:left;width:230px;height:auto;overflow:hidden;}
.article .post-thumb{float:left;margin:0px 10px 10px 0;width:190px;height:120px;overflow:hidden;}
.article .post-meta{float:right;width:400px;}
.article small,.article small a
{
color:#666;
text-transform:uppercase;
font-weight:bold;
padding-top:5px;
}
#articles h3, #sidebar .widget h2, h3.head_title
{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsBrVWt11usR5-9H40cFWXQNZTp-YGXulLQNO6WhfO4YW5_b8GEniguIeBVq6-hbEOHrV-fEMw8y1vCVRJNVDpWV9t_MTeHUzB5Fzx5hHmGC5N7P5fikZC5SIteAPX1B4qjMLWDbp4jk/s1600/title_back.gif);
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-weight:700;padding:8px 0 8px 10px;
text-transform:uppercase;
}
#articles ,#main
{
float:left;
width:610px;
}
.author
{
float:left;
width:110px;
}
.author img
{
border:1px solid #ccc;
display:block;
}
#categ
{
margin:0 auto;
padding:0;width:1000px;
text-align:left;
}
.tag-links {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4XXdI2DfHOPlLxkjnqEwEUdAMzHD-zGgXWXBdO-KWaigISq4PwyX2wUdcC8QWgPHwuJiMXOaMZzHxxv_swuVD6SoLB4yPXNS8Vxa48EpJcy4dnjmNRDFAxdpgGK9V01dHtSrwZ-_5hY/s1600/tag.png) no-repeat left 2px;
padding-left:20px;
height:18px;
float:left;
clear:both;
}
#socialicons
{
border-bottom:1px dotted #A0BDD4;
border-top:1px dotted #A0BDD4;
color:#4c4d50;
float:left;
margin:15px 0 0;
padding:1px 0 10px 0;
width:610px;
}
.social-networks {
margin:0;
padding:0;
list-style:none;
float:right;
}
.social-networks li {float:left;list-style:none;margin-left:5px;}
.social-icons-holder ul {margin:auto}
.social-networks a {
display:block;
width:43px;
height:43px;
text-indent:-9999px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gMexi7SbOaICqoEOjFCyvlUleTxxZWVRryS-ygXaQQe_j9kWSG_vzGeh2aR5cCPT1ira5W0trm-43UBCF__wTDJXRLqBxmi_oABA4nDse4QbglGlt7nEyvviGmcJnPVJMrL-cod9DjPZ/s1600/icon-soc.png) no-repeat;
}
.social-icons-holder { width: auto;float: right;}
.social-networks .facebook {background-position:-53px 0;}
.social-networks .pintrest {background-position:-107px 0;}
.social-networks .rss {background-position:-162px 0;}
.social-networks .twitter {background-position:-215px 0;}
.social-networks .vimeo {background-position:-269px 0;}
.social-networks .youtube {background-position:-324px 0;}
/* TAG CLOUD */
.tagcloud { }
.tagcloud a {padding:5px 8px 5px 8px; font-weight:400; margin: 0px -2px 1px 0px; display:inline-block; background:#222; color:#AAA; -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear; }
.tagcloud a:hover {background:#f88c00; color:#FFF; -moz-transition:.01s linear; -webkit-transition:.01s ease-out; transition:.01s linear;}
/* Tabbed Widget */
#tabs {
width:310px !important;
height:auto !important;
padding:0px;
background-color:#fff;
float:left;
display: block;
margin-bottom:5px;
}
.inside {
padding: 5px 5px 0; float: left; width: 300px;
}
ul.Uj-Tabs {
margin: 0 0 5px; padding:10px 10px 0; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsBrVWt11usR5-9H40cFWXQNZTp-YGXulLQNO6WhfO4YW5_b8GEniguIeBVq6-hbEOHrV-fEMw8y1vCVRJNVDpWV9t_MTeHUzB5Fzx5hHmGC5N7P5fikZC5SIteAPX1B4qjMLWDbp4jk/s1600/title_back.gif); list-style: none; height: 29px;
}
#tabs .widget h2{display:none;}
ul.Uj-Tabs li {
float: left; margin: 0 7px 0 0; padding: 0; height: 29px; line-height: 29px; overflow: hidden; position: relative; background: #343434; list-style-type: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;
}
ul.Uj-Tabs li a {
text-decoration: none; /* inactive tabs */ color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 0 10px; outline: none;
}
ul.Uj-Tabs li a.selected, ul.Uj-Tabs li a:hover {
background: #fff; /* active tab */
color: #000 !important;
}
#sub img {
float: right;
margin: 0 0 8px 8px;
}
.inside li {
border-bottom:1px solid #EEEEEE;
padding:8px;
}
.inside li img.avatar, .inside li img.thumbnail {
border: 1px solid #ddd;
padding: 3px;
background-color: #ffffff;
float: left;
margin: 0 8px 0 0;
}
#comments { margin: 15px 0; float: left; width: 600px; }
#comments h3 { font-size: 22px; color: #222; margin: 10px 0 0 0; clear: left; }
/* Search */
.search-block {
height:30px;
overflow: hidden;
float:right;
margin-left:5px;
}
.search-block:after{display: block;width: 0;height: 0;position: absolute;top: 14px;z-index: 2;right:30px;border: 4px solid transparent;border-right-color: #F88C00 ;}
.search-block #s {
background:#FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 70px;
color:#aaa;
border:0 none;
border-left:1px solid #ececec;
-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;
}
.search-block #s:focus {color:#333;width:150px;}
.search-block .search-button {
background:#f88c00;
cursor: pointer;
float: right;color:#fff;
height:30px;
width:30px;
display: block;
border:0 none;font-family:Oswald;
}
.search-block:hover .search-button, .search-block:hover #s {opacity:1;color:#444;}
.breadcrumb{display: inline-block;height: 12px;float:left;}
.breadcrumb {font-size:11px;padding: 3px 0 10px;color:#555;}
.breadcrumb a{color:#777;}
#sidebar{float:right;padding:0;width:310px;}
#sidebar .fb_col{float:left;padding:5px;margin:15px 0;}
#sidebar_left {
float:left;
width:140px;
}
#sidebar_right {
float:right;
margin-left:0px;
width:160px;
}
#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 5px;width:100%;
}
#ads li
{
border:none;
display:block;
float:left;
margin:0;
padding:0 5px 5px 0;
text-align:left;
width:125px;
}
.post .post_author {
background:#eee;
padding:10px 10px 5px 10px;
margin:10px 0;
font-family:"Droid Serif", Georgia, serif;
}
.post .post_author img {
float:left;
margin:0 7px 7px 0;
}
.post .post_author span {
font-size:14px;
display:block;
margin-bottom:5px;
}
.news_pictures {margin-bottom:30px;
}
.news_pictures .news_pictures_list {
overflow: hidden;
margin-bottom: -8px;
margin-right: -8px;
}
.news_pictures .news_pictures_list li {
float: left;
margin-right: 8px;
margin-bottom: 8px;width:95px; height:80px;
}
.news_pictures .news_pictures_list li a {
display: block;
}
.news_pictures .news_pictures_list li img {
padding: 4px;
border: 1px solid #eee;
}
.news_pictures .news_pictures_list li img {
width:85px; height:70px;
}
.tipsy {
padding: 5px; font-size: 11px;
opacity: 0.8; filter: alpha(opacity=80);
background-repeat: no-repeat;
background-image: url(http://3.bp.blogspot.com/-MDW5nyxmQdo/UMOxw7u-YTI/AAAAAAAADuM/nUmKXgsI55I/s1600/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.tip_text {
font-weight:bold;
}
/* Widgets */
#sidebar .widget { background: transparent; margin: 0 0 5px 0; }
#sidebar .widget ul{ background: #fff; border: 0px solid #e6e6e6; padding: 5px 10px 15px; }
#sidebar .widget ul li { line-height:20px;
border-bottom:1px dotted #ccc;
padding:4px 0 4px 0px; }
#sidebar .widget ul li a,#sidebar ul li a {font-weight:bold; text-align: left; }
.footer .grid_3 {
width: 220px;float:left; margin-right: 15px;
}
.footer .grid_3.last {margin-right: 0;}
.footer-bottom,.footer {
margin-left: auto;
margin-right: auto;
width: 980px;
}
#subscribe
{
float:left;
padding:20px 0;
width:280px;
}
#subscribe p {
padding:5px 0 8px 0;
}
/** Flick Widget **/
.widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; }
.widget-footer .flickr_stream img{ width:63px; height:50px; }
.widget .flickr_stream { overflow:hidden;}
.widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; }
.widget .flickr_stream img{ width:83px; height:65px; }
.footer .widget h2 { margin-bottom:0px; padding-bottom:10px;border-bottom:1px solid #222;;color:#fff; }
.footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; }
.footer-widget .social-widget li a { border:none; }
.footer .widget-content{padding: 10px 0;border-top:1px solid #444;}
/** FOOTER **/
.footer-widget { background:#333; color:#efefef; padding:0 15px 10px;border-bottom:1px solid #222;}
.footer-widget a{ color:#efefef; }.footer-widget a:hover{ text-decoration:none; }
.footer-widget p { color:#efefef; }
.footer-bottom { background:#1E1D1D; }
.footer-bottom .footer-bottomW{ padding:10px 15px 20px;border-top:1px solid #444;}
.widget-footer { padding:15px 0; }
.widget-footer .cat-item { width:50%; float:left; }
.widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;}
.widget-footer ul li { margin:0 0 10px 0; border-bottom: 1px dashed #5B5A59; }
.bottomNav-wrapper { overflow:hidden; }
.bottomNav { float:right; margin:0; }
.bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; }
.bottomNav li.selected a{font-weight:normal;color:#FF6100;}
.bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.bottomNav li a{ padding:0 0 0 20px; display:block; }
.logo-bottom{width:200px; float:left; padding-top:10px; overflow:hidden; }
.logo-bottom img{ float:left;width:200px;}
.credits { padding-top:5px; }
.credits p{ float:right; color:#efefef}
.credits a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }
.bottomNav a {font-family: 'Oswald'; }
.col_8{width:700px;float:right}
#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 a {
text-decoration:underline;
}
.blog-pager a,.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.blog-pager a:hover,.showpageNum a:hover {
background-color:#111;color: #fff;
border:1px solid #555;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#ccc;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;color: #fff;
}
.showpageNum a:link, .showpage a:link {
color:#333;
text-decoration:none;
}
.showpageNum a:hover, .showpage a:hover {
color:#fff;
text-decoration:none;
}
img.BandW {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.BandW.disabled {
filter: none;
-webkit-filter: grayscale(0%);
}
img.BandW:hover { filter: none;}
.social-networks li:hover{opacity:0.8}
.scrollTo_top {
position:fixed;
bottom:20px;
right:20px;
display:none;
}
.btn-tweet,.btn-like,.btn-plus {
float: left;padding-top:9px;
width:90px;
height:30px;
}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files/superfish.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/vertUj.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files/jCarouselLite.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/jquery.tipsy.js' type='text/javascript'/>
<script src='http://ujw.juplo.com/uongjw/files-2/jquery.prettyPhoto.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/-QwlK2Rb-nns/TvhNDtJ4RnI/AAAAAAAACak/TgSjOqStaNc/s1600/empty_thumb.gif";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts = 9;
numposts1 = 1;
numposts2 = 2;
numposts3 = 3;
numposts4 = 4;
numposts5 = 5;
numposts6 = 6;
numposts7 = 7;
numposts8 = 8;
numposts9 = 9;
numposts10 = 15;
numposts11 = 12;
label1 = "Feature";
Title1 = "slider";
label2 = "Islam";
Title2 = "Islam";
label3 = "Alam";
Title3 = "Alam";
label4 = "Pulau";
Title4 = "Pulau";
label5 = "Wisata";
Title5 = "Gallery Wisata";
label6 = "kota";
Title6 = "Kota";
label7 = "Feature";
Title7 = "label-7";
function removeHtmlTag(strx,chop){
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);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a href="'+posturl+'"><img width="50" height="40" class="alignleft" src="'+img[i]+'"/></a><a href="'+posturl+'">'+posttitle+'</a><p><small>'+daystr+' / '+pcm+' comments</small></p><div class="clear"></div></li>';
document.write(trtd);
j++;
}
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="items">');
for (var i = 0; i < numposts8; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="uj-vert"><a href="#"><img width="80" height="70" class="BandW" src="'+img[i]+'"/><span>'+posttitle+'</span></a><div class="clear"></div></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts8; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div><span class="featimg"><a href="'+posturl+'"><img width="520" height="300" class="slider" src="'+img[i]+'"/></a></span><span class="overlay">'+daystr+' ~ '+pcm+' comments<h3><a href="'+posturl+'">'+posttitle+'</a></h3><span class="info"></span></span></div>';
document.write(trtd);
j++;
}
}
function showrecentposts2a(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="195" height="120" class="Thumbnail thumbnail carousel " src="'+img[i]+'"/></a></div><p><a href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;
}
}
function showrecentposts3(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a href="'+posturl+'"><img width="65" height="50" class="Thumbnail thumbnail featured-cat-small " src="'+img[i]+'"/><div class="item"><h4>'+posttitle+'</h4></div></a></li>';
document.write(trtd);
j++;
}
}
function showrecentposts3a(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><div class="thumb"><a href="'+posturl+'"><img width="300" height="236" class="Thumbnail thumbnail featured-cat " src="'+img[i]+'"/></a></div><h4><a href="'+posturl+'">'+posttitle+'</a></h4><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></li>';
document.write(trtd);
j++;
}
}
function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = m+ ' ' + day + ' ' + y ;
var trtd = '<a href="'+posturl+'"><span> »</span>'+posttitle+'</a>';
document.write(trtd);
j++;
}
}
function showrecentposts7(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts11; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a title=" '+posttitle+' " href="'+posturl+'"><img width="90" height="70" title=" '+posttitle+' " class=" " src="'+img[i]+'"/></a></li>';
document.write(trtd);
j++;
}
}
//]]>
</script>
<style type='text/css'>
ul.w2b_recent_comments{list-style:none;margin:0;padding:0px;width:100%;}
.w2b_recent_comments li{ /*margin-top:-2px;*/display:block;clear:both;overflow:hidden;list-style:none;margin-bottom:10px;padding-bottom:10px;}
.w2b_recent_comments li:hover{}
.w2b_recent_comments li .avatarImage{float:left;height: 30px; width: 30px; top: 0px; left: 0px;position: relative; padding:3px; float:left;margin:0 7px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:0px;background:#fefefe;border:1px solid #555;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;background:#fefefe;}
.w2b_recent_comments li span{margin-top:4px;display: block;font-size: 12px;font-style: normal;line-height: 1.2;}
.w2b_recent_comments li a{font-weight:bold;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 4,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 20,
showMorelink = true,
moreLinktext = " more",
defaultAvatar = " ",
hideCredits = true;
//]]>
</script>
<script src='http://ujw.juplo.com/uongjw/files/recent-commentsgravatar.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($) {
////////////////////////// Fade Hover Effect /////////////////////////////////
$(".flickr_stream img, .fadeover, .attachment-thumbnail").hover(function() {
$(this).stop().animate({ opacity: '0.4'},300);
},function() {
$(this).stop().animate({ opacity: '1'},300);
});
// Images Tip
$('.news_pictures .news_pictures_list li a').tipsy({gravity: 's', fade: true});
$('.news_pictures_list li a').tipsy({gravity: 's', fade: true});
//scroll to top
$('.scrollTo_top').hide();
$(window).scroll(function () {
if( $(this).scrollTop() > 100 ) {
$('.scrollTo_top').fadeIn(300);
}
else {
$('.scrollTo_top').fadeOut(300);
}
});
$('.scrollTo_top a').click(function(){
$('html, body').animate({scrollTop:0}, 500 );
return false;
});
// UL = .Uj-Tabs
// Tab contents = .inside
var tag_cloud_class = '#tagcloud';
//Fix for tag clouds - unexpected height before .hide()
var tag_cloud_height = jQuery('#tagcloud').height();
jQuery('.inside ul li:last-child').css('border-bottom','0px'); // remove last border-bottom from list in tab content
jQuery('.Uj-Tabs').each(function(){
jQuery(this).children('li').children('a:first').addClass('selected'); // Add .selected class to first tab on load
});
jQuery('.inside > *').hide();
jQuery('.inside > *:first-child').show();
jQuery('.Uj-Tabs li a').click(function(evt){ // Init Click funtion on Tabs
var clicked_tab_ref = jQuery(this).attr('href'); // Strore Href value
jQuery(this).parent().parent().children('li').children('a').removeClass('selected'); //Remove selected from all tabs
jQuery(this).addClass('selected');
jQuery(this).parent().parent().parent().children('.inside').children('*').hide();
jQuery('.inside ' + clicked_tab_ref).fadeIn(500);
evt.preventDefault();
})
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var classicMode = false ;
var summary = 65;
var indent = 3;
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}
function getSummaryImproved(post,max){
var re = /<.*?>/gi
var re2 = /<br.*?>/gi
var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
post = post.replace(re4,'')
post = post.replace(re3,'<br /> ').split(re2)
for(var i=0; i<post.length; i++){
post[i] = post[i].replace(re,'');
}
var post2 = new Array();
for(var i in post) {
//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
}
var s = "";
var indentBlank = "";
for(var i=0;i<indent;i++){
indentBlank += " ";
}
if(post2.join('<br/>').split(' ').length < max-1 ){
s = post2.join(indentBlank +' <br/>');
} else {
var i = 0;
while(s.split(' ').length < max){
s += indentBlank + ' ' + post2[i]+'<br/>';
i++;
}
}
return s;
}
function createSummaryAndThumb(pID,title,url,date,comment){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (/<!--\s*more\s*-->/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
}
else {
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary;
if(img.length>=1) {
imgtag = '<div class="post-thumb"><a href="'+posturl+'"><img width="190" height="120" class="fadeover thumbnail" src="'+img[0].src+'"></a></div>';
}
var summary1 = '<div class="post-content">'+imgtag+'<p>'+stripHtmlTags(content,summary)+'...</p></div>';
div.innerHTML = summary1;
div.style.display = "block";
}
}
//]]>
</script>
<style>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
#frontpage {
display:none;
visibility:hidden;
}
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#singlepage {
display:none;
visibility:hidden;
}
</b:if>
</style>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{margin-top:0px;margin-left:2px;float:left;width:600px;padding-top:0px;
padding-left:0px;background:none;height:100%;
min-height:100%;border-bottom: 0px solid #ddd }#related-posts a:hover {
background-color:#f0f0f0;
} #related-posts h1{background:none;color:#333;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-size:16px;font-weight:normal!important;padding:3px 10px 4px 10px}
</style>
<script type='text/javascript'>
//<![CDATA[
//Script by uong jowo
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.gform_foot.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/-QwlK2Rb-nns/TvhNDtJ4RnI/AAAAAAAACak/TgSjOqStaNc/s1600/empty_thumb.gif';
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
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('<h1>'+relatedpoststitle+'</h1>');
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 0px #ddd;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:135px;height:120px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:135px;padding-left:5px;height:50px; margin:0; padding: 5px 0; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; 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><!--Related Posts with thumbnails Scripts and Styles End-->
</head>
<body>
<div class='background-grid'>
<div id='page-wrap'>
<div id='header-wrapper'>
<div id='header'>
<div class='datetime'>
<script type='text/javascript'>
var d = new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script>
~
<script type='text/javascript'>
var d = new Date()
document.write(d.getHours())
document.write(".")
document.write(d.getMinutes() + 1)
document.write(".")
document.write(d.getSeconds())
</script>
</div>
<div class='search-block'>
<form action='/search' id='searchform' method='get'>
<input class='search-button' type='submit' value='GO'/>
<input id='s' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' type='text' value='Search...'/>
</form>
</div><!-- .search-block -->
<div class='clear'/>
<b:section class='logo' id='logo' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='70L (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div 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:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "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/>
<!--Show the image only-->
<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>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<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:widget>
</b:section>
<div id='headerright'>
<div class='social-networks'><div class='social-icons-holder'> <ul>
<li><a class='google' href='https://plus.google.com/'>google</a></li>
<li><a class='facebook' href='http://www.facebook.com/'>facebook</a></li>
<li><a class='youtube' href='#'>youtube</a></li>
<li><a class='rss' href='http://feeds.feedburner.com/'>rss</a></li>
<li><a class='twitter' href='http://twitter.com/'>twitter</a></li>
</ul>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<b:section id='banner3' showaddelement='yes'>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML80' locked='false' title='adsbanner' type='HTML'>
<b:includable id='main'>
<div id='adspot'>
<!-- Ad1 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad2 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad3 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<!-- Ad4 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjgRYWwNtvayjuCGWTm5UqqRUfBedV7X7XYX90dUoCU_GGr0T98SIG1A3odOxMzlB6d0Q8c2z0-RfBIEc46nHnTQZNBQYngkNTr3K4refNoWL1GLmsWHbtQYg8iO6ooQMpPsAvM9iKXJU/s1600/advertise+125x125.png'/></a>
<div class='clearer'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Image3' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogArchive3' locked='false' title='Archives' 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>
<b:loop values='data:data' var='i'>
<li class='archivedate' style='border-bottom:1px dotted #dadada;'>
<a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</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' expr:title='data:i.name'><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='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:title='data:i.name' expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</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' expr:title='data:i.title'><data:i.title/></a></li>
</b:loop>
</ul>
</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:widget>
<b:widget id='HTML3' locked='false' title='Subscribe Now!' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.pageType != "error_page"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.pageType != "error_page"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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> <!--/#righthead -->
<div class='clear'/></div><!--/#header -->
<div class='clear'/>
<div id='primary-nav'>
<ul class='nav superfish'>
<li class='first'><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li class='page_item'><a href='/p/about.html' title='About'>About</a></li>
<li><a href='/p/java-story.html' title='Java'>Java Story</a></li>
<li><a href='/p/culture.html' title='culture'>Culture</a></li>
<li><a href='/p/privacy-policy.html' title='About'>PRIVACY POLICY</a></li>
<li class='page_item'><a href='/search/label/' title='Category'>Category</a>
<ul class='children'>
<li class='page_item'><a href='/search/label/ragam?&max-results=10' title='Category'>RAGAM</a></li>
<li class='page_item'><a href='/search/label/budaya?&max-results=10' title='Category'>BUDAYA</a></li>
<li class='page_item'><a href='/search/label/lewat?&max-results=10' title='Category'>LEWAT</a></li>
</ul></li>
<li class='page_item'><a href='/search/label/' title='Category'>TOP LINE</a>
<ul class='children'>
<li class='page_item'><a href='/search/label/story?&max-results=10' title='Category'>STORY</a></li>
<li class='page_item'><a href='/search/label/tokoh?&max-results=10' title='Category'>TOKOH</a></li>
<li class='page_item'><a href='/search/label/hiburan?&max-results=10' title='Category'>HIBURAN</a></li>
<li class='page_item'><a href='/search/label/wisata?&max-results=10' title='Category'>WISATA</a></li>
<li class='page_item'><a href='/search/label/musik?&max-results=10' title='Category'>MUSIK</a></li>
</ul></li>
</ul>
</div> <!-- /#primary-nav -->
<div class='clear'/>
</div> <!--/#headerwrap -->
<div class='clear'/>
<div id='main-wrap'>
<div id='content-wrap'>
<div id='headlines'><div class='right_arrow'/>
<div class='htick'>
<div class='htick-text'>
<marquee behavior='scroll' bgcolor='' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script></marquee>
</div>
</div>
</div> <!--End headlines-->
<br/><div class='clear'/>
<div id='frontpage'>
<div id='feature'>
<div id='panes'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</div> <!--end #panes-->
<div id='featnavi'>
<h3>Feature news</h3>
<div id='prev_btn'/>
<div id='navi'>
<div class='scrollable'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
</div> <!--end #navi-->
<div id='next_btn'/>
</div>
</div> <!--end #feat-->
<script type='text/javascript'>
$(function() {
$("#navi ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 900, rotate: true
}).slideshow({ clickable: false, autoplay: false, interval: 4000
});
jQuery(".tabs").tabs(".slide li", {event:'mouseover', effect: 'fade'});
$("#navi .scrollable").UjCar_vert({auto:0, scroll: 2, speed: 500, visible: 4, start: 0, circular: false, UjPrev: "#prev_btn", UjNext: "#next_btn"});
});
</script>
</div><!-- END frontpage -->
<div id='articles'>
<div id='frontpage'>
<div class='category-widget half'>
<h2><script>
document.write('<a href="/search/label/'+label2+'?max-results=10">'+Title2+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='category-widget half bright'>
<h2><script>
document.write('<a href="/search/label/'+label3+'?max-results=10">'+Title3+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div class='category-widget'>
<h2><script>
document.write('<a href="/search/label/'+label4+'?max-results=10">'+Title4+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label4+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label4+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div class='news_pictures'>
<h2><script>
document.write('<a href="/search/label/'+label5+'?max-results=10">'+Title5+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='news_pictures_list'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label5+"?max-results="+numposts11+"&orderby=published&alt=json-in-script&callback=showrecentposts7\"><\/script>");
</script>
</ul>
</div> <!--news_pictures-->
<div class='clear'/>
<div class='category-widget full'>
<h2><script>
document.write('<a href="/search/label/'+label7+'?max-results=10">'+Title7+'</a>');
</script>
<div class='article-rss'><a class='article-rss-icon' href='#'>
</a></div>
</h2>
<div class='clear'/>
<ul class='slide'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label7+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3a\"><\/script>");
</script>
</ul>
<ul class='tabs'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label7+"?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div><!-- ./category-widget -->
<div class='clear'/>
<div id='mediabar'>
<h2>Editorial</h2>
<div id='previous_button'/>
<div id='next_button'/>
<div class='container'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label6+"?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts2a\"><\/script>");
</script>
</ul><div class='clear'/>
</div>
<div class='clear'/>
</div><!-- /.mediabar -->
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#mediabar .container").jCarouselLite({
auto:0,
scroll: 1,
speed: 400,
visible: 3,
start: 0,
circular: false,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</div><!-- END frontpage -->
<div id='singlepage'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</b:loop><div class='clear'/>
<b:include name='nextprev'/>
</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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='comment-form' var='post'>
<div class='sep'/>
<div id='respond'>
<h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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>
</div>
<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 cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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='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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-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;'/>
</a>
<div class='mobile-index-comment'>
<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>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</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'>&lsaquo;</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'>&rsaquo;</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='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> <span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void();'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span class='tooltip' 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 class='tooltip' 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>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post hentry '>
<div class='breadcrumb'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop> »
<data:post.title/>
</div>
<div class='clear'/>
<h1 class='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>
</h1>
<div class='post-meta'><span class='authem'> <data:post.author/></span>
<span class='category'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span>
<span class='date'><data:post.timestamp/></span>
<span class='comments'><data:post.numComments/> Comments</span>
</div>
<div class='clear'/>
<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
<div class='clear'/>
<small><span class='tag-links'>Tags:<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span></small>
<div class='clear'/>
<div id='socialicons'><!-- AddThis Button BEGIN -->
<b:include data='post' name='shareButtons'/>
<!-- AddThis Button END --></div>
<div class='clear'/>
<div class='post_author'>
<img alt='' class='avatar avatar-70 photo' height='70' src=' ' width='70'/> <span>Author: <data:post.author/></span>
Share a little biographical information to fill out your profile.<div class='clear'/>
</div>
<div class='clear'/>
<h2 class='purple'>Related Posts</h2>
<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=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=4;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
<div class='spacer'/>
</div>
<div class='clear border'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<div class='clear'/>
<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div> </div>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post'>
<div class='breadcrumb'> Page : <data:post.title/>
</div>
<div class='entry'>
<h2>
<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>
</h2>
<p><data:post.body/></p>
<div class='clear'/>
<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div>
</div></div>
<b:else/>
<div class='article'>
<h2 class='title'><a expr:href='data:post.url'><data:post.title/></a></h2>
<div class='post-meta'>
<span class='authem'> <data:post.author/></span>
<span class='category'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=7"' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></span> <span class='date'><data:post.timestamp/></span> <span class='comments'><data:post.numComments/> Comments</span>
<div class='clear'/>
<b:include data='post' name='shareButtons'/>
</div>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.author/>","<data:post.numComments/>","<data:post.timestamp/>");</script>
<div class='clear'/>
</div>
</b:if>
</b:if>
</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='shareButtons' var='post'>
<div class='btn-tweet'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related=' ' data-via=' ' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if>
</div><!-- .btn-tweet -->
<div class='btn-like'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=32"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:32px;'/>
</div><!-- .btn-like -->
<div class='btn-plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='medium'/>
</div><!-- .btn-plus -->
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='breadcrumb'><data:navMessage/></div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<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/>
<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='threaded_comment_css'>
<style>
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.5em;
}
.comments .comments-content {
font-size: 12px;line-height: 1.5em;
margin-bottom: 16px;font-family: Tahoma, Sans-Serif;
}
.comments .comment .comment-actions a {
padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff;
}
.comments .comment .comment-actions a:hover {
text-decoration:underline;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 7px 0 30px;
text-align: left;line-height: 1.7em;
}
.comments .comments-content .comment-thread ol li.comment{ list-style-type: none;margin-bottom:20px;padding:15px 15px 10px;border-bottom: 1px dotted #A5ACB9;}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 36px;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal; font-size: 12px;
font-weight:bold;margin-left:0px;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-right:6px;color:#999; font-style:italic; font-size:11px;float:right;
}
.comments .comments-content .comment-header{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLNh2dIh9BnAwQo0D1ImeBu2JEQ9aEcENzND5cDBLACOLPxCOyObeuDM6MTh31H3WAcCA8B39tRcFS7GKOWnvBe5CSxbfyN6523U2Xuc7HSuIg6N5bkIG7YxNJ_C0izBveASXy8EvlKT2/s1600/divider.png) repeat-x bottom;display:block;padding:0 0 7px;margin:0 0 7px;height:18px;}
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:justify;line-height: 1.7em;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 0px;border-left: 1px solid #CCCCCC; padding-left: 10px;
margin-left: 58px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments li .avatar-image-container {
float: left;
width: 47px;border:1px solid #ddd; padding:2px;background:#fff;
max-height: 47px;position: relative;
overflow: hidden;
}
.comments li .avatar-image-container img {
max-width: 47px;
height: 47px;margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.comments .comment-block {
margin-left: 58px;
position: relative;padding:10px;
}
/* Responsive styles. */
@media screen and (max-device-width: 470px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
</style>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div><!-- END singlepage -->
</div><!--End articles-->
<div id='sidebar' style='width:310px;float:right;'>
<div id='tabs'>
<ul class='Uj-Tabs'>
<li class='latest'><a href='#tab-1'>Recent</a></li>
<li class='comm'><a href='#tab-2'>Comment</a></li>
<li class='popular'><a href='#tab-3'>Popular</a></li>
<li class='sub'><a href='#tab-4'>Tags</a></li>
</ul>
<div class='clear'/>
<div class='boxes box inside'>
<ul class='list' id='tab-1'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></ul>
<ul class='widget_tag_cloud widget' id='tab-2'>
<script src='/feeds/comments/default?alt=json-in-script&callback=w2b_recent_comments'/>
</ul>
<ul class='popular-posts' id='tab-3'>
<b:section class='popular-posts' id='footerlinks29' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Post' 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"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<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/>
<!-- (4) Show snippets and thumbnails -->
<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:section></ul>
<ul class='list widget' id='tab-4'>
<b:section class='widget_tagcloud' id='footerlinks7' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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></ul>
</div><!-- END boxes -->
<div class='clear'/>
</div><!-- END tabs -->
<div class='clear'/>
<div class='fb_col'>
<div class='fb-like-box' data-header='false' data-height='255' data-href='http://www.facebook.com/pages/Uong-Jowo/334650446576072' data-show-faces='true' data-stream='false' data-width='300'/>
</div>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='clear'/>
<b:section id='sidebar14' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='sidebar_left' style='float:left;width:130px;'>
<b:section id='sidebar3' showaddelement='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='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='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='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='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:widget>
</b:section>
</div>
<div id='sidebar_right' style='float:right;width:160px;'>
<b:section id='sidebar5' showaddelement='yes'>
<b:widget id='Label2' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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='clear'/>
</div><!-- END sidebar -->
<div class='clear'/>
</div><!-- END contentwrap -->
<div class='clear'/>
</div><!-- END mainwrap -->
<div class='clear'/>
<div class='footer'>
<div class='footer-widget'>
<div class='grid_3'><div class='widget-footer'><div class='widget'><h2>Flickr Stream</h2></div>
<div class='flickr_stream widget-content'>
<script src='http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&layout=x&source=all_tag&tag=travel&size=s' type='text/javascript'/>
</div></div></div>
<div class='grid_3'>
<b:section class='tagcloud widget-footer' id='footerlink3' showaddelement='yes'>
<b:widget id='Label3' locked='false' title='Labels' 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 + "?&max-results=7"'><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 + "?&max-results=7"'><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='grid_3'>
<div class='widget-footer'><div class='widget'><h2>Comments</h2></div>
<div class='widget-content'><ul>
<script src='/feeds/comments/default?alt=json-in-script&callback=w2b_recent_comments'/>
</ul></div>
</div>
<b:section class='widget-footer' id='footerlink4' showaddelement='yes'/>
</div>
<div class='grid_3 last'>
<b:section class='widget-footer' id='footerlink5' showaddelement='yes'/>
</div>
<div class='clear'/>
</div><!-- END footer-widget -->
<div class='clear'/>
</div><!-- END footer -->
<div class='footer-bottom'>
<div class='footer-bottomW'>
<div class='logo-bottom'>
<a href='/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg43xlm2YnfuSEqFPYByHBTLjJUX3121QmNkgp52NIQxvk6JkN12atTSkxQPdjrfM8itjVlgQOS-wlgCaf_1svRUCHAM0LTgrWBOj65s9kvbTKSCf-qMnVdCZqQ4CtBcNz9P45vP29cagcm/s1600/trendmag.png'/></a>
</div>
<!-- End Footer Logo -->
<div class='col_8'>
<div class='bottomNav-wrapper'>
<ul class='bottomNav' id='menu-bottom-menu'><b:section id='Pages' showaddelement='yes'>
<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'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<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:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section></ul>
</div>
<div class='clear'/>
<div class='credits'><p>Copyright © 2013, <a href='/'><data:blog.title/></a> Designed By <a href='http://uongjowo.blogspot.com'>Uong Jowo</a> Publisher <a href='http://ketemplate.com'>ketemplate.com</a></p></div>
</div><!-- END grid_7 -->
<div class='clear'/>
</div><!-- End grid -->
<div class='clear'/>
</div><!-- End Footer Bottom -->
<div class='clear'/>
</div><!-- END WRAPPER -->
</div><!-- END bgGrid -->
<script type='text/javascript'>
var pageCount= 8;
var displayPageNum= 5 ;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='http://ujw.juplo.com/uongjw/files/pagenumbr.js' type='text/javascript'/>
<script type='text/javascript'>
var rps_ht = 200 </script>
<div class='scrollTo_top'>
<a href='#' title='Scroll to top'>
<img alt='Scroll to top' src='http://2.bp.blogspot.com/-ECOCllTBil0/UMOyDxKVS9I/AAAAAAAADuY/z0mQVQSpKNY/s1600/up.png'/>
</a>
</div>
</body>
</html>