<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='htt p://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/gm l/expr'>
<head>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-sc ale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<!-- Title Tag -->
<meta content='Free medical references for PC (skyscape) and Android' name='desc ription'/>
<meta content='teksmedik, skyscape, medical ebook, android medical, medicine, de ntistry, kedokteran, davidson, oxford' name='keywords'/>
<meta content='teksmedik' name='author'/> <meta content='index, follow' name='robots'/> <meta content='7 days' name='revisit-after'/> <!-- medical, ebook, android -->
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Mobile version</title> <meta content='noindex,nofollow' name='robots'/> <b:else/>
<title><data:blog.pageTitle/></title> </b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'> <title>Archieve for <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/> <b:else/>
<b:if cond='data:blog.pageType == "error_page"'> <title>Page not found</title>
<b:else/>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.isMobile'> <title><data:blog.pageName/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <b:else/> <title><data:blog.pageName/></title> </b:if> </b:if> </b:if> </b:if> <!-- Meta Tag -->
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='styleshe et' type='text/css'/>
<b:skin><![CDATA[/*
---Blogger Template Style
Name: Simple Flat v2 Designer: Mas Sugeng
URL: www.mas-sugeng.com --- /* Variable definitions ==================== */ /* Content */ #navbar-iframe,.status-msg-wrap,.post-feeds,.feed-links,.Attribution,.date-heade r{display:none}
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus {
} a:link { transition: color 0.4s; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -o-transition: color 0.4s; outline:none; color:#1e598e; text-decoration:none; } a:active, a:hover { color:#C80441; text-decoration:none; outline:none; } a:visited { color:#1e598e; text-decoration:none; outline:none; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000;
} p, pre { margin: 1em 0; } code, kbd, pre, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 3em; } menu, ol, ul { padding: 0 0 0 3em; } nav ul, nav ol { list-style: none;
list-style-image: none; } img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } button, input { line-height: normal; /* 1 */ } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } /* ELEMENTS */ body { font-family:Arial, sans-serif; font-size:100%; background:#fff; } #header-wrapper { max-width:980px; } #wrapper { max-width:980px; margin:0px auto 10px; padding:0; } #content-wrapper { overflow:hidden; background:#D0E2F2; } #post-wrapper { background:transparent; margin:0; padding:0; float:left; max-width:66%; } #sidebar-wrapper { background:transparent; margin:0; padding:0; float:right; max-width:34%; } /* NAVIGATION */ nav { height: 40px;
width: 100%;
background: #3384cc; font-size: 11pt;
font-family: 'PT Sans', Arial, sans-serif; font-weight: bold; position: relative; } nav ul { float:left; padding: 0 0 0 0; margin: 0 0 0 0; width: 980px; height: 40px; } nav li { display: inline; float: left; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } nav a { transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; color: #fff !important; display: inline-block; width: 100px; text-align: center; text-decoration: none; line-height: 40px; } nav li a {
border-right:1px solid #2c78ba; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } nav li:last-child a { border-right: 0; }
nav a:hover, nav a:active { background-color: #2c78ba; } /* BLOGGER RESET */ .section { margin:0px 0px 0px 0px; } .post-footer, .post-share-buttons {
max-width:100%; overflow:hidden; } .post-outer { margin:0px 0px; } .item-snippet { font-size:0.88em; } .item-thumbnail img { margin:0 0 0 0; padding:0 0 0 0; display:block; width:72px; height:72px; } img, table { max-width:100%; } .widget ul { padding:0 0 0 0; }
#bottom .PopularPosts .widget-content ul li{ padding:0 0 0 18px; } /* HEADER */ .header { margin:0 0 10px 0; }
.header h1, .header p.title {
font-family:'Cuprum', Sans-serif; font-size:36px;
padding:0;
margin:0 0 3px 15px; }
.header h1 a, .header p.title a { color:#000; } .header .description { font-family:'Cuprum', Sans-serif; font-size:14px; margin:0; padding:0 0 6px 30px; } /* POST */ .breadcrumbs { border:1px solid #fff; background:#fff; text-align:left; padding:8px; margin:15px 15px -8px; font-size:0.8em; line-height:1.4; } .post { max-width:100%; word-wrap:break-word; font-size:0.8em;
margin:15px; padding:12px; background:#fff; border:1px solid #fff; overflow:hidden; } .post .widget { margin: 0px 0px 0px 0px; } .post-body { line-height:1.4;text-align:justify } .post-title h2,.post-title h1{
font-family: 'PT Sans', Arial, sans-serif; line-height:1.1; letter-spacing:-0.5px; margin:0; } .post-title h2 { padding:0 0 8px; font-size:22px } .post-title h1{ font-size:24px; padding:0 0 12px } .post-title h2 a,.post-title h1 a { color:#000; }
.post-title h2 a:hover,.post-title h1 a:hover { color:#555; } blockquote { margin-left:2em; margin-right:2em; border-left:4px solid #ccc; padding-left:1em; font-style:italic; } .post-footer { color:#555; font-size:0.88em; margin:15px 0 0 0; padding:10px 0 0 0; border-top:1px solid #ddd; } .postthumb { transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; margin:3px 10px 3px 0; float:left; width:80px; height:80px; border:4px solid #ddd; } .postthumb:hover{ opacity:0.6;
} /* SIDEBAR */ .sidebar { word-wrap:break-word; font-size:0.8em; background:#fff; max-width:100%; margin:15px 15px 15px 0; padding:12px; border:1px solid #fff; overflow:hidden; } .sidebar .widget { margin:0px 0px 10px 0px; } .sidebar h3, .sidebar h2 { color:#fff; padding:4px 8px; background: #3384cc; font-size: 11pt;
font-family: 'PT Sans', Arial, sans-serif; } .sidebar ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar ul li { margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px dotted #ddd; } /* KOMENTAR */ #comments { word-wrap:break-word; font-size:0.8em; margin:15px; padding:12px; background:#fff; border:1px solid #fff; } .comments h3 { font-size:1.4em; } #blog-pager { font-size:0.8em; padding:0; margin:0 15px 15px; } #socialbox { max-width:100%; padding:10px; margin:0; overflow:hidden; }
.social {
background:#fff url(http://1.bp.blogspot.com/--4CvEviaskw/UUsmFnxffgI/AAAAAA AAAD0/-yTMUjlcXPo/s1600/csg-514b240d34eeb.png) no-repeat top left;
} .facebook,.googleplus,.twitter,.rss { -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.text { height:24px;line-height:24px !important;float:left;margin:6px;font-size: 17px;font-style:italic;color:#555;font-weight:bold;}
.facebook:hover{cursor:pointer; background-position: 0 0; width: 24px; height: 2 4px; }
.facebook{float:right;margin:6px 10px; background-position: 0 -44px; width: 24px ; height: 24px; }
.googleplus:hover{ cursor:pointer; background-position: 0 -88px; width: 24px; he ight: 24px; }
.googleplus{float:right;margin:6px 10px; background-position: 0 -132px; width: 2 4px; height: 24px; }
.rss:hover{ cursor:pointer; background-position: 0 -176px; width: 24px; height: 24px; }
.rss{ float:right;margin:6px 10px;background-position: 0 -220px; width: 24px; he ight: 24px; }
.twitter:hover{ cursor:pointer; background-position: 0 -264px; width: 24px; heig ht: 24px; }
.twitter{float:right;margin:6px 10px; background-position: 0 -308px; width: 24px ; height: 24px; } /* BOTTOM */ #bottom { background:#333; max-width:100%; padding:5px 0 12px; overflow:hidden; } #bottom h3, #bottom h2 { font-size:1.1em; } .bottom-widget { color:#fff; font-size:0.78em; } .bottom-widget ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .bottom-widget ul li { background: url(http://2.bp.blogspot.com/-350cpDWXfX8/Uvj7lDtHEqI/AAAAAAAAC3 A/XbmmenFXNic/s1600/path3007.png) no-repeat 0 2px; padding:0 0 0 18px; margin:5px 0px; } .bottom-widget a { color:#fff; } #bottom #kanan { float:left; width:33.33%;
} #bottom #tengah { float:left; max-width:33.33%; } #bottom #kiri { float:right; width:33.33%; }
#bottom #kanan .widget, #bottom #tengah .widget, #bottom #kiri .widget { margin:12px 12px 6px 12px; } #bottom a { color:#ccc; } #bottom a:hover { color:#fff; } /* FOOTER */ #footer { background:#D0E2F2;
border-top:1px solid #fafafa; color:#333; font-size:0.7em; padding:15px; height:30px; } #footer .left { float:left; text-align:left } #footer .right { float:right; text-align:right } .box { text-align:center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .box2 { position:relative; z-index:4; border-radius:20px; font-size:1.8em; font-weight:bold; float:left; line-height:34px; height:34px; width:34px; padding:0px; } .box-fb { background:#0183C5; } .box-tw {
background:#20B9FF; } .box-gp { background:#D54132; } .box-au { background:#FEA013; } .komentar { background:#333; width:auto; min-width:34px; max-width:80px; } .jam{ background:#ddd url(http://2.bp.blogspot.com/-6f3YMV7Kv-U/UUxBe6vEd9I/AA AAAAAAAFI/kCdm0LdV7Xo/s1600/jam.png) no-repeat 7px 7px; } .box a { color:#fff; } span.plus { position:relative; top:-7px; font-weight:normal; font-size:13px; } span.google { position:relative; top:-3px; font-family:Georgia, serif; } .box3 { position:relative; left:-17px;
-webkit-transition:margin 0.6s linear,width 0.3s linear; -moz-transition:margin 0.6s linear,width 0.3s linear; -o-transition:margin 0.6s linear,width 0.3s linear; transition:margin 0.6s linear,width 0.3s linear; float:left; background:#6FA8DB; border-radius:0 20px 20px 0; width:0px; height:34px; line-height:34px; overflow:hidden; margin:0 8px 0 0px; } .box3 span { margin:0px; } .box2:hover { } .box:hover .box3 { margin:0 -7px 0 0; width:100px; } .box:hover .box3.panjang { margin:0 -7px 0 0;
width:150px; } /* VIEWPORT */ /* VIEWPORT */ @-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1}@-moz-viewport{width:d evice-width;max-zoom:1;min-zoom:1}@-ms-viewport{width:device-width;max-zoom:1;mi n-zoom:1}@-o-viewport{width:device-width;max-zoom:1;min-zoom:1}@viewport{width:d evice-width;max-zoom:1;min-zoom:1}
@media screen and (max-width: 980px) { nav { height: auto; } nav ul { width: 100%; display: block; height: auto; } nav li { width: 25%; float: left; position: relative; } nav li a {
border-bottom: 1px solid #2c78ba; border-right: 1px solid #2c78ba; } nav a { text-align: left; width: 100%; text-indent: 25px; } .box3 { display:none; } .box2 { margin:0 5px 4px 0; } }
@media screen and (max-width: 600px) { .header h1, .header p.title {
margin:0 0 6px 10px; } .breadcrumbs { margin:10px 10px 0px; } .post, #comments { margin:10px !important; } .sidebar { margin: 0px 10px 10px 10px !important; }
#bottom #kanan .widget, #bottom #tengah .widget, #bottom #kiri .widget { margin:10px 10px 5px 10px;
}
#post-wrapper { float:none;
}
#sidebar-wrapper { float:none; max-width:600px; }
#bottom #kanan, #bottom #tengah, #bottom #kiri { float:none; width:auto; max-width:600px; } nav { height: auto; } nav ul { width: 100%; display: block; height: auto; } nav li { width: 50%; float: left; position: relative; } nav li a {
border-bottom: 1px solid #2c78ba; border-right: 1px solid #2c78ba; } nav a { text-align: left; width: 100%; text-indent: 25px; } }
@media screen and (max-width: 400px) { .header h1, .header p.title { margin:0 0 6px 8px; } .breadcrumbs { margin:8px 8px 0px; } .post, #comments { margin:8px !important; } .sidebar { margin: 0px 8px 8px 8px !important; }
#bottom #kanan .widget, #bottom #tengah .widget, #bottom #kiri .widget { margin:8px 8px 4px 8px;
}
#bottom #kanan, #bottom #tengah, #bottom #kiri { float:none;
width:auto; max-width:600px; }
}
/*--- RafayTutorials Custom Label Cloud --- */
@import url(http://fonts.googleapis.com/css?family=Raleway:600); .label-size a {
margin: 0 2px 6px 0; padding: 8px; border: solid 1px #C6C6C6; border-radius: 3px; float: left; color: #FFF; background-color: #E53B2C; font-family: Raleway; font-size: 12px !important;
text-decoration: none !important; word-spacing: 4px; } .label-size span { margin: 0 2px 6px 0; padding: 8px; border: solid 1px #C6C6C6; border-radius: 3px; float: left; color: #FFF;
background-color: black !important; font-family: Raleway;
font-size: 12px !important;
text-decoration: none !important; font-weight: bold; word-spacing: 4px; } .label-size a:hover { border:1px solid #6BB5FF; text-decoration: none;
background-color: blue !important; zoom: 1;
}
]]></b:skin>
<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #at-gambar { text-transform:none; overflow:hidden; margin:10px 0 0 0; padding:0; border-top:1px solid #ddd; } #at-gambar h2 { font-size:15px; font-weight:bold; padding:8px 0 8px; margin:0; } #at-gambar a { color:#222; font-size:12px; overflow:hidden; text-align:left;
border:1px solid #eee; }
#at-gambar a:hover { border:1px solid #aaa; }
#at-gambar img { width:100%; margin:0; padding:0; } </style>
<script> var defaultnoimage = "http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1 Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg"; var maxresults = 6 ; var splittercolor = "#ddd "; var relatedpoststitle = "Artikel M enarik Lainnya:"; </script>
<script src='https://dl.dropboxusercontent.com/u/122336262/JavaScript/related-po st/terkait-v7.js'/> </b:if> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1);
return strx+'...'; }
function createSummary(pID){ var div = document.getElementById(pID); var summ = 350; var summary = '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.i nnerHTML = summary; } //]]>
</script> </head>
<body expr:class='"loading" + data:blog.mobileClass'>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false); } else {
window.attachEvent('onload', function(){ object[attribute] = val ; });
} }
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js /plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\75921457 311853880653\46blogName\75TeksMedik+Ver.+2.\46publishMode\75PUBLISH_MODE_BLOGSPO T\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://bukuteksm edical.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http:// bukuteksmedical.blogspot.com/\46blogFollowUrl\75https://plus.google.com/11374088 0327414655506\46vt\75-5011089009428688006', where: document.getElementById("navbar-iframe-container&quo t;), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() {
var script = document.createElement('script'); script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js 9;;
var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> </b:widget> </b:section> <div class='clear'/> <!-- wrapper start --> <div id='wrapper'>
<!-- header wrapper start --> <div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='TeksMedik Ver. 2. (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: 0p x'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/>
<div expr:style='"background-image: url(\"" + data:sour ceUrl + "\"); " + "background-positio n: " + data:backgroundPositionStyleStr + "; &qu ot; + data:widthStyleStr + "m in-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: 0p x'> <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:wid get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d ata: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'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <h1 class='title'> <b:include name='title'/> </h1> <b:else/> <p class='title'> <b:include name='title'/> </p> </b:if> </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:widget> </b:section> </div>
<!-- header wrapper end --> <!-- navigation start --> <nav class='clearfix'> <ul class='clearfix'> <li><a href='/'>Home</a></li> <li><a href='http://www.teksmedik.com/search/label/PDF'>PDF</a></li> <li><a href='http://www.teksmedik.com/search/label/Skyscape%20for%20PC'> PC Apps</a></li> <li><a href='http://www.teksmedik.com/search/label/Android'>AndroidApps< /a></li> <li><a href='http://www.teksmedik.com/search/label/MRCP'>MRCP(UK)</a></l i> <li><a href='http://www.teksmedik.com/search/label/USMLE'>USMLE</a></li> </ul> </nav> <!-- navigation end -->
<!-- content wrapper start --> <div id='content-wrapper'> <!-- post wrapper start --> <aside id='post-wrapper'>
<b:section class='main' id='kotak-posting' showaddelement='no'> <b:widget id='HTML2' 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:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> <b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/> <data:defaultAdStart/>
<b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment_picker'/> </b:if> </div> <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:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'>
<script src='//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:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs g'>
<img src='//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:ba cklink.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:wi dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post .createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl ! = data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'> <div class='breadcru mbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> & #187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org /Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop= 'title'>Home</span></a></span> » <b:loop values='data:post.labels' var='lab el'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr: href='data:label.url + "?&max-results=8"' itemprop='url'><span ite mprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></ span>
</div> <b:else/>
w'>Home</a></span> » <span>Uncategories</span> » <span><data:post.titl e/></span></div> </b:if>
</b:loop> <b:else/>
<b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » ; <span>Archive for <data:blog.pageName/></span> </div> <b:else/>
<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href=' data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pa geName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.h omepageUrl' rel='nofollow'>Home</a></span> » <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>
<b:includable id='comment-form' var='post'> <div class='comment-form'>
<a name='comment-form'/> <b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link&q uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-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:p ost.communityId/>'); </script> </div> </b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
</div> <b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d ata:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </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.canon icalUrl'>
</span> <b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can onicalUrl'>
</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'> <h3>
<b:if cond='data:post.numComments == 0'> Belum ada komentar untuk "<data:bl og.pageName/>"<b:else/>
<b:if cond='data:post.numComments'> <data:post.numComments/> komentar untuk &quo t;<data:blog.pageName/>" </b:if></b:if>
<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.oldestLi nkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLin kUrl'><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.newerLin kUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLi nkUrl'><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.authorCla ss' 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:comme nt.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comm ent.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.oldestLink Url'>
<data:post.oldestLinkText/> </a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU rl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>  
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'>
<data:post.newerLinkText/> </a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'> <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.addCo mmentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='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:if> </div> </div> </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' tar get='_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' expr:data-href='data:post.canonicalUrl' expr: data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO nclick'><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' itemprop='name'> <data:post.title/>
<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'>
<b:include data='post' name='comment_count_picker'/> </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='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe rPageTitle'>&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='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'>&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' itemscope='itemscope ' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'> <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' itemprop='articleBody'>
<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'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' ite mtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop=' url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' tit le='author profile'>
<span itemprop='name'><data:post.author/></span> </a>
</span> <b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' ite mtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </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'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='boo kmark' title='permanent link'><abbr class='published' expr:title='data:post.time stampISO8601' 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'>
<b:include data='post' name='comment_count_picker'/> </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-sha re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a> </div>
</b:if>
<div class='goog-inline-block dummy-container'><data:post.dummyT ag/></div> </b:if> </div> </div> </div>
<b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <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='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe rPageTitle'><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='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a>
</span> </b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='h ttp://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<div class='post-title entry-title' itemprop='name'> <b:if cond='data:blog.pageType != "item"'> <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>
</b:if> <b:else/>
<b:if cond='data:post.title'> <h1>
<b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post .title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:hre f='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> </b:if> </div> <div class='post-header'> <div class='post-header-line-1'/> </div>
<b:if cond='data:blog.pageType == "static_page"'> <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.thumbnailUrl'> <script type='text/javascript'> //<![CDATA[ function bp_thumbnail_resize(image_url,post_title) { var image_size=70;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" cla ss="postthumb" alt="'+post_title+'" title="'+post_title+'"/>';
if(image_url!="") return image_tag; else return ""; }
//]]> </script>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","< data:post.title/>"));
</script></a> <b:else/>
<a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' e xpr:title='data:post.title' src='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0 GI/AAAAAAAACCs/6cBX54Dn6Gs/s70-c/default.png'/></a>
</b:if>
<div expr:id='"summary" + data:post.id' itemprop='articleBody'> <data:post.body/>
</div>
<script type='text/javascript'>createSummary("summary<data:post.id/>") ;</script>
<b:else/>
<b:if cond='data:blog.metaDescription == ""'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + dat a:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats --> </div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + dat a:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats --> </div> </b:if> </b:if> </b:if> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.t itle'><data:post.jumpText/></a>
</div> </b:if>
<div class='post-footer'>
<b:if cond='data:blog.pageType != "item"'><div class='box'><b:if cond= 'data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='d ata:post.addCommentOnclick'><div class='box2 komentar'><b:if cond='data:post.num Comments'><data:post.numComments/></b:if></div><div class='box3'><span>Comments< /span></div></a></b:if></div></b:if>
<div class='box'><a class='fb' expr:href='"http://www.facebook.com/sharer.p hp?u=" + data:post.url' rel='nofollow' target='_blank'><div class='box2 box -fb'>f</div><div class='box3'><span>Share</span></div></a></div>
<div class='box'><a class='tw' expr:href='"https://twitter.com/intent/tweet ?url=" + data:post.url + "&text=" + data:post.title + "& amp;via=chramsinchlair&lang=id"' rel='nofollow' target='_blank'><div cl ass='box2 box-tw'>t</div><div class='box3'><span>Tweet</span></div></a></div> <div class='box'><a class='gp' expr:href='"http://plus.google.com/share?url =" + data:post.url' rel='nofollow' target='_blank'><div class='box2 box-gp' ><span class='google'>g</span><span class='plus'>+</span></div><div class='box3' ><span>Share</span></div></a></div>
</div>
<b:if cond='data:blog.pageType == "item"'><div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labe ls_thumbs&max-results=999"' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thu mbs("<data:post.url/>"); </script>
</div></b:if>
<div class='clear'/> </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://img2.blogblog.co m/img/icon18_edit_allbkg.gif' width='18'/>
</a> </span>
</b:if>
</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"' ex pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post. sharePostUrl + "&target=blog"' expr:onclick='"window.open(thi s.href, \"_blank\", \"height=270,width=475\"); return false; "' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href=' data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.s hareToTwitterMsg' 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.shareP ostUrl + "&target=facebook"' expr:onclick='"window.open(this. href, \"_blank\", \"height=430,width=640\"); return false;&q uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar e-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' exp r: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 cla ss='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div>
<div style='clear: both;'/> </b:if>
</b:includable>
<b:includable id='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-co mment-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-co mment-from-post' frameborder='0' height='410' 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:p ost.communityId/>'); </script> </div> </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 + '</sp an>'; } } } 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].hr ef);
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].valu e;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display Time') { 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);
} };
