Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- <head>
- <title><data:blog.pageTitle/></title>
- <b:include data='blog' name='all-head-content'/>
- <meta content='global' name='distribution'/>
- <meta content='10 days' name='revisit'/>
- <meta content='10 days' name='revisit-after'/>
- <meta content='document' name='resource-type'/>
- <meta content='all' name='audience'/>
- <meta content='general' name='rating'/>
- <meta content='all' name='robots'/>
- <meta content='index, follow' name='robots'/>
- <meta content='en' name='language'/>
- <meta content='US' name='country'/>
- <meta content='blogger' name='generator'/>
- <b:skin><![CDATA[/*
- -----------------------------------------------
- Blogger Template Details
- Name: Personal Blog
- Blogger Template by: Templates Block
- URL: http://TemplatesBlock.com/
- Wordpress Theme by: MyTemplateBox
- URL: http://www.mytemplatebox.com/
- Date: January 26, 2010
- License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
- However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
- http://creativecommons.org/licenses/by/3.0/
- ----------------------------------------------- */
- #navbar-iframe {
- display: none !important;
- }
- /* Variable definitions
- ====================
- <Variable name="bgcolor" description="Page Background Color"
- type="color" default="#fff" value="#ffffff">
- <Variable name="textcolor" description="Text Color"
- type="color" default="#333" value="#333333">
- <Variable name="linkcolor" description="Link Color"
- type="color" default="#58a" value="#5588aa">
- <Variable name="pagetitlecolor" description="Blog Title Color"
- type="color" default="#666" value="#666666">
- <Variable name="descriptioncolor" description="Blog Description Color"
- type="color" default="#999" value="#999999">
- <Variable name="titlecolor" description="Post Title Color"
- type="color" default="#c60" value="#cc6600">
- <Variable name="bordercolor" description="Border Color"
- type="color" default="#ccc" value="#cccccc">
- <Variable name="sidebarcolor" description="Sidebar Title Color"
- type="color" default="#999" value="#999999">
- <Variable name="sidebartextcolor" description="Sidebar Text Color"
- type="color" default="#666" value="#666666">
- <Variable name="visitedlinkcolor" description="Visited Link Color"
- type="color" default="#999" value="#999999">
- <Variable name="bodyfont" description="Text Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
- <Variable name="headerfont" description="Sidebar Title Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
- <Variable name="pagetitlefont" description="Blog Title Font"
- type="font"
- default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
- <Variable name="descriptionfont" description="Blog Description Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
- <Variable name="postfooterfont" description="Post Footer Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
- <Variable name="startSide" description="Side where text starts in blog language"
- type="automatic" default="left" value="left">
- <Variable name="endSide" description="Side where text ends in blog language"
- type="automatic" default="right" value="right">
- */
- /* Use this with templates/template-twocol.html */
- body{
- background:#a50505;
- margin:0px;
- padding:0px;
- font-family:Arial, Helvetica, sans-serif;
- font-size:15px;
- color:#000000;
- }
- a:link {
- color:#CD1504;
- text-decoration:none;
- }
- a:visited {
- color:#CD1504;
- text-decoration:none;
- }
- a:hover {
- color:#CD1504;
- text-decoration:underline;
- }
- a img {
- border-width:0;
- }
- /* Header
- -----------------------------------------------
- */
- #header {
- margin: 0;
- text-align: center;
- color:#BD1202;
- }
- #header h1 {
- margin: 0;
- padding:15px 20px 0em;
- line-height:1.2em;
- text-transform:normal;
- letter-spacing:0em;
- font: normal normal 40px Georgia, Serif;
- text-shadow: 1px 1px 1px #000;
- }
- #header a {
- color:#BD1202;
- text-decoration:none;
- }
- #header a:hover {
- color:#BD1202;
- }
- #header .description {
- margin:0;
- padding:0 20px 15px;
- max-width:400px;
- text-transform:normal;
- letter-spacing:0em;
- line-height: 1.4em;
- font: normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
- color: #666;
- }
- #header img {
- margin-left: auto;
- margin-right: auto;
- }
- #menu{
- float:left;
- clear:none;
- background:url(http://1.bp.blogspot.com/_k_DnmK4oz2Q/S2vutj3Z-rI/AAAAAAAAAsk/hENaZK4Tk3E/s1600/menu.png) top left no-repeat;
- width:190px;
- height:325px;
- margin-left:-15px;
- padding-top:30px;
- padding-left:10px;
- }
- #menu ul{
- list-style:none;
- margin:0px;
- padding:0px;
- }
- #menu ul li{
- margin:0px;
- padding:0px;
- text-align:center;
- }
- #menu ul li a{
- display:block;
- text-decoration:none;
- font-size:16px;
- cursor:pointer;
- color: #000000;
- text-align:center;
- }
- #menu ul li a:hover{
- color:#a50505;
- font-weight:bold;
- }
- #welcome{
- float:left;
- clear:none;
- width:200px;
- margin-left:20px;
- }
- #welcome-title{
- margin-bottom:10px;
- }
- /* Outer-Wrapper
- ----------------------------------------------- */
- #outer-wrapper {
- width: 960px;
- margin:0 auto;
- font: normal normal 100% Georgia, Serif;
- }
- #background-top{
- background:url(http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vuteItyeI/AAAAAAAAAsc/sDtFvhGjuTw/s1600/background-top.png) top center no-repeat;
- width:971px;
- height:85px;
- margin-top:25px;
- }
- #background-middle{
- background:url(http://2.bp.blogspot.com/_k_DnmK4oz2Q/S2vutBb0dxI/AAAAAAAAAsU/MbttCCcOSGk/s1600/background.png) top center repeat-y;
- width:971px;
- }
- #background-bottom{
- background:url(http://1.bp.blogspot.com/_k_DnmK4oz2Q/S2vutYDaitI/AAAAAAAAAsY/nn0SzxPRRPI/s1600/background-bottom.png) top center no-repeat;
- width:971px;
- height:92px;
- margin-bottom:25px;
- }
- #left-content{
- clear:none;
- width:450px;
- margin-left:50px;
- margin-top:-30px;
- }
- #right-content{
- float:right;
- clear:none;
- width:440px;
- margin-top:-430px;
- margin-right: 23px;
- }
- #content-wrapper {
- width:800px;
- padding: 0px 80px 80px 80px;
- }
- #main-wrapper {
- width: 370px;
- float: left;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- #sidebar-wrapper {
- margin-top: -130px;
- margin-right: 20px;
- width: 300px;
- float: right;
- word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
- overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
- }
- /* Headings
- ----------------------------------------------- */
- h2 {
- margin:0em 0 .75em;
- font: 25px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
- line-height: 1.4em;
- text-transform:normal;
- letter-spacing:0em;
- color:#999999;
- }
- /* Posts
- -----------------------------------------------
- */
- h2.date-header {
- margin:0em 0 .75em;
- font: italic 80% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
- line-height: 1.4em;
- text-transform:noone;
- letter-spacing:0em;
- color:#666;
- }
- .post {
- margin:.5em 0 1.5em;
- padding-bottom:1.5em;
- }
- .post h3 {
- margin:.25em 0 0;
- padding:0 0 4px;
- font-size:130%;
- font-weight:normal;
- line-height:1.4em;
- color:#cc6600;
- font-family: Arial;
- }
- .post h3 a, .post h3 a:visited, .post h3 strong {
- display:block;
- text-decoration:none;
- color:#333;
- font-weight:normal;
- padding: 2px;
- background: #FFF200;
- }
- .post h3 strong, .post h3 a:hover {
- color:#000;
- }
- .post-body {
- margin:1em 0 1em 0;
- line-height:1.5em;
- font-family: Arial;
- font-size: 13px;
- }
- .post ul {
- margin: 5px 0px 5px 20px;
- padding: 0px 0px 0px 0px;
- }
- .post ol {
- margin: 5px 0px 5px 20px;
- padding: 0px 0px 0px 0px;
- }
- .post ol li {
- margin: 5px 0px 5px 10px;
- padding: 0px;
- }
- .post-body blockquote {
- line-height:1.3em;
- }
- .post-footer {
- margin: 1.7em 0 0 0;
- color:#666;
- text-transform:normal;
- letter-spacing:0em;
- font: italic 80% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif;
- line-height: 1.4em;
- padding: 2px;
- border-top: 1px dashed #333;
- border-bottom: 1px dashed #333;
- }
- .comment-link {
- float: right;
- margin-left:.6em;
- padding-left: 20px;
- background: url(http://2.bp.blogspot.com/_k_DnmK4oz2Q/S0k4LzDbqbI/AAAAAAAAAUg/kYmDH8Ewykk/s1600/more_bg.png) no-repeat;
- margin-left:.6em;
- }
- .post img {
- padding:4px;
- border:1px solid #cccccc;
- }
- .post blockquote {
- padding: 5px;
- background: #FFEFED;
- border-left: 3px solid #BD1202;
- font: italic 11px arial;
- }
- .post blockquote p {
- margin:.75em 0;
- }
- /* Comments
- ----------------------------------------------- */
- #comments h4 {
- color:#666666;
- font-size:20px;
- font-weight:bold;
- letter-spacing:0;
- line-height:1.4em;
- margin:1em 0;
- text-transform:none;
- }
- #comments-block {
- line-height:1.6em;
- margin:1em 0 1.5em;
- }
- #comments-block .comment-author {
- -moz-background-clip:border;
- -moz-background-inline-policy:continuous;
- -moz-background-origin:padding;
- background:#eee none repeat scroll 0 0;
- margin:0.5em 0;
- padding-bottom:4px;
- padding-left:8px;
- padding-top:4px;
- }
- #comments-block .comment-body {
- border-left:1px solid #eee;
- border-right:1px solid #eee;
- margin-top:-7px;
- padding-left:10px;
- padding-top:10px;
- }
- #comments-block .comment-footer {
- border-bottom:1px solid #eee;
- border-left:1px solid #eee;
- border-right:1px solid #eee;
- font-size:11px;
- line-height:1.4em;
- margin:-0.25em 0 2em;
- padding-bottom:5px;
- padding-left:10px;
- text-transform:none;
- }
- #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: -40px;
- text-align: center;
- font-size: 11px;
- }
- .feed-links {
- margin-top: 10px;
- clear: both;
- line-height: 2.5em;
- font: 12px Trebuchet Ms;
- }
- /* Sidebar Content
- ----------------------------------------------- */
- .sidebar {
- color: #666666;
- line-height: 1.5em;
- font: 14px arial;
- }
- .sidebar h2 {
- margin:0em 0 0.75em;
- font: bold 110% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
- line-height: 1.4em;
- text-transform:normal;
- letter-spacing:0em;
- color:#fff;
- padding: 5px;
- background: #5C2D58;
- }
- .sidebar ul {
- list-style:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- .sidebar li {
- list-style-type:none;
- padding-left:15px;
- margin-left:0px;
- background: url(http://2.bp.blogspot.com/_k_DnmK4oz2Q/S0IX0rJbaZI/AAAAAAAAARM/ApevT8yDs-g/s1600/bullet.jpg) left no-repeat;
- }
- .sidebar .widget {
- -moz-border-radius: 10px;
- -khtml-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- border: 1px solid #5C2D58;
- margin-bottom:20px;
- padding: 10px;
- }
- .main .Blog {
- border-bottom-width: 0;
- }
- /* Profile
- ----------------------------------------------- */
- .profile-img {
- float: left;
- margin-top: 0;
- margin-right: 5px;
- margin-bottom: 5px;
- margin-left: 0;
- padding: 4px;
- border: 1px solid #cccccc;
- }
- .profile-data {
- margin:0;
- text-transform:normal;
- letter-spacing:.1em;
- font: normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
- color: #666;
- font-weight: bold;
- line-height: 1.6em;
- }
- .profile-datablock {
- margin:.5em 0 .5em;
- }
- .profile-textblock {
- margin: 0.5em 0;
- line-height: 1.6em;
- }
- .profile-link {
- font: italic normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
- text-transform: normal;
- letter-spacing: .1em;
- }
- /* Footer
- ----------------------------------------------- */
- #footer{
- font-size:12px;
- color:#999999;
- margin-left:90px;
- padding-top:0px;
- }
- .paginator {
- font-family: Trebuchet MS;
- margin-top:40px;
- font-size:1.1em;
- }
- .paginator table {
- border-collapse:collapse;
- table-layout:fixed;
- width:100%;
- }
- .paginator table td {
- padding:0;
- white-space:nowrap;
- text-align:center;
- }
- .paginator span {
- display:block;
- padding:3px 0;
- color:#fff;
- }
- .paginator span strong,
- .paginator span a {
- padding:2px 6px;
- }
- .paginator span strong {
- background:#999;
- font-style:normal;
- font-weight:bold;
- }
- .paginator .scroll_bar {
- width:100%; height:20px;
- position:relative;
- margin-top:10px;
- }
- .paginator .scroll_trough {
- width:100%; height:3px;
- background:#E8E8E8;
- overflow:hidden;
- }
- .paginator .scroll_thumb {
- position:absolute;
- z-index:2;
- width:0; height:3px;
- top:0; left:0;
- font-size:1px;
- background:#363636;
- }
- .paginator .scroll_knob {
- position:absolute;
- top:-5px; left:50%;
- margin-left:-10px;
- width:20px; height:20px;
- overflow:hidden;
- background:url(http://2.bp.blogspot.com/_yssney0-fJM/S0xRyxVUa1I/AAAAAAAABlk/90JTuau4QLk/s1600/Knob.png) no-repeat 50% 50%;
- cursor:pointer; cursor:hand;
- }
- .paginator .current_page_mark {
- position:absolute;
- z-index:1;
- top:0; left:0;
- width:0; height:3px;
- overflow:hidden;
- background:#666;
- }
- .fullsize .scroll_thumb {
- display:none;
- }
- .paginator_pages {
- width:600px;
- text-align:right;
- font-size:0.8em;
- color:#808080;
- margin-top:-10px;
- }
- ]]></b:skin>
- </head>
- <body>
- <div id='outer-wrapper'>
- <div id='background-top'/>
- <div id='background-middle'>
- <div id='left-content'>
- <div id='header-wrapper'>
- <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='Kedai Data (Header)' type='Header'>
- <b:includable id='title'>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <data:title/>
- <b:else/>
- <a expr:href='data:blog.homepageUrl'><data:title/></a>
- </b:if>
- </b:includable>
- <b:includable id='description'>
- <div class='descriptionwrapper'>
- <p class='description'><span><data:description/></span></p>
- </div>
- </b:includable>
- <b:includable id='main'>
- <b:if cond='data:useImage'>
- <b:if cond='data:imagePlacement == "REPLACE"'>
- <!--Show just the image, no text-->
- <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/>
- <!--
- 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.
- -->
- <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
- <div class='titlewrapper' style='background: transparent'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <div id='header-inner'>
- <div class='titlewrapper'>
- <h1 class='title'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <!-- menu -->
- <div id='menu'>
- <ul>
- <li><a href='#'>Home</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- <li><a href='#'>About Me</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- <li><a href='#'>Gallery</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- <li><a href='#'>My Hobby</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- <li><a href='#'>Friends</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- <li><a href='#'>Contact me</a></li>
- <li><img alt='' src='http://4.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3j7kCVI/AAAAAAAAAso/IF7O6JdujJs/s1600/menu-divider.png'/></li>
- </ul>
- </div>
- <!-- welcome -->
- <div id='welcome'>
- <div id='welcome-title'><img alt='' src='http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vu3l4DnTI/AAAAAAAAAs0/mm9ojKf_PCA/s1600/welcome.png'/></div>
- <div>
- This is a free and fully standards compliant Blogger template created by <a href='http://www.templatesblock.com' style='text-decoration:none; color:#990000;'>Templates Block</a>. You can use it for your personal and commercial projects without any restrictions. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!
- </div>
- <div id='welcome-divider'/>
- </div></div>
- <div style='clear:both;'/>
- <div id='right-content'>
- <!-- main image -->
- <div id='main-img'><img alt='' src='http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vuttj_NuI/AAAAAAAAAsg/zDDFRHfsqPA/s1600/main-img.jpg'/></div>
- <div style='margin-left:25px; margin-right:60px;'>
- </div></div>
- <div id='content-wrapper'>
- <div id='main-wrapper'>
- <b:section class='main' id='main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='Posting Blog' 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 async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
- <script type='text/javascript'>
- (function() {
- var items = <data:post.commentJso/>;
- var msgs = <data:post.commentMsgs/>;
- var config = <data:post.commentConfig/>;
- // <![CDATA[
- var cursor = null;
- if (items && items.length > 0) {
- cursor = parseInt(items[items.length - 1].timestamp) + 1;
- }
- var bodyFromEntry = function(entry) {
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
- return '<span class="deleted-comment">' + entry.content.$t + '</span>';
- }
- }
- }
- return entry.content.$t;
- }
- var parse = function(data) {
- cursor = null;
- var comments = [];
- if (data && data.feed && data.feed.entry) {
- for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
- var comment = {};
- // comment ID, parsed out of the original id format
- var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
- comment.id = id ? id[2] : null;
- comment.body = bodyFromEntry(entry);
- comment.timestamp = Date.parse(entry.published.$t) + '';
- if (entry.author && entry.author.constructor === Array) {
- var auth = entry.author[0];
- if (auth) {
- comment.author = {
- name: (auth.name ? auth.name.$t : undefined),
- profileUrl: (auth.uri ? auth.uri.$t : undefined),
- avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
- };
- }
- }
- if (entry.link) {
- if (entry.link[2]) {
- comment.link = comment.permalink = entry.link[2].href;
- }
- if (entry.link[3]) {
- var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
- if (pid && pid[1]) {
- comment.parentId = pid[1];
- }
- }
- }
- comment.deleteclass = 'item-control blog-admin';
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
- comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
- } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
- comment.displayTime = entry.gd$extendedProperty[k].value;
- }
- }
- }
- comments.push(comment);
- }
- }
- return comments;
- };
- var paginator = function(callback) {
- if (hasMore()) {
- var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
- if (cursor) {
- url += '&published-min=' + new Date(cursor).toISOString();
- }
- window.bloggercomments = function(data) {
- var parsed = parse(data);
- cursor = parsed.length < 50 ? null
- : parseInt(parsed[parsed.length - 1].timestamp) + 1
- callback(parsed);
- window.bloggercomments = null;
- }
- url += '&callback=bloggercomments';
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = url;
- document.getElementsByTagName('head')[0].appendChild(script);
- }
- };
- var hasMore = function() {
- return !!cursor;
- };
- var getMeta = function(key, comment) {
- if ('iswriter' == key) {
- var matches = !!comment.author
- && comment.author.name == config.authorName
- && comment.author.profileUrl == config.authorUrl;
- return matches ? 'true' : '';
- } else if ('deletelink' == key) {
- return config.baseUri + '/delete-comment.g?blogID='
- + config.blogId + '&postID=' + comment.id;
- } else if ('deleteclass' == key) {
- return comment.deleteclass;
- }
- return '';
- };
- var replybox = null;
- var replyUrlParts = null;
- var replyParent = undefined;
- var onReply = function(commentId, domId) {
- if (replybox == null) {
- // lazily cache replybox, and adjust to suit this style:
- replybox = document.getElementById('comment-editor');
- if (replybox != null) {
- replybox.height = '250px';
- replybox.style.display = 'block';
- replyUrlParts = replybox.src.split('#');
- }
- }
- if (replybox && (commentId !== replyParent)) {
- document.getElementById(domId).insertBefore(replybox, null);
- replybox.src = replyUrlParts[0]
- + (commentId ? '&parentID=' + commentId : '')
- + '#' + replyUrlParts[1];
- replyParent = commentId;
- }
- };
- var hash = (window.location.hash || '#').substring(1);
- var startThread, targetComment;
- if (/^comment-form_/.test(hash)) {
- startThread = hash.substring('comment-form_'.length);
- } else if (/^c[0-9]+$/.test(hash)) {
- targetComment = hash.substring(1);
- }
- // Configure commenting API:
- var configJso = {
- 'maxDepth': config.maxThreadDepth
- };
- var provider = {
- 'id': config.postId,
- 'data': items,
- 'loadNext': paginator,
- 'hasMore': hasMore,
- 'getMeta': getMeta,
- 'onReply': onReply,
- 'rendered': true,
- 'initComment': targetComment,
- 'initReplyThread': startThread,
- 'config': configJso,
- 'messages': msgs
- };
- var render = function() {
- if (window.goog && window.goog.comments) {
- var holder = document.getElementById('comment-holder');
- window.goog.comments.render(holder, provider);
- }
- };
- // render now, or queue to render when library loads:
- if (window.goog && window.goog.comments) {
- render();
- } else {
- window.goog = window.goog || {};
- window.goog.comments = window.goog.comments || {};
- window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
- window.goog.comments.loadQueue.push(render);
- }
- })();
- // ]]>
- </script>
- </b:includable>
- <b:includable id='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'>
- <!-- 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='post' var='post'>
- <div class='post hentry'>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <h3 class='post-title entry-title'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header-line-1'/>
- <div class='post-body entry-content'>
- <data:post.body/>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <b:if cond='data:post.hasJumpLink'>
- <div class='jump-link'>
- <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
- </div>
- </b:if>
- <div class='post-footer'>
- <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
- <b:if cond='data:top.showAuthor'>
- <data:top.authorLabel/>
- <span class='fn'><data:post.author/></span>
- </b:if>
- </span> <span class='post-timestamp'>
- <b:if cond='data:top.showTimestamp'>
- <data:top.timestampLabel/>
- <b:if cond='data:post.url'>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><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:post.allowComments'>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
- </b:if>
- </b:if>
- </span> <span class='post-icons'>
- <!-- email post links -->
- <b:if cond='data:post.emailPostUrl'>
- <span class='item-action'>
- <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
- <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
- </a>
- </span>
- </b:if>
- <!-- quickedit pencil -->
- <b:include data='post' name='postQuickEdit'/>
- </span> </div>
- <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
- <b:if cond='data:post.labels'>
- <data:postLabelsLabel/>
- <b:loop values='data:post.labels' var='label'>
- <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
- </b:loop>
- </b:if>
- </span> </div>
- <div 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='comment_picker' var='post'>
- <b:if cond='data:post.forceIframeComments'>
- <data:post.iframeMessage/>
- <b:include data='post' name='iframe_comments'/>
- <data:post.iframeMessage/>
- <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='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='comment-form'>
- <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='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:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='threaded_comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <h4><data:post.commentLabelFull/>:</h4>
- <div class='comments-content'>
- <b:if cond='data:post.embedCommentForm'>
- <b:include data='post' name='threaded_comment_js'/>
- </b:if>
- <div id='comment-holder'>
- <data:post.commentHtml/>
- </div>
- </div>
- <p class='comment-footer'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='threaded-comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- </p>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b: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 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>
- <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' itemtype='http://schema.org/Person'>
- <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
- <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
- <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
- <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
- <span itemprop='name'><data:post.author/></span>
- </a>
- </span>
- <b:else/>
- <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
- <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
- <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.url' itemprop='url'/>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
- </b:if>
- </b:if>
- </span>
- <span class='post-comment-link'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>:
- </a>
- </b:if>
- </b:if>
- </b:if>
- </span>
- </div>
- <div class='post-footer-line post-footer-line-2'>
- <b:if cond='data:top.showMobileShare'>
- <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
- <a href='javascript:void(0);'><data:shareMsg/></a>
- </div>
- </b:if>
- <b:if cond='data:top.showDummy'>
- <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
- </b:if>
- </div>
- </div>
- </div>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b: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='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'>
- <!-- 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.dateHeader'>
- <h2 class='date-header'><data:post.dateHeader/></h2>
- </b:if>
- <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>
- <!-- navigation -->
- <b:include name='nextprev'/>
- <!-- feed links -->
- <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"'> <!-- 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='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='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/>
- </h3>
- <div class='mobile-index-arrow'>&rsaquo;</div>
- <div class='mobile-index-contents'>
- <b:if cond='data:post.thumbnailUrl'>
- <div class='mobile-index-thumbnail'>
- <div class='Image'>
- <img expr:src='data:post.thumbnailUrl'/>
- </div>
- </div>
- </b:if>
- <div class='post-body'>
- <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
- </div>
- </div>
- <div style='clear: both;'/>
- </a>
- <div class='mobile-index-comment'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.numComments != 0'>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>:
- </a>
- </b:if>
- </b:if>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='iframe_comments' var='post'>
- <b:if cond='data:post.allowIframeComments'>
- <script expr:src='data:post.commentSrc' type='text/javascript'/>
- <div class='cmt_iframe_holder'/>
- <b:if cond='data:post.embedCommentForm == "false"'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='feedLinksBody' var='links'>
- <div class='feed-links'>
- <data:feedLinksMsg/>
- <b:loop values='data:links' var='f'>
- <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <h4>
- <b:if cond='data:post.numComments == 1'>
- 1 <data:commentLabel/>:
- <b:else/>
- <data:post.numComments/> <data:commentLabelPlural/>:
- </b:if>
- </h4>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
-  
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
- </span>
- </b:if>
- <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- <b:loop values='data:post.comments' var='comment'>
- <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
- <b:if cond='data:comment.favicon'>
- <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
- </b:if>
- <a expr:name='data:comment.anchorName'/>
- <b:if cond='data:blog.enabledCommentProfileImages'>
- <data:comment.authorAvatarImage/>
- </b:if>
- <b:if cond='data:comment.authorUrl'>
- <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
- <b:else/>
- <data:comment.author/>
- </b:if>
- <data:commentPostedByMsg/>
- </dt>
- <dd class='comment-body'>
- <b:if cond='data:comment.isDeleted'>
- <span class='deleted-comment'><data:comment.body/></span>
- <b:else/>
- <p><data:comment.body/></p>
- </b:if>
- </dd>
- <dd class='comment-footer'>
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <b:include data='comment' name='commentDeleteIcon'/>
- </span>
- </dd>
- </b:loop>
- </dl>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
- <data:post.oldestLinkText/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:post.olderLinkText/>
- </a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:post.newerLinkText/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:post.newestLinkText/>
- </a>
- </span>
- </b:if>
- <p class='comment-footer'>
- <b:if cond='data:post.embedCommentForm'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:else/>
- <b:if cond='data:post.allowComments'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </p>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <div id='sidebar-wrapper'>
- <b:section class='sidebar' id='sidebar' preferred='yes'>
- <b:widget id='Label1' locked='false' title='Labels' type='Label'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
- <b:if cond='data:display == "list"'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:else/>
- <b:loop values='data:labels' var='label'>
- <span expr:class='"label-size label-size-" + data:label.cssSize'>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </span>
- </b:loop>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
- <b:includable id='toggle' var='interval'>
- <b:if cond='data:interval.toggleId'>
- <b:if cond='data:interval.expclass == "expanded"'>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy toggle-open'>▼ </span>
- </a>
- <b:else/>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy'>
- <b:if cond='data:blog.languageDirection == "rtl"'>
- ◄ 
- <b:else/>
- ► 
- </b:if>
- </span>
- </a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='interval' var='intervalData'>
- <b:loop values='data:intervalData' var='i'>
- <ul>
- <li expr:class='"archivedate " + data:i.expclass'>
- <b:include data='i' name='toggle'/>
- <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
- <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
- <b:if cond='data:i.data'>
- <b:include data='i.data' name='interval'/>
- </b:if>
- <b:if cond='data:i.posts'>
- <b:include data='i.posts' name='posts'/>
- </b:if>
- </li>
- </ul>
- </b:loop>
- </b:includable>
- <b:includable id='menu' var='data'>
- <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
- <option value=''><data:title/></option>
- <b:loop values='data:data' var='i'>
- <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
- </b:loop>
- </select>
- </b:includable>
- <b:includable id='flat' var='data'>
- <ul>
- <b:loop values='data:data' var='i'>
- <li class='archivedate'>
- <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
- </li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='posts' var='posts'>
- <ul class='posts'>
- <b:loop values='data:posts' var='i'>
- <li><a expr:href='data:i.url'><data:i.title/></a></li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <div id='ArchiveList'>
- <div expr:id='data:widget.instanceId + "_ArchiveList"'>
- <b:if cond='data:style == "HIERARCHY"'>
- <b:include data='data' name='interval'/>
- </b:if>
- <b:if cond='data:style == "FLAT"'>
- <b:include data='data' name='flat'/>
- </b:if>
- <b:if cond='data:style == "MENU"'>
- <b:include data='data' name='menu'/>
- </b:if>
- </div>
- </div>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
- <b:includable id='main'>
- <b:if cond='data:title != ""'>
- <h2><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <b:if cond='data:team == "true"'> <!-- team blog profile -->
- <ul>
- <b:loop values='data:authors' var='i'>
- <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
- </b:loop>
- </ul>
- <b:else/> <!-- normal blog profile -->
- <b:if cond='data:photo.url != ""'>
- <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
- </b:if>
- <dl class='profile-datablock'>
- <dt class='profile-data'><data:displayname/></dt>
- <b:if cond='data:showlocation == "true"'>
- <dd class='profile-data'><data:location/></dd>
- </b:if>
- <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
- </dl>
- <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='Text1' locked='false' title='Contact' type='Text'>
- <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='Text2' locked='false' title='Text' type='Text'>
- <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='Attribution1' locked='true' title='' type='Attribution'>
- <b:includable id='main'>
- <b:if cond='data:feedbackSurveyLink'>
- <div class='mobile-survey-link' style='text-align: center;'>
- <data:feedbackSurveyLink/>
- </div>
- </b:if>
- <div class='widget-content' style='text-align: center;'>
- <b:if cond='data:attribution != ""'>
- <data:attribution/>
- </b:if>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
- <b:includable id='main'>
- <b:if cond='data:title'><h2><data:title/></h2></b:if>
- <div class='widget-content'>
- <b:if cond='data:mobile'>
- <select expr:id='data:widget.instanceId + "_select"'>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
- <b:else/>
- <option expr:value='data:link.href'><data:link.title/></option>
- </b:if>
- </b:loop>
- </select>
- <span class='pagelist-arrow'>&#9660;</span>
- <b:else/>
- <ul>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
- <b:else/>
- <li><a expr:href='data:link.href'><data:link.title/></a></li>
- </b:if>
- </b:loop>
- </ul>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>
- <b:includable id='main'>
- <div class='widget-content popular-posts'>
- <ul>
- <b:loop values='data:posts' var='post'>
- <li>
- <b:if cond='data:showThumbnails == "false"'>
- <b:if cond='data:showSnippets == "false"'>
- <!-- (1) No snippet/thumbnail -->
- <a expr:href='data:post.href'><data:post.title/></a>
- <b:else/>
- <!-- (2) Show only snippets -->
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- <div class='item-snippet'><data:post.snippet/></div>
- </b:if>
- <b:else/>
- <b:if cond='data:showSnippets == "false"'>
- <!-- (3) Show only thumbnails -->
- <div class='item-thumbnail-only'>
- <b:if cond='data:post.thumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.href' target='_blank'>
- <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
- </a>
- </div>
- </b:if>
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- </div>
- <div style='clear: both;'/>
- <b:else/>
- <!-- (4) Show snippets and thumbnails -->
- <div class='item-content'>
- <b:if cond='data:post.thumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.href' target='_blank'>
- <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
- </a>
- </div>
- </b:if>
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- <div class='item-snippet'><data:post.snippet/></div>
- </div>
- <div style='clear: both;'/>
- </b:if>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='BlogArchive2' locked='true' title='Blog Archive' type='BlogArchive'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <div id='ArchiveList'>
- <div expr:id='data:widget.instanceId + "_ArchiveList"'>
- <b:if cond='data:style == "HIERARCHY"'>
- <b:include data='data' name='interval'/>
- </b:if>
- <b:if cond='data:style == "FLAT"'>
- <b:include data='data' name='flat'/>
- </b:if>
- <b:if cond='data:style == "MENU"'>
- <b:include data='data' name='menu'/>
- </b:if>
- </div>
- </div>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- <b:includable id='flat' var='data'>
- <ul class='flat'>
- <b:loop values='data:data' var='i'>
- <li class='archivedate'>
- <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
- </li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='menu' var='data'>
- <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
- <option value=''><data:title/></option>
- <b:loop values='data:data' var='i'>
- <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
- </b:loop>
- </select>
- </b:includable>
- <b:includable id='interval' var='intervalData'>
- <b:loop values='data:intervalData' var='i'>
- <ul class='hierarchy'>
- <li expr:class='"archivedate " + data:i.expclass'>
- <b:include data='i' name='toggle'/>
- <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
- <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
- <b:if cond='data:i.data'>
- <b:include data='i.data' name='interval'/>
- </b:if>
- <b:if cond='data:i.posts'>
- <b:include data='i.posts' name='posts'/>
- </b:if>
- </li>
- </ul>
- </b:loop>
- </b:includable>
- <b:includable id='toggle' var='interval'>
- <b:if cond='data:interval.toggleId'>
- <b:if cond='data:interval.expclass == "expanded"'>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy toggle-open'>▼ </span>
- </a>
- <b:else/>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy'>
- <b:if cond='data:blog.languageDirection == "rtl"'>
- ◄ 
- <b:else/>
- ► 
- </b:if>
- </span>
- </a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='posts' var='posts'>
- <ul class='posts'>
- <b:loop values='data:posts' var='i'>
- <li><a expr:href='data:i.url'><data:i.title/></a></li>
- </b:loop>
- </ul>
- </b:includable>
- </b:widget>
- <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
- <b:includable id='main'>
- <b:if cond='data:title != ""'>
- <b:if cond='data:codeSnippet != ""'>
- <h2 class='title'><data:title/></h2>
- <b:else/>
- <b:if cond='data:totalFollowerCount != ""'>
- <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
- </b:if>
- </b:if>
- </b:if>
- <div class='widget-content'>
- <div expr:id='data:widget.instanceId + "-wrapper"'>
- <b:if cond='data:codeSnippet != ""'>
- <div style='margin-right:2px;'>
- <data:codeSnippet/>
- </div>
- <b:else/>
- <b:if cond='data:totalFollowerCount == ""'>
- <span class='item-control following-not-admin'>
- <b><data:failureSnippet/></b>
- </span>
- <span class='item-control blog-admin'>
- <b><data:adminFailureSnippet/></b>
- </span>
- <b:else/>
- <b:if cond='data:followingLinkPresent'>
- <div class='follow-this profile-link item-control following-follow-this'>
- <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
- <data:followThisMessage/>
- </a>
- </div>
- <div class='follow-this profile-link item-control following-stop-following-this'>
- <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
- <data:stopFollowingMessage/>
- </a>
- </div>
- </b:if>
- <div class='followers-grid'>
- <b:if cond='data:totalFollowerCount == 0'>
- <div class='profile-link item-control following-follow-this'>
- <data:emptyFollowersMessage/>
- </div>
- </b:if>
- <!--
- Relies on the js written out in navbar.gxp
- -->
- <b:loop values='data:followers' var='follower'>
- <div class='follower'>
- <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
- <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
- </a>
- </div>
- </b:loop>
- <div class='clear'/>
- </div>
- <div class='followers-canvas profile-link'>
- <data:followersFooterMessage/>
- <span class='item-control following-not-admin'>
- <a expr:href='data:followersUri'>
- <data:viewAllMessage/>
- </a>
- </span>
- <span class='item-control blog-admin'>
- <a expr:href='data:manageFollowersUri'>
- <data:manageFollowersMessage/>
- </a>
- </span>
- </div>
- </b:if>
- </b:if>
- </div>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML2' locked='false' title='About' 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='Label3' locked='true' title='Tag' type='Label'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
- <b:if cond='data:display == "list"'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:else/>
- <b:loop values='data:labels' var='label'>
- <span expr:class='"label-size label-size-" + data:label.cssSize'>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </span>
- </b:loop>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='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("iframes-styles-bubble", function() {
- if (window.iframes && iframes.open) {
- iframes.open(
- '//www.blogger.com/navbar.g?targetBlogID\0755859403263930643383\46blogName\75Kedai+Data\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://www.kedaidata.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://www.kedaidata.com/\46vt\75-8164650076618513584',
- {
- container: "navbar-iframe-container",
- 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';
- var head = document.getElementsByTagName('head')[0];
- if (head) {
- head.appendChild(script);
- }})();
- </script>
- </b:includable>
- </b:widget>
- <b:widget id='HTML1' locked='false' title='BLOGROLL' 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='Label2' locked='false' title='Tag' type='Label'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
- <b:if cond='data:display == "list"'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:else/>
- <b:loop values='data:labels' var='label'>
- <span expr:class='"label-size label-size-" + data:label.cssSize'>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </span>
- </b:loop>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML4' locked='false' title='Blogger news' 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='HTML3' locked='false' title='Blogroll' 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='Feed2' locked='false' title='RECENT POSTS' type='Feed'>
- <b:includable id='main'>
- <h2><data:title/></h2>
- <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
- <span style='filter: alpha(25); opacity: 0.25;'>
- <a expr:href='data:feedUrl'><data:loadingMsg/></a>
- </span>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML5' locked='false' title='Blogger templates' 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='Feed1' locked='false' title='Blogger Templates' type='Feed'>
- <b:includable id='main'>
- <h2><data:title/></h2>
- <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
- <span style='filter: alpha(25); opacity: 0.25;'>
- <a expr:href='data:feedUrl'><data:loadingMsg/></a>
- </span>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <!-- spacer for skins that want sidebar and main to be the same height-->
- <div class='clear'> </div>
- </div> <!-- end content-wrapper -->
- <div id='background-bottom'>
- <div id='footer'>
- Copyright © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.
- <br/>Blogger templates created by <a href='http://www.templatesblock.com/' target='_blank'>Templates Block</a><br/>
- Wordpress theme by <a href='http://www.mytemplatebox.com/' target='_blank'>MyTemplateBox</a>
- </div>
- </div> </div> </div> <!-- end outer-wrapper -->
- <script src='http://evo13.googlecode.com/files/nav-12.js' type='text/javascript'/>
- <script type='text/javascript'>
- var home_page="/";
- var urlactivepage=location.href;
- var postperpage=7;
- var numshowpage=10;
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- /* Widgte by www.abu-farhan.com
- copyright by Abu Farhan
- Dont edit without permission from the Copyright owner
- */
- eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 r;2 s;2 m;2 f;Q();n R(S){T=U(S/g)+1;2 I=h.1g("1h-1i");J=\'<K 1j="1k" 1l="V"></K><K><a u="1m://1n.1o-W.1p" 1q="1r-1s: 1t; 1u: 1v;" 1w="1x">1y 1z 1A-W</a>\';6(I){I.1B=J}1C=1D 1E(\'V\',T,1F,m,"")}n L(v){2 w=v.w;2 X=U(w.1G$1H.$t,10);R(X)}n Q(){2 4=9;6(4.3("/i/j/")!=-1){6(4.3("?x-5")!=-1){f=4.o(4.3("/i/j/")+14,4.3("?x-5"))}k{f=4.o(4.3("/i/j/")+14,4.3("?&5"))}}6(4.3("?q=")==-1&&4.3(".J")==-1){6(4.3("/i/j/")==-1){s="Y";6(9.3("#p=")!=-1){m=9.o(9.3("#p=")+8,9.Z)}k{m=1}h.11("<7 y=\\""+b+"z/A/B?5-c=1&C=D-E-7&F=L\\"><\\/7>")}k{s="j";6(4.3("&5-c=")==-1){g=1I}6(9.3("#p=")!=-1){m=9.o(9.3("#p=")+8,9.Z)}k{m=1}h.11(\'<7 y="\'+b+\'z/A/B/-/\'+f+\'?C=D-E-7&F=L&5-c=1" ><\\/7>\')}}}n 1J(d){6(d!=1){G=(d-1)*g;r=d;2 H=h.12(\'13\')[0];2 e=h.15(\'7\');e.16=\'17/18\';e.1a("y",b+"z/A/B?1b-1c="+G+"&5-c=1&C=D-E-7&F=M");H.1d(e)}k{l=b;N.u=l}}n 1K(d){6(d!=1){G=(d-1)*g;r=d;2 H=h.12(\'13\')[0];2 e=h.15(\'7\');e.16=\'17/18\';e.1a("y",b+"z/A/B/-/"+f+"?1b-1c="+G+"&5-c=1&C=D-E-7&F=M");H.1d(e)}k{l=b+"i/j/"+f+"?&5-c="+g;N.u=l}}n M(v){O=v.w.1L[0];2 1e=O.1f.$t.o(0,19)+O.1f.$t.o(1M,1N);2 P=1O(1e);6(s=="Y"){2 l=b+"i?x-5="+P+"&5-c="+g+"#p="+r}k{2 l=b+"i/j/"+f+"?x-5="+P+"&5-c="+g+"#p="+r}N.u=l}',62,113,'||var|indexOf|thisUrl|max|if|script||urlactivepage||home_page|results|numberpage|newInclude|lblname1|postperpage|document|search|label|else|alamat|nomerhal|function|substring|PageNo||nopage|jenis||href|root|feed|updated|src|feeds|posts|summary|alt|json|in|callback|jsonstart|nBody|blogPager|html|div|hitungtotaldata|finddatepost|location|post|timestamp|halamanblogger|loophalaman|banyakdata|maksimal|parseInt|paginator1|farhan|totaldata|page|length||write|getElementsByTagName|head||createElement|type|text|javascript||setAttribute|start|index|appendChild|timestamp1|published|getElementById|blog|pager|class|paginator|id|http|www|abu|com|style|font|size|7pt|display|none|target|_blank|Widget|by|Abu|innerHTML|pag1|new|Paginator|numshowpage|openSearch|totalResults|20|redirectpage|redirectlabel|entry|23|29|encodeURIComponent'.split('|'),0,{}))
- //]]>
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment