~ belajar berbagi

<?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'>

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

<b:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='index,follow' name='robots'/>
<meta content='new laptop info, lenovo, thinkpad, dell, laptop review and netbook, notebook' name='description'/>
<meta content='laptop,laptops,new laptop,laptop specs,netbook,notebook' name='keywords'/>
<b:else/>
<meta content='noindex,follow' name='robots'/>
</b:if>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Tricks-Collections Template V2
Date: 06 May 2010
----------------------------------------------- */
#navbar-iframe {display: none; height: 0 !important; visibility: hidden;}

/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#2E2E30;margin:5px auto;font:normal 12px "Verdana", sans-serif;color:#000000;line-height:1.5;}
a{color:#0441C8;text-decoration:none;outline:none;}
a:hover, a:active{color:#174271;text-decoration:underline;}

blockquote{border-left:5px solid #ddd;margin:10px 20px;padding-left:7px;font:italic 1em/1.5 Georgia, Times, serif;}

input, button, textarea, select{ font:normal 12px/12px "Verdana", sans-serif;color:#535353;vertical-align:middle;}
legend{display:none;}
fieldset{border:none;}
img{border:0;}

/* wrapper */
#wrapper{width:920px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:#fff;}

/* Header */
.header{width:900px;padding:0 10px 0px 10px;position:relative;height:75px;}
h1.logo{margin:10px 0 0 0;padding:0;width:600px;font-size:200%;}
h1.logo a{padding:0 0 0 5px;width:600px;text-transform:uppercase;color:#000;}
.descriptionwrapper {margin:0 0 0 7px;padding:0;width:600px;font-size:100%;}

/* Search */
.search{width:250px;position:absolute;right:0;bottom:30px;padding:11px 20px 0 0;}
.search form{float:right;margin-right:0;}
.search input{float:left;background:url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/search-input.png) no-repeat;border:none;padding:8px 0 7px 18px;width:182px;color:#000066;font-weight:bold;}
.search button{float:left;background:url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/search-button.png) no-repeat;width:44px;height:29px;border:none;cursor:pointer;color:#fff;vertical-align:middle;padding:2px 5px 5px 0;font:bold 12px/12px "Verdana", sans-serif;}

/* Top Menu */
.menu{width:880px;margin:0 20px;border:0 solid #403f3f ;background:#1A1A1C;overflow:hidden;border-bottom:1px solid #DF2F00;}
/**/ * html .menu{height:1%;} /* */
.menu ul, .menu li{float:left;list-style:none;margin:0;padding:0;}
.menu li a{display:block;margin:0;padding:7px 10px;color:#ffffff;text-decoration:none;font-weight:bold;}
.menu li a:hover{background-color:#2A2A2A;}
.selected{background-color:#2A2A2A;}

.topadsense{width:860px;margin:0 20px;background:#555;padding:3px 10px 4px 10px;color:#eee;}
.topadsense a{color:#fff;}

#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}

/* layout */
#main{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBYiVAf7l1_2NDXg0tNsvLllGG8rtUtob_9JVzwi0OxfVX9KCPKoXzYCL6gabWJRqYLGK68eAbsScmBJYSuzaWXz80aysbJLknREzGIodI-_IZpjJ2q9YL8R9rSmNNmFIh7omkayiBSA/s1600/bg-content.gif) repeat-y;margin:10px 0;}
#content{margin:0;width:550px;float:left;margin:0;padding:0 15px 0 20px; line-height:150%;}
.post{padding:0;text-align:justify;}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}

/* CONTENT */
#content h2{color:#000;text-align:left;font:normal 23px/23px Arial, sans-serif;letter-spacing:-1px;padding:0;margin:0;}
#content h2 a{color:#000;text-decoration:none;}
#content h2 a:hover{color:#DF2F00;}

#content h3, #content h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:0;}
#content h3 a{color:#111;text-decoration:none;}
#content h3 a:hover{color:#DF2F00;text-decoration:none;}

/* separator */
.seperator{display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB1OhweoaieiuI9MOjARdh-L5Dm-O6cXYUEmuBlcOH7D5J1wd4-3iu0m38asmkw7QuGIkUdZ9Nfo_z3uZiPmhphLyR8fY6tC7Txj9iR4PO-sxVnrG1K_vjsWSAuCsETqPNohC2h3mqqpc/s1600/dot.gif) repeat-x 0 center;height:10px;clear:both;}

.under, .info{ margin-top:5px; font-size:11px;height:18px;line-height:18px;}
.categories{background:url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/archives.gif) 0 center no-repeat;padding:0 0 0 20px;float:left;}

.jump-link {padding:0 0 0 20px;float:right;font-weight:bold;font-size:12px;}

#content .under a, #content .info a{color:#666;text-decoration:none;}

/* table setting for content only*/
#content table{background:#FFF;border:1px solid #CCC;border-collapse:collapse;margin:5px 0 10px;}
#content th, #content td{border:1px solid #CCC;padding:5px 10px;text-align:left;vertical-align:top;}
#content tr.even td{background:#F7F7F7;}
#content th{background:#EDEFF0;}
.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:0;margin:0px 0 10px 0;}

.post{padding-bottom:20px;}
.post ul{list-style:none;margin:0px 0 10px 0;}
.post ul li{padding-left:33px;position:relative;background:url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/p-con-li.png) no-repeat 15px 3px;}
.post ol {padding:10px 0;}
.post ol li{margin:0 0 0 35px;position:relative;}

/* Related Post */
#content .related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}
#content .related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
#content .related_posts a{color:#000;}
#content .related_posts ul{padding:0;}
#content .related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/star.gif) no-repeat 0 7px;}

/* SIDEBAR */
#sidebarwrap .module, #sidebarwrap .subscribe{margin-bottom:5px;padding:0 0 5px 0;width:300px;}
#sidebarwrap .widget{margin-bottom:5px;padding:0 0 5px 0; line-height:150%;}
#sidebarwrap .widget h3{color:#111;font:bold 15px/15px Arial, sans-serif;padding:7px 0 5px 14px;background:#333333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZemuN0YGCi_QrVFikdOr6G4v4b4XduCfV1ZNeLPXAVVjBnPD9OPx0bygKyl7qqdT0IKo3dQmjcGkeR65i-oyeL-mMUhlLx4Ez1xyfrR9PKsZ_Yw54SQS-u7KWEULMF7RVKtYJ9Hl-g/s1600/h5.gif) 0 0 repeat-y;color:#fff;text-transform:uppercase;}

#sidebarwrap p{padding:2px 0;margin:2px 0;}

#sidebarwrap .widget ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .widget ul li{padding:5px 0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-mVoNcXtnH5PXy5swKlRFClqIziQrs2q5H1yhFcIyZuSpoAB-Hg0ahBKwukP6oTAbBmXcNirjDc9LdewhWpFp6Wr6gkQ1uuVoVvzLtvLOkh4Xtar6hCQaYMB2uL1Y9c22TUZAKsR1w/s1600/dot.gif) repeat-x 0 100%;color:#000000;font-weight:normal;}
#sidebarwrap .widget a{color:#000000;}

/* Label */
#sidebarwrap .Label ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .Label ul li{padding:5px 0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-mVoNcXtnH5PXy5swKlRFClqIziQrs2q5H1yhFcIyZuSpoAB-Hg0ahBKwukP6oTAbBmXcNirjDc9LdewhWpFp6Wr6gkQ1uuVoVvzLtvLOkh4Xtar6hCQaYMB2uL1Y9c22TUZAKsR1w/s1600/dot.gif) repeat-x 0 100%;color:#000000;font-weight:normal;width:142px;float:left;margin:0 3px;}
#sidebarwrap .Label ul li a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMEBWXJ1m4Efb4JgN-SoTjx9jbIwdW64tuT5rsOpQgSsEhPKBeDZhOHjCnE_6djH0qK05B2n1uiuJVrxv5a8ehZZAXL7ASfsc2YKPJ5Ckw2munNZHrUA-rlsKhJkEDvnBFEUrPP90Hw/s1600/sidebar-icon.gif) no-repeat 0 3px;padding-left:12px}

#ArchiveList {padding:0 0 0 20px;}
#ArchiveList ul li {padding:3px 0;}

#sidebarwrap .LinkList ul{padding:0;margin-bottom:5px;}
#sidebarwrap .LinkList ul li{list-style:none;padding:3px 0 3px 19px;line-height:15px;background:transparent url(http://i276.photobucket.com/albums/kk1/sandi2002/Tricks%20Theme/blogroll.gif) 0 3px no-repeat;border-bottom:dashed 1px #f5f5f5;}

/* Footer */
.footer{background:#fff;width:880px;padding:0 20px 20px 20px;overflow:hidden;margin:0 auto;}
.footer hr{border-left:none;border-right:none;border-top:2px solid #222;border-bottom:none;height :1px;display:block;margin-bottom:10px;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#333;font-weight:normal;text-decoration:none;}

/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;}
.clearfix{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* Comments
----------------------------------------------- */
#comments h4 { color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;border-bottom:solid 1px #d7d7d7;padding:20px 0 10px 0;margin-bottom:10px;}

#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
padding-left:20px;
font:bold 14px/14px Arial, sans-serif;
}

#comments-block .comment-body {
margin-top:0;
padding-left:0;
padding-top:10px;
}

#comments-block .comment-footer, #comments-block .comment-footer a{
font-size:11px;
margin:0 0 10px 0;
padding-bottom:5px;
padding-left:0;
text-transform:none;
color:#aaa;
}
#comments-block .comment-footer{border-bottom: solid 1px #ccc;}

#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
margin-top: 20px;
padding-top:20px;
text-align: center;
border-top:1px solid #cccccc;
}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}

#comments .form-comment {width:550px;}
#comments .form-comment iframe {width:550px;margin:0;padding:0;}

.clear{clear:both;}

/* Sponsor */
#sidebarwrap .sponsor{padding:3px 0;margin:0;text-align:center;border:#ccc 1px solid;}
#sidebarwrap .sponsor img{padding:5px;margin:3px;border:#ddd 1px solid;background:#fefefe;}

/* FORM */
.inputbox{padding:3px;font-family:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;border: 1px solid #999;}
.button{padding:2px 5px;border: 1px solid #999; color: #000; background:#eee;}

.thumbimg{float:left;margin:4px 10px 0 0px;border:1px solid #eee;padding:5px;}

/* social media buttons on post page */
#content .socialmedia-post h3{color:#0441C8;padding:0 0 7px 0;}
.socialmedia-post ul{ height:30px;padding:0 !important;margin: 0 auto;}
.socialmedia-post ul li{ padding: 0 15px 0 0;margin:0;float:left;list-style:none;background:none;}
.socialmedia-post ul li .last{ padding:0;margin:0}
.stumblebutton {padding:0;margin:1px 0 0 0;}

.forads a{font-weight:bold;}
.PostDate {color:red;}
]]></b:skin>

</head>

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span class="thumbimg"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" /></span>';
summ = summary_img;
} else {
imgtag = '<span class="thumbimg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Ls4JXUIpsRuJEjbIvXqV9v6l0ZMJENn4tD_TxdFgfELLl767c9bfdLsSU7mpS_7InUkY7LI7-0gz0GgSElhVqByMdD78WcW1sGRB9smvVgGNqkHKvfcPeUm2PUd0UyHwRRhQDkOP4vc/s1600/noimages.gif" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></span>';
summ = summary_img;
}

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

//]]>
</script>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div class='header'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Fauzan Blog (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

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

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

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

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='logo'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

</div>

<div class='menu'>
<b:section id='topmenu' maxwidgets='1' preferred='no' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<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>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clearfix' id='main'>

<div id='content'>

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

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

<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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
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) {
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = feed;
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 == authorName
&& comment.author.profileUrl == authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

var tok = 'comment-form_';
var hash = window.location.hash || '';
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

// Configure commenting API:
var configJso = {
'maxDepth': 2
};
var provider = {
'id': postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'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='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='mobile-main' var='top'>

<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='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<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>
</b:if>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='forads'><data:post.body/></div>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>

<div class='under'><span class='categories'>
<strong>Categories</strong>:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</span> <b:include data='post' name='postQuickEdit'/>

<b:if cond='data:blog.pageType != "item"'>
<span class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</span>
</b:if>

</div>

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

<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='form-comment'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='300' id='comment-editor' name='comment-editor' src='' width='100%'/>
<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_comments' var='post'>
<b:include name='threaded_comment_css'/>

<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: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='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>
<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>
</div>

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

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

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

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 13px;
margin-bottom: 16px;
}
.comments .comment .comment-actions a {
padding-top: 5px;
padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: left;
}
.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-weight:bold;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:justify;
}
.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: 5px;
margin-left: 48px;
}
.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 .avatar-image-container {
float: left;
width: 36px;
max-height: 36px;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
</style>
</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-index-arrow'>&rsaquo;</div>

</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

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

<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>
</b:if>

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

</div>

<div id='sidebarwrap'>
<div style='margin:0; padding:0'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='My YM Status' type='HTML'>
<b:includable id='main'>

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

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Category' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h3><data:title/></h3>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Blogrol' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h3 class='title'><data:title/></h3>
</b:if>

<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:section>

</div>
</div>

<div class='footer'>
<hr style='display:block;'/>
<p>Copyright © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.</p>
<p><a href='http://tricks-collections.com/tricks-collections-seo-friendly-wordpress-theme-v2/' title='SEO friendly, Adsense ready themes'>Tricks-Collections Themes</a> created by <a href='http://tricks-collections.com/' target='_blank'>Tricks-Collections.Com</a></p>
</div>

</div>

</body>
</html>

belajar berbagi

Selasa, 22 April 2014

Tidak ada komentar:

Posting Komentar

Awesome !

Random Post

MembuatTulisanTerbalik

Site Info

carousel

MembuatTulisanTerbalik

Pages

Popular Posts

Blog Archive

About Me

Followers

Archives

Postingan Populer