TEMPLATE BLOG 1

Sila pilih untuk copy Template Blog di kotak scroll di bawah ini atau tekan/klik butang download

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

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

<b:else/>

</b:if>

<b:skin><![CDATA[/*

---*****************************

Blogger Template Style

Name: ChannelPro

Author: Peter Jackson

URL: http://www.bloggertheme9.com

URL 2 : http://www.theme-junkie.com/

Date: July 27 2013

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

---*****************************/

/* CSS Tanzeef

--------------------------- */

body#layout .section-title,body#layout #navbar2-mid,body#layout #slider,#navbar,.date-header,.feed-links,.post-location,.post-share-buttons,.post-icons{display: none !important;}

body#layout #rside-area{width:260px}

body#layout #topnav {height: 44px;}

body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;border:none;outline:none}

body, .body-fauxcolumn-outer {background: #EBEBEB; color: #333333; font: 12px Arial,serif; line-height:1.63em;}

h1, h2, h3, h4, h5{margin: 5px 0 10px 0}

h3 {font-size:15px}

h4 {font-size:13px}

h5 {font-size:12px}

h6{margin:0;}

a { color:#333333; }

a:hover { color:#326693; text-decoration:underline;}

.item-title a{}

.widget-inner{padding: 2px 0px; margin-left:12px;}

.widget-inner a{}

.list-label-widget-inner a{color:#000000;}

/* Header fock

----------------------------------------------- */

#header-area { height: 156px;}

#header-place {height: 0px; margin: 0 auto; position: relative; width: 930px; z-index: 2; }

#header{margin-top:0px; border:0 solid $bordercolor; color:$pagetitlecolor; float:left;width:335px;overflow:hidden; height:89px; }

#header,#header a { color: #fff }

#header a:hover {}

#header h1 {font-weight: bold; color:#fff; margin:7px 0px 0 8px; padding:8px 0px 0px 0px; font-family:cambria,georgia,times,times new roman,serif; font-size:32px;line-height:36px; }

#header h1 a,#header h1 a:visited{color:#326693;text-decoration:none}

#header h1 a:hover{color: #46759E;}

#header img {border:none;max-height:85px;margin:15px 0px 0 0px;}

#header .description {padding-left:7px; color:#ccc; line-height:14px; height:20px; font-size:12px; padding-top:0px;margin:3px 0px 0 5px; text-transform:uppercase;}

#header-rside{float:right;width:485px;margin-right:0px;padding-right:0px;overflow:hidden;}

#header-rside .widget{float:right; margin-top:14px; margin-right:0px}

#place-area{background: #fff; color: #666; border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; font-size:11px; margin-top:15px;}

#meta a{margin:7px 0 7px;}

#ArchiveList{margin-left:14px;}

#topnav {float: left;height: 24px;}

.PageList li { display: block; float: left; height: 24px; position: relative; z-index: 100; }

.PageList li a { font-weight:bold; display: block; font-size:11px; text-transform:uppercase; line-height:33px; padding: 0 13px; color:#666666;}

.PageList li.selected a {background-color:#326693; color:#fff;}

.PageList li.selected:hover a {text-decoration:none}

.PageList li a:hover {background-color:#326693; color:#fff; text-decoration:none}

#navbar2-mid{width:930px;margin:2px auto 0;display:block;padding:0 0 0 0; font:13px/15px Arial,Helvetica,sans-serif; height: 34px; border-top: 1px solid #e0e0e0;border-bottom: 3px solid #326693; line-height:18px;}

#cmenubar,#cmenubar ul{padding:0;list-style:none;height:34px}

#cmenubar a{color:#333;display:block;font-weight:normal;padding:8px 15px ;text-decoration:none; border-right:1px solid #E6E6E6;}

#cmenubar a:hover{color:#fff;display:block;text-decoration:none; background:#326693;}

#cmenubar li{float:left;margin:0;padding:0}

#cmenubar li li{float:left;margin:0 0 0 0;padding:0;width:130px}

#cmenubar li li a,#cmenubar li li a:link,#cmenubar li li a:visited{width:144px;float:none;margin:0;padding:8px 12px;color:#333;border:1px solid #f0f0f0;text-decoration:none; background-color:#fff;}

#cmenubar li li a:hover,#cmenubar li li a:active{width:144px;float:none;margin:0;padding:8px 12px; color:#fff; background-color:#326693; border:1px solid #f0f0f0;}

#cmenubar li ul{position:absolute;width:10em;left:-999em;z-index:1}

#cmenubar li:hover ul{left:auto;display:block}

#cmenubar li:hover ul,#cmenubar li.sfhover ul{left:auto}

/* Makaan al Bahas

----------------------------------------------- */

#search-area {float: right;display: inline;width: 160px;margin: 3px 0px 3px 0;}

#search-area input { border:none;float: left;background: #fff;width: 100px;height: 16px;padding: 4px 7px 4px 7px;font-size: 11px;line-height: 12px;color: #999;line-height: 12px; }

#search-area input:last-child { background:url(http://1.bp.blogspot.com/-pLllEkWK5Xk/UU81v_fYxDI/AAAAAAAAAlw/QEDcP6UihK4/s1600/brant.gif) no-repeat;

height: 21px; float: right; margin-right:7px; width:20px; margin-top:3px;

cursor: pointer;; border:none; color:#555555; }

#searchform{background: #FFF;border: 1px solid #e0e0e0;height: 25px;}

#submit{float: right; background: url(http://3.bp.blogspot.com/-R01WgXkXgGg/USJo-W6jAlI/AAAAAAAAAdk/kCuh6OwhyLw/s1600/search-icon.gif) no-repeat left center; width: 19px; height: 18px;

padding: 4px 6px 4px 0;overflow: hidden;text-indent: -5555em;cursor: pointer;}

#main-area {background: #FFFFFF; overflow: hidden; width: 960px; border: 1px solid #dfdfdf; margin: 0 auto 10px auto;}

#post-area { float: left; width: 618px;}

#rside-area { float: right; width: 300px; margin:19px 15px 0 0;}

.rss-subscribe {background: url(http://3.bp.blogspot.com/-koeDUWkpQ1g/UTnd8AAO42I/AAAAAAAAAjk/xosW67WjXmw/s1600/ico-rss.png) no-repeat 0 7px;text-indent: -555em;float: right;display: block;width: 16px;height: 24px;}

.post {}

.post h1 {color: #333333; font-size: 22px; line-height: 24px; font-weight: bold; margin:5px 0 10px 4px;}

.post-title{color:##333333; font-weight:normal;}

.post-title a,.post-title a:visited,.post-title strong{text-decoration:none;color:#333333; font-size:14px; line-height:17px; font-weight:bold; }

.post-title strong,.post-title a:hover{text-decoration:underline;}

.post-body{color: #333333; line-height: 1.63em; font-family: Arial,serif; font-size: 12px; padding:0px 0px 0px 0px; margin:10px 10px 16px 4px ;}

.post-body img{margin:4px 4px 48px 7px; background:#ffffff;}

.post blockquote { color: #666;font-size: 1em;font-style: italic;border-left: 10px solid #f7f7f7; margin: 20px 20px;padding: 0 30px 0 20px;overflow: hidden;}

.clear {clear: both;}

.fb_edge_widget_with_comment{top:-4px;}

.date-header{color:#999; font-size:11px; font-weight:normal;}

.comment-sec a, .title-secondary{color:#999999;font-size:11px; padding:0px 0 0px 5px;}

.title-sap{color:#999999;font-size:11px; padding:0px 0 4px 10px;}

.title-category{color: #333; margin-left:4px; font-weight:bold;}

.title-category a{font-weight:normal;}

.title-comment{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOutjJJoIwodMDD58RcUGPATets3Lel7YGXCQ_EaPckw7biciS-xMJwjImDYoccBiALY17alLdfFdXcqzeTrpjjc-_uW7LviwgTFsqWcmDNQLJwxNmjv3uQlEjnLONUYwzRZpgxCPiP_M/s14/comment.png) no-repeat scroll left center transparent; float: right; margin-left: 15px; padding: 0 0 0 18px; }

#s3slider {border:1px solid #f0f0f0; width: 605px; height: 270px;

position: relative; overflow: hidden; margin:0 0 15px 15px; padding:4px;}

#s3sliderContent { position: absolute; }

.s3sliderImage {float: left; position: relative; display: none; }

.s3sliderImage span { position: absolute; left: 0; font-family:Helvetica, Arial, sans-serif; font-size:20px; padding: 14px 15px; width: 575px; background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #fff; display: none; bottom: 0; }

.rix{clear:both}

.rd-more{font-weight:bold; font-size:11px; margin:0; float:right;}

.post-thumbnail{width:80px;height:80px;float:left; border:1px solid #E0E0E0; margin:0 12px 10px 0; padding:4px;}

.post-snippet:before{content:attr(data-snippet);}

#delatepubpost{float:left;width:600px; margin:4px 0px 15px 5px;}

#delatepubpost h3{font-size: 16px; padding-bottom: 5px; background:none;font-weight:bold;}

#delatepubpost .mugs-in {border:1px solid #ECEDE8; padding:4px; width:125px; height:80px;}

#delatepubpost .mugs-in:hover{}

.delate-post{width:148px}

.delate-post a{text-decoration:underline;}

#tabbed_box_1{margin: 0px auto 0px auto; width:300px; }

.tabbed_box h4{font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#ffffff; letter-spacing:-1px; margin-bottom:10px;}

.tabbed_box h4 small{color:#e3e9ec; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:-4px; left:6px; letter-spacing:0px;}

.tabbed_area{ background: #f0f0f0 !important; border: 1px solid #ECEDE8; background: #FFF; overflow: hidden; margin: 0 0 15px 0; padding: 6px;}

ul.tabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:6px;}

ul.tabs li {list-style:none; display:inline;}

ul.tabs li a {padding:8px 14px 8px 14px; text-decoration:none; font-size:9px;

font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; background-image:url(); background-repeat:repeat-x; background-position:bottom;}

ul.tabs li a:hover {color:#000;}

ul.tabs li a.active {background-color:#ffffff;color:#282e32; border-bottom: 1px solid #ffffff; background-image:url(); background-repeat:repeat-x; background-position:top; position:relative;top:1px;}

.content {height:88px; background-color:#ffffff; padding:10px; font-family:Arial, Helvetica, sans-serif; background-image:url(); background-repeat:repeat-x; background-position:bottom; }

#content_2, #content_3 { display:none; }

.content ul {margin:0px; padding:0px 0px 0px 0px;}

.content ul li {display: block; width:120px; float:left; line-height: 18px;

margin-right: 7px; list-style:none; border-bottom:1px dotted #e6e6e6; font-size:13px; padding: 10px 0 5px;}

.content ul li a {text-decoration:none; color:#3e4346; padding-left:17px;}

.content ul li a small {color:#8b959c; font-size:9px; text-transform:uppercase;

font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px;

top:0px; }

.content ul li a:hover {color:#326693; text-decoration:underline;}

.content ul li a:hover small {color:#baae8e;}

.widget-rss {background: url(http://4.bp.blogspot.com/-KlC-3EHLYuE/Ucw9V7DYQTI/AAAAAAAABhk/trkft0UBQhI/s13/ico-feed.png) no-repeat 0px 3px !important;}

.widget-email {background: url(http://3.bp.blogspot.com/-4QKUBWfSblQ/Ucw9U8ljx0I/AAAAAAAABhc/MmMfP1sdH3Q/s12/ico-email.png) no-repeat 0px 3px !important;}

.widget-twitter {background: url(http://2.bp.blogspot.com/-2CjPy75FwF0/Ucw9UAmvzRI/AAAAAAAABhU/Kmw-odEaCnM/s12/ico-twitter.png) no-repeat 0px 3px !important;}

.widget-facebook{background: url(http://4.bp.blogspot.com/-d_-Nn2Je3oo/Ucw9Tc-W69I/AAAAAAAABhM/FjUBOcdkVOs/s12/ico-facebook.png) no-repeat 0px 3px !important;}

#tab-sidebar{background:#F0F0F0 !important; border: 1px solid #ECEDE8; margin: 0 0 15px; overflow: hidden; padding: 6px;}

.tab-items .selected{background:#326693 !important;color:#fff !important;}

.tags-items .selected{background:#fff !important;color:#444 !important;}

.tab-items {height: 32px; width:290px;}

.tags-items li, .tab-items li { background:#fff; font-size:11px; font-weight:bold; padding: 0; width: auto;}

.tags-items li a, .tab-items li a {background: #FFFFFF; border: 1px solid #E6E6E6; color: #444444; cursor: pointer; display: block; float: left; height: 32px; line-height: 32px; margin: 0 3px 0 0; padding: 0 8px; text-align: center; text-transform: uppercase;}

.tags-items li a:hover, .tab-items li a:hover{text-decoration:none;}

.cloud-label-widget-content{margin:12px;}

#column-left {width: 49%; float: left; }

#column-right {width: 49%; float: right; }

#recent-posts li,#PopularPosts1 li,#recent-comments-avatar li { padding:10px 6px 4px; background:#fff; border-bottom: 1px solid #ECEDE8;}

#recent-posts a {text-decoration:none}

#recent-posts a:hover{text-decoration:underline}

.PopularPosts img,#recent-posts img,#recent-comments-avatar img {width:48px;height:48px;float:left; padding:4px;border:1px solid #ECEDE8; margin:0 5px 5px 0; }

.PopularPosts h2,#recent-posts h2 {display:none}

.tabs-inner { clear: both; margin:5px 0 0; position: relative; width: 287px; }

.widget-social{padding:5px; }

.widget-social li {display:inline; border-bottom: 1px dotted #E6E6E6; border-top: medium none; padding: 10px 0 5px;}

.widget-social li a{height:90px}

/* Aozaa'a Zaaid

----------------------------------------------- */

.breadcrumbs { border-bottom:1px solid #ECEDE8; clear: both; color: #9f9f9f; font-size: 11px; line-height:1px; padding:20px 5px; text-transform:uppercase; }

.breadcrumbs a{background: url("http://4.bp.blogspot.com/-ROjhSJXsXL4/UXpn6JxX4yI/AAAAAAAAA10/paRUKg0ZNao/s1600/bullet.png") no-repeat right center;padding-right: 8px; color:#999999}

.advert{color:#999; margin:0px; font-size:10px; text-align:center;}

.share-buton{ border:1px solid #ECEDE8; float: left; display: inline; width: 281px; margin-left:12px; }

.share-buton p{ margin:0; padding:10px; font-size: 13px; line-height: 1; color:#000; border-bottom:1px solid #ECEDE8; background:#fafafa;}

#MD-StoTop {padding:0px;position:fixed;bottom:5px;right:3px;cursor:pointer;}

.auth-panel {background: #FaFaFa; margin:12px 15px 15px 4px; padding: 10px 15px; border: 1px solid #ECEDE8; overflow: auto;}

.auth-panel h6{font-size:16px; Arial,Helvetica,Sans-serif; font-weight: bold;color:#000;}

.auth-panel p {font-size:12px; line-height: 20px;}

.auth-panel img {background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #E6E6E6; height:60px; width:60px;}

.auth-panel a:hover {color:#666666;}

.form-go{ font-size:11px; background: #326693; color: #fff; font-weight: bold; height: 24px; padding: 4px 1px; border: 1px solid #e6e6e6; cursor: pointer; width:67px;}

.form-go:hover{}

#crosscol-wrapper{display:none;}

.sidebar .widget {margin-bottom: 20px;}

.sidebar{margin-left:0px}

.sidebar h2 {background:#326693; border-bottom:2px solid #ECEDE8; color: #ffffff; clear: both; font-weight: bold;font-size: 13px; height: 30px; line-height:30px; margin-bottom: 10px; padding: 0 15px;}

.sidebar li {border-bottom: 1px dotted #d2d2d2; padding:7px 0 7px 11px; background: url("http://4.bp.blogspot.com/-KJSw0_QaN7w/Ucxp-uskygI/AAAAAAAABh4/Y8Lrxg3ou-E/s7/ico-bullet.gif") no-repeat 0 12px;}

#blog-pager {overflow:visible;text-align:center; padding: 15px 0 24px 8px; font-size:12px; clear:both;}

#blog-pager-newer-link {padding:5px;font-size:90%;text-align:left;float:none;}

#blog-pager-older-link {padding:5px;font-size:90%;text-align:right;float:none;}

#blog-pager-newer-link a{text-decoration:none;padding-left:24px; }

#blog-pager-older-link a{text-decoration:none;background-position: 100%;padding: 0 25px 0 0;}

#blog-pager-older-link a:hover{ color:#000 ;}

#blog-pager-newer-link a:hover{ color:#000 ;}

#comments .comment-author {padding-top: 1.5em; border-top: 1px solid $(body.rule.color); background-position: 0 1.5em;}

#comments .comment-author:first-child {padding-top: 0; border-top: none;

}

.comments .comment-content{ padding:5px 0;line-height:1.4em;}

.avatar-image-container {margin: .2em 0 0;

}

.comments{margin:35px 0 0 0;}

#comments .avatar-image-container img {border: 1px solid $(image.border.color);

}

.comment-actions a{font-size:11px; color:#777 !important}

.comments .comments-content .user{font-size:16px; color:#000;}

.comments .comments-content .datetime{font-size:11px; color:#777 !important}

.comments .comments-content .datetime a{color:#777;}

.comments .comments-content .comment-thread ol a{color:#000; }

.comments .comments-content .icon.blog-author { background-repeat: no-repeat;

background-image: url(http://3.bp.blogspot.com/-GsXem1Chqrc/UUdaYTwiWoI/AAAAAAAAAlg/Sh20UKfJJiI/s1600/autenti.jpg); height:38px; margin:0; position:absolute; right:0px; top:-0px; width:38px; }

.comment-form{width:90%;max-width:90%}

.comments .comments-content .loadmore a {border-top: 1px solid $(.alternate.text.color); border-bottom: 1px solid $(widget.alternate.text.color);

}

.comments .comment-block{border: 1px solid #ddd; padding: 7px; box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);}

.comments .comment-thread.inline-thread {background-color: $(post.footer.background.color);

}

.comments .continue a{background:#f9f9f9; width:130px; border:1px solid #ddd; border-radius:9px;padding: 10px; color:#000;}

.comments .continue {border-top: 2px solid $(widget.alternate.text.color);

}

.comments h4 {font: $(post.title.font); margin: .75em 0 0; padding: 10px; border: 1px solid #ddd; width: 100px;}

#feet-area { background:#fff; color: #333; overflow: hidden; padding: 16px 6px;border-top: 1px solid #ECEDE8;}

#feet-area a {}

#feet-area h2 {border-bottom: 1px solid #ddd; padding: 0 0 10px 0; font-size: 12px; line-height: 1;}

#feet-area li { border-bottom: 1px solid #f0f0f0;padding:5px 15px; background: url("http://4.bp.blogspot.com/-KJSw0_QaN7w/Ucxp-uskygI/AAAAAAAABh4/Y8Lrxg3ou-E/s7/ico-bullet.gif") no-repeat 0 12px;}

#feet{border-top: 1px solid #e0e0e0;clear: both; color: #333; padding: 15px 15px 33px; font-size:11px;}

#feet a{color: #fff;}

#feet-left{color:#333;float:left;overflow:hidden;}

#feet-left a{color:#333;text-decoration:none; border-bottom: 1px dotted #ccc;}

#feet-left a:hover{color:#326693;text-decoration:none;border-bottom: 1px dotted #999;}

#feet-right{color:#333;float:right;overflow:hidden;}

#feet-right a{color:#333;text-decoration:none; border-bottom: 1px dotted #ccc;}

#feet-right a:hover{text-decoration:none;color:#326693;border-bottom: 1px dotted #999;}

#third-w a {margin:7px 0 8px;}

.column {float: left; display: inline; width: 214px; padding: 0; margin: 20px 17px 15px 10px; border-bottom: 0;}

#rightcolumn{margin-right:0}

.showpageArea {float:left; font: 12px Arial,serif}

.showpageOf{margin:2px;color: #333;padding: 0 10px 0 0;}

.showpagePoint{background: #ffffff;border: 1px solid #dfdfdf !important;color: #333;margin:0 5px;padding: 4px 7px;}

.showpage a, .showpageNum a{background: #f7f7f7; padding: 4px 7px; margin:0 5px; border: 1px solid #e0e0e0; color:#333;text-decoration:none;}

.showpage a:hover, .showpageNum a:hover{text-decoration:underline;}

.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#5f4331}

]]></b:skin>

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

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

h2.date-header{margin:.2em 0 .4em}

h2{margin: 0px 0 5px 0;}

.post h3{font:16px Arial;line-height:1em;margin:0 0 8px;padding:0;}

.post{float: left; border:1px solid #ECEDE8; margin:0 0 15px 15px; padding:10px; width: 278px; height:220px;}

.post-body{border-top:none;padding-top:0px;background:none;}

#post-area{margin:20px 0px; width:630px;}

</style>

</b:if></b:if>

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

#post-area{margin:7px 0 40px 11px;}

.post-body img {margin:3px;}

.post-title a{color:#000; font-size:24px; font-weight:bold; line-height:28px;}

.post-title a:hover{color:#000; text-decoration:none;}

h2{margin: 5px 0 10px 0;}

</style>

</b:if>

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

.post-title a{color:#000; font-size:24px; font-weight:bold; line-height:28px;}

.post-title a:hover{color:#000; text-decoration:none;}

#post-area{margin:12px 0 30px 16px;}

</style>

</b:if>

summary_noimg = 200;

summary_img = 200;

img_thumb_height = 120;

img_thumb_width = 150;

</script>

/* Widget by http://duytemplates.tintucmoivn.com/

Dont edit without permission from the Copyright owner-------------------------------------*/

$(function() {

$.fn.scrollToTop = function() {

$(this).hide().removeAttr("href");

if ($(window).scrollTop() != "0") {

$(this).fadeIn("slow")

}

var scrollDiv = $(this);

$(window).scroll(function() {

if ($(window).scrollTop() == "0") {

$(scrollDiv).fadeOut("slow")

} else {

$(scrollDiv).fadeIn("slow")

}

});

$(this).click(function() {

$("html, body").animate({

scrollTop: 0

}, "slow")

})

}

});

$(function() {

$("#MD-StoTop").scrollToTop();

});

</script>

//<![CDATA[

//** Tab Content script v2.0- A© Dynamic Drive DHTML code library (http://www.dynamicdrive.com)

//** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:

// -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected

// -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted

// -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)

// -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container

//** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically

//** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)

////NO NEED TO EDIT BELOW////////////////////////

function ddtabcontent(tabinterfaceid){

this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container

this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container

this.enabletabpersistence=true

this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container

this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array

this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)

this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)

this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")

}

ddtabcontent.getCookie=function(Name){

var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair

if (document.cookie.match(re)) //if cookie found

return document.cookie.match(re)[0].split("=")[1] //return its value

return ""

}

ddtabcontent.setCookie=function(name, value){

document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)

}

ddtabcontent.prototype={

expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers

this.cancelautorun() //stop auto cycling of tabs (if running)

var tabref=""

try{

if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr

tabref=document.getElementById(tabid_or_position)

else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr

tabref=this.tabs[tabid_or_position]

}

catch(err){alert("Invalid Tab ID or position entered!")}

if (tabref!="") //if a valid tab is found based on function parameter

this.expandtab(tabref) //expand this tab

cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )

if (dir=="next"){

var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0

}

else if (dir=="prev"){

var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1

}

if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function

this.cancelautorun() //stop auto cycling of tabs (if running)

this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])

setpersist:function(bool){ //PUBLIC function to toggle persistence feature

this.enabletabpersistence=bool

setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")

this.selectedClassTarget=objstr || "link"

getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to

return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref

urlparamselect:function(tabinterfaceid){

var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL

return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index

expandtab:function(tabref){

var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand

//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through

var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""

this.expandsubcontent(subcontentid)

this.expandrevcontent(associatedrevids)

for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"

this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""

}

if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers

ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)

this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array

expandsubcontent:function(subcontentid){

for (var i=0; i<this.subcontentids.length; i++){

var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)

subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none" //"show" or hide sub content based on matching id attr value

}

expandrevcontent:function(associatedrevids){

var allrevids=this.revcontentids

for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface

//if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it

document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"

}

setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)

for (var i=0; i<this.hottabspositions.length; i++){

if (tabposition==this.hottabspositions[i]){

this.currentTabIndex=i

break

}

autorun:function(){ //function to auto cycle through and select tabs based on a set interval

this.cycleit('next', true)

cancelautorun:function(){

if (typeof this.autoruntimer!="undefined")

clearInterval(this.autoruntimer)

init:function(automodeperiod){

var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)

var selectedtab=-1 //Currently selected tab index (-1 meaning none)

var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index

this.automodeperiod=automodeperiod || 0

for (var i=0; i<this.tabs.length; i++){

this.tabs[i].tabposition=i //remember position of tab relative to its peers

if (this.tabs[i].getAttribute("rel")){

var tabinstance=this

this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers

this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)

this.tabs[i].onclick=function(){

tabinstance.expandtab(this)

tabinstance.cancelautorun() //stop auto cycling of tabs (if running)

return false

}

if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element

this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))

}

if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){

selectedtab=i //Selected tab index, if found

}

} //END for loop

if (selectedtab!=-1) //if a valid default selected tab index is found

this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)

else //if no valid default selected index found

this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr

if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){

this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)

}

} //END int() function

} // Prototype assignment//]]>

//<![CDATA[

/* ------------------------------------------------------------------------

s3Slider

Developped By: Boban Kari??ik -> http://www.serie3.info/

CSS Help: M?©sz??ros R?³bert -> http://www.perspectived.com/

Version: 1.0

long as you leave my infos at the top.

-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;

var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;

var current = null;

var timeOutFn = null;

var faderStat = true;

var mOver = false;

var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");

var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {

mOver = true;

});

$(items[i]).mouseout(function() {

mOver = false;

fadeElement(true);

});

var fadeElement = function(isMouseOut) {

var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

thisTimeOut = (faderStat) ? 10 : thisTimeOut;

if(items.length > 0) {

timeOutFn = setTimeout(makeSlider, thisTimeOut);

} else {

console.log("Poof..");

}

var makeSlider = function() {

current = (current != null) ? current : items[(items.length-1)];

var currNo = jQuery.inArray(current, items) + 1

currNo = (currNo == items.length) ? 0 : (currNo - 1);

var newMargin = $(element).width() * currNo;

if(faderStat == true) {

if(!mOver) {

$(items[currNo]).fadeIn((timeOut/6), function() {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

}

});

}

} else {

if(!mOver) {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

}

makeSlider();

};

})(jQuery);

//]]>

</script>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

</script>

//<![CDATA[

/* Widget by www.maskolis.com

Dont edit without permission from the Copyright owner-------------------------------------*/

eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('v q=S T();v E=0;v B=S T();v F=S T();V 1h(17){W(v i=0;i<17["\\t\\2\\2\\n"]["\\2\\6\\3\\7\\U"]["\\4\\2\\6\\9\\3\\f"];i++){v N=17["\\t\\2\\2\\n"]["\\2\\6\\3\\7\\U"][i];q[E]=N["\\3\\8\\3\\4\\2"]["\\1b\\3"];1i{F[E]=N["\\9\\t\\g\\7\\A\\19\\t\\g\\g\\3"]["\\X\\7\\4"]}1k(1t){s=N["\\m\\g\\6\\3\\2\\6\\3"]["\\1b\\3"];a=s["\\8\\6\\n\\2\\P\\10\\t"]("\\u\\8\\A\\9");b=s["\\8\\6\\n\\2\\P\\10\\t"]("\\h\\7\\m\\I\\o",a);c=s["\\8\\6\\n\\2\\P\\10\\t"]("\\o",b+5);d=s["\\h\\X\\z\\h\\3\\7"](b+5,c-b-5);G((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){F[E]=d}15{F[E]="\\f\\3\\3\\y\\H\\l\\l\\1c\\D\\z\\y\\D\\z\\4\\g\\9\\h\\y\\g\\3\\D\\m\\g\\A\\l\\O\\1s\\1n\\1l\\6\\n\\1d\\z\\1r\\M\\16\\g\\l\\1j\\O\\16\\3\\12\\1o\\9\\1m\\h\\1p\\1q\\l\\K\\K\\K\\K\\K\\K\\K\\K\\1d\\11\\g\\l\\m\\16\\14\\19\\10\\U\\12\\M\\14\\7\\m\\l\\h\\1c\\14\\M\\M\\l\\6\\g\\O\\J\\8\\n\\2\\g\\D\\9\\8\\t"}};G(q[E]["\\4\\2\\6\\9\\3\\f"]>1f){q[E]=q[E]["\\h\\X\\z\\h\\3\\7\\8\\6\\9"](0,1f)+"\\D\\D\\D"};W(v k=0;k<N["\\4\\8\\6\\13"]["\\4\\2\\6\\9\\3\\f"];k++){G(N["\\4\\8\\6\\13"][k]["\\7\\2\\4"]=="\\p\\4\\3\\2\\7\\6\\p\\3\\2"){B[E]=N["\\4\\8\\6\\13"][k]["\\f\\7\\2\\t"];E++}}}};V 1E(){v Q=S T(0);v Y=S T(0);v Z=S T(0);W(v i=0;i<B["\\4\\2\\6\\9\\3\\f"];i++){G(!18(Q,B[i])){Q["\\4\\2\\6\\9\\3\\f"]+=1;Q[Q["\\4\\2\\6\\9\\3\\f"]-1]=B[i];Y["\\4\\2\\6\\9\\3\\f"]+=1;Z["\\4\\2\\6\\9\\3\\f"]+=1;Y[Y["\\4\\2\\6\\9\\3\\f"]-1]=q[i];Z[Z["\\4\\2\\6\\9\\3\\f"]-1]=F[i]}};q=Y;B=Q;F=Z};V 18(a,e){W(v j=0;j<a["\\4\\2\\6\\9\\3\\f"];j++){G(a[j]==e){1g 1F}};1g 1G};V 1D(){W(v i=0;i<B["\\4\\2\\6\\9\\3\\f"];i++){G((B[i]==1B)||(!(q[i]))){B["\\h\\y\\4\\8\\m\\2"](i,1);q["\\h\\y\\4\\8\\m\\2"](i,1);F["\\h\\y\\4\\8\\m\\2"](i,1);i--}};v r=1a["\\t\\4\\g\\g\\7"]((q["\\4\\2\\6\\9\\3\\f"]-1)*1a["\\7\\p\\6\\n\\g\\A"]());v i=0;G(q["\\4\\2\\6\\9\\3\\f"]>0){L["\\x\\7\\8\\3\\2"]("\\u\\f\\12\\w"+1w+"\\u\\l\\f\\12\\w")};L["\\x\\7\\8\\3\\2"]("\\u\\n\\8\\J\\C\\h\\3\\U\\4\\2\\I\\o\\m\\4\\2\\p\\7\\H\\C\\z\\g\\3\\f\\R\\o\\l\\w");1u(i<q["\\4\\2\\6\\9\\3\\f"]&&i<1x&&i<1C){L["\\x\\7\\8\\3\\2"]("\\u\\p\\C\\h\\3\\U\\4\\2\\I\\o\\3\\2\\P\\3\\O\\n\\2\\m\\g\\7\\p\\3\\8\\g\\6\\H\\6\\g\\6\\2\\R\\A\\p\\7\\9\\8\\6\\H\\M\\C\\M\\y\\P\\C\\M\\y\\P\\C\\M\\R\\t\\4\\g\\p\\3\\H\\4\\2\\t\\3\\R\\z\\g\\7\\n\\2\\7\\H\\6\\g\\6\\2\\R");G(i!=0){L["\\x\\7\\8\\3\\2"]("\\z\\g\\7\\n\\2\\7\\H\\6\\g\\6\\2\\R\\o")}15{L["\\x\\7\\8\\3\\2"]("\\o")};L["\\x\\7\\8\\3\\2"]("\\C\\f\\7\\2\\t\\I\\o"+B[r]+"\\o\\w\\u\\n\\8\\J\\C\\m\\4\\p\\h\\h\\I\\o\\p\\7\\7\\g\\x\\O\\z\\X\\3\\o\\w\\u\\8\\A\\9\\C\\m\\4\\p\\h\\h\\I\\o\\A\\X\\9\\h\\O\\8\\6\\o\\C\\h\\7\\m\\I\\o"+F[r]+"\\o\\l\\w\\u\\z\\7\\l\\w\\u\\l\\n\\8\\J\\w\\u\\n\\8\\J\\C\\m\\4\\p\\h\\h\\I\\o\\n\\2\\4\\p\\3\\2\\O\\y\\g\\h\\3\\o\\w"+q[r]+"\\u\\l\\n\\8\\J\\w\\u\\l\\p\\w");G(r<q["\\4\\2\\6\\9\\3\\f"]-1){r++}15{r=0};i++};L["\\x\\7\\8\\3\\2"]("\\u\\l\\n\\8\\J\\w");B["\\h\\y\\4\\8\\m\\2"](0,B["\\4\\2\\6\\9\\3\\f"]);F["\\h\\y\\4\\8\\m\\2"](0,F["\\4\\2\\6\\9\\3\\f"]);q["\\h\\y\\4\\8\\m\\2"](0,q["\\4\\2\\6\\9\\3\\f"])};$(L)["\\7\\2\\p\\n\\U"](V(){$("\\1e\\m\\7\\2\\n\\8\\3")["\\f\\3\\A\\4"]("\\u\\p\\C\\f\\7\\2\\t\\I\\o\\f\\3\\3\\y\\H\\l\\l\\x\\x\\x\\D\\z\\4\\g\\9\\9\\2\\7\\3\\f\\2\\A\\2\\11\\D\\m\\g\\A\\l\\o\\w\\1y\\4\\g\\9\\9\\2\\7\\3\\f\\2\\A\\2\\11\\u\\l\\p\\w");1A(V(){G(!$("\\1e\\m\\7\\2\\n\\8\\3\\H\\J\\8\\h\\8\\z\\4\\2")["\\4\\2\\6\\9\\3\\f"]){1z["\\4\\g\\m\\p\\3\\8\\g\\6"]["\\f\\7\\2\\t"]="\\f\\3\\3\\y\\H\\l\\l\\x\\x\\x\\D\\z\\4\\g\\9\\9\\2\\7\\3\\f\\2\\A\\2\\11\\D\\m\\g\\A\\l"}},1v)});',62,105,'||x65|x74|x6C||x6E|x72|x69|x67||||||x68|x6F|x73||||x2F|x63|x64|x22|x61|relatedTitles|||x66|x3C|var|x3E|x77|x70|x62|x6D|relatedUrls|x20|x2E|relatedTitlesNum|thumburl|if|x3A|x3D|x76|x41|document|x30|entry|x2D|x78|tmp|x3B|new|Array|x79|function|for|x75|tmp2|tmp3|x4F|x39|x33|x6B|x36|else|x4E|json|contains_thumbs|x5F|Math|x24|x31|x47|x23|35|return|related_results_labels_thumbs|try|x54|catch|x53|x4B|x6A|x48|x44|x49|x46|x51|error|while|3000|relatedpoststitle|20|x42|window|setInterval|currentposturl|maxresults|printRelatedLabels_thumbs|removeRelatedDuplicates_thumbs|true|false'.split('|'),0,{}))//]]>

</script>

// When the document loads do everything inside here ...

$(document).ready(function(){

// When a link is clicked

$("a.tab").click(function () {

// switch all tabs off

$(".active").removeClass("active");

// switch this tab on

$(this).addClass("active");

// slide all content up

$(".content").slideUp();

// slide this content up

var content_show = $(this).attr("title");

$("#"+content_show).slideDown();

});

</script>

</head>

<body>

<b:section class='topnav' id='topnav' showaddelement='no'>

<b:widget id='PageList1' locked='true' title='Pages' type='PageList' version='1'>

<b:widget-settings>

<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'http://abdulsyaafi.blogspot.com/', 'title': 'Halaman Utama', 'position': 0}}]]></b:widget-setting>

<b:widget-setting name='homeTitle'>Halaman Utama</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:mobile'>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</select>

<b:else/>

<ul>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</ul>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<div>

</div>

</form>

</div>

</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Cara Mudah Buat Blog (Pengatas)' type='Header' version='1'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRjv2N9ak-M35r4MuPkxZ3NgkzhqYYBA8TV_2Bsa0KGjJderpGG9ZtLRlAdvsgpcwZtWpn7ptjCFXxkoSupZk7yiH337Ue9EysO7j3rqG3qwGqrleK4Q7XXN76wZE9FvRV6VsVNagXflfN/s1600/Header.png</b:widget-setting>

<b:widget-setting name='displayHeight'>77</b:widget-setting>

<b:widget-setting name='sectionWidth'>600</b:widget-setting>

<b:widget-setting name='useImage'>true</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>

<b:widget-setting name='displayWidth'>468</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

</b:includable>

</b:widget>

</b:section>

<b:section class='header' id='header-rside' maxwidgets='1' showaddelement='yes'>

<b:widget id='Image1' locked='false' title='' type='Image' version='1'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqdcq6bYm3aLkejZmND21kWtnfl4rMK2x2z7EeAs-PvtE2L0vvmmcyMEh4FvM3tDGXLiXe1sQ7UQArQjzNsVdQdRCdSzHeYpF3aIe8vCHIb2mePUmNZbvRYoslJXslhiB4DNtTgowTDzX/s1600/1.png</b:widget-setting>

<b:widget-setting name='displayHeight'>120</b:widget-setting>

<b:widget-setting name='sectionWidth'>600</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>485</b:widget-setting>

<b:widget-setting name='link'/>

<b:widget-setting name='caption'/>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<b:if cond='data:link != ""'>

</a>

<b:else/>

</b:if>

<br/>

<b:if cond='data:caption != ""'>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

<ul>

<li><a href='https://abdulsyaafi.blogspot.com/'> : Halaman Utama :</a>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Kod Scroll Bar</a></li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-teks-dan-background-pada.html'>Kod Kotak Teks</a></li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-script-dengan-sudut-melengkung.html'>Kod Kotak Script</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>

<li><a href='#'>Sub Category</a></li>

</ul>

</li>

<li><a href='https://abdulsyaafi.blogspot.com/p/kod-warna.html'>Kod Warna</a>

</li>

</ul>

</div>

</div>

</div>

<b:section class='crosscol' id='crosscol' showaddelement='yes'/>

</div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

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

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqDXLEm00V7m4ORNcAGPvkI9yDRudqGQZTRVGyludir3yj5xLXz8er-gdooF-p3uJ2iMUDe6FRtUw8pAOKyaFviRHGwFutH2BtwNW2sB13EpC-TDf_TdyivwUDeiAxgMW9v7tfnvhd4rA/s605/0.jpg' style='width:605px;height:270px;'/><span>Langkah 1 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU9vgn4inUpqC-yB-n1fyGcaKeYhZhSEY9CPuaJuBiIX6TIc5Bf8k0fxnYeOTm-vTM4Ahc9qdu8kaqJ0p10FwXRVszDuYQREAZlhtQpPiYyQG2bnIEP2YzPcKlZYNc2-shIW6CW9DOkHx/s605/1.jpg' style='width:605px;height:270px;'/><span>Langkah 2 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAY3DZAACNNp-eKYQDqGTmQvr8raLWfOmy5-hcs7dKR2dnzUPLzpCqphZsgvASnOMWbCRDvjgqJkmm54UvWwGFLsZaTQr8WFi_Mf3ynJ_AVF7x4VDQZqSgjYCpu5QJtxUh4Wx2Wb9LfJn/s605/2.jpg' style='width:605px;height:270px;'/><span>Langkah 3 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWRJobm1mD5BUzUYJzGsfJWMeuYAfDiU8miydajsc6VrLblsVgsgGvhcd9OmiChFzEYTLnMm_t7_qrsFQ-la9uLKR_KVDNRKHgJkmvM66PBdZvXTY9-Y80VWvCg6UNi_BByOI09JpE-72/s605/3.jpg' style='width:605px;height:270px;'/><span>Langkah 4 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi24FuGabCGRpQFxI_8whtTvEyWYuVSLugtINUo2ocn0zWE4KT2LoFMcUUQMT7qGslIMSawZgJB31KFcCBB_kID9T8CNDRbZbUrMUbKsAWCHhmCI-NTIjk-MNc97F3uaAM_wJ-OMCWX00_S/s605/4.jpg' style='width:605px;height:270px;'/><span>Langkah 5 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvJRkUK0ybXtoFQ_-04f7Ipe7RaQOtPGoT2bfyJ0ak8n14zEvfknNwoRXbq0EWe7PfsE8ZmKAYSE8YjbVY0c2TIPKS0q8yHtZEQFct7BDreB1DZwVN8rPHSKu2fRkPzYwGXJ7l8x-poPBH/s605/5.jpg' style='width:605px;height:270px;'/><span>Langkah 6 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHncTmBsR6LjMfJunZ7XqKAr6b5DZiia72IoAcVpOM4mFvx974gvKU6HCZmRN8cYa7KVwAQiMJCxWayJS1QOkKbblw4fK-fJfmQ-xvonaWD1OwpQYsy8tLmqPLqb2KXX9UFGqSNNTaHUIm/s605/6.jpg' style='width:605px;height:270px;'/><span>Langkah 7 :"Klik Untuk Maklumat Lanjut"</span></a></li>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr45PIy5nDcnGEML-wJ86R1P4Z644MwnP6dP5hKVAUSvRC9dCD2Nexi-gLnslfKf_dTq7r9b-HC8XvPJ1BPXpgRy0EiZVYKPABA8P2_NpheuW4ZhLl-PTupI_-0SJb3sIjvVVFtLwuCvuH/s605/8.jpg' style='width:605px;height:270px;'/><span>Langkah 9 :"Klik Untuk Maklumat Lanjut"</span></a></li>

</ul>

</div>

</b:if>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog' version='1'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>By</b:widget-setting>

<b:widget-setting name='showCommentLink'>false</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>

<b:widget-setting name='showAuthor'>false</b:widget-setting>

<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showLocation'>false</b:widget-setting>

<b:widget-setting name='showTimestamp'>false</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

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

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:include data='post' name='post'/>

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

<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 cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<data:adEnd/>

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

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

<b:include name='nextprev'/>

</b:if>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

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

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

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

<b:includable id='comments' var='post'>

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

<data:post.commentRangeText/>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</div>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</div>

</b:loop>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

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

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

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

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

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

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

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

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

</b:if>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

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

<b:if cond='data:newerPageUrl'>

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

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<data:post.author/>

</a>

</span>

<b:else/>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

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

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</div>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

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

<div class='breadcrumbs'> <span typeof='v:Breadcrumb'>Hasil Carian Di : <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Halaman Utama</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'>

</b:if>

</b:loop>

</b:if>

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

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

<b:if cond='data:post.thumbnailUrl'>

<b:else/>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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

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

Posted by <data:post.author/> &nbsp;|&nbsp<span class='comment-sec'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></span>

</div>

</b:if>

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

Published by <data:post.author/> on <data:post.dateHeader/> &nbsp;|&nbsp<span class='comment-sec'><span class='comment-t'/><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></span>

</div>

</b:if>

<p>

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

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

</b:if>

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

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>

</div>

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

<div class='title-category'>Artikel ini di dalam kategori : <b:if cond='data:post.labels'><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></div>

<h6>Buat Blog Dengan Mudah</h6>

<p>

Hanya ikuti langkah-langkah yang diberi di sini..<br/>

</p>

</div>

</div>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>

</b:if>

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

var currentposturl="<data:post.url/>";

var maxresults=4;

var relatedpoststitle="<b>You might like : </b>";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

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

</b:if>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

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

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</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"' 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='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(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;

}

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 = '210px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

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

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML3' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><script type='text/javascript'>

<!--

var months = ['Januari', 'Februari', 'Mac', 'April', 'Mei', 'Jun', 'Julai', 'Ogos', 'September', 'Oktober', 'November', 'Disember'];

var myDays = ['Ahad', 'Isnin', 'Selasa', 'Rabu', 'Khamis', 'Jumaat', 'Sabtu'];

var date = new Date();

var day = date.getDate();

var month = date.getMonth();

var thisDay = date.getDay(),

thisDay = myDays[thisDay];

var yy = date.getYear();

var year = (yy < 1000) ? yy + 1900 : yy;

document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);

//-->

</script>

<!--

var a_p = "";

var d = new Date();

var curr_hour = d.getHours();

if (curr_hour < 12) {

a_p = "AM";

} else {

a_p = "PM";

}

if (curr_hour == 0) {

curr_hour = 12;

}

if (curr_hour > 12) {

curr_hour = curr_hour - 12;

}

var curr_min = d.getMinutes();

curr_min = curr_min + "";

if (curr_min.length == 1) {

curr_min = "0" + curr_min;

}

document.write(curr_hour + " : " + curr_min + " " + a_p);

//-->

</script>

</a></span></span></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML2' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><h3><a href='https://abdulsyaafi.blogspot.com/'>CARA MEMBUAT WEBLOG TERMUDAH</a></h3>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>

<b:widget-settings>

<b:widget-setting name='showaboutme'>true</b:widget-setting>

<b:widget-setting name='showlocation'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<b:if cond='data:team'>

<ul>

<b:loop values='data:authors' var='i'>

</b:loop>

</ul>

<b:else/>

<b:if cond='data:photo.url != ""'>

</b:if>

<data:displayname/>

</a>

<b:if cond='data:hasgoogleprofile'>

<br/>

</b:if>

</dt>

<b:if cond='data:showlocation'>

</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>

</dl>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Kategori' type='Label'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<li><a class='tab' href='#' title='content_2'>TEMPLATE BLOG</a></li>

</ul>

<ul>

<li><a class='widget-rss yellow' expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='Subscribe to our RSS feed'>RSS feeds</a></li>

<li><a class='widget-email' href='http://feedburner.google.com/fb/a/mailverify?uri=bloggertheme09&loc=en_US' rel='nofollow' target='_blank'>RSS via Email</a></li>

<li><a class='widget-twitter' href='YOUR-TWITTER-URL' rel='nofollow' target='_blank'>Follow on Twitter</a></li>

<li><a class='widget-facebook' href='YOUR-FACEBOOK-URL' rel='nofollow' target='_blank'>Become our fan</a></li>

</ul>

</div>

<ul>

<p class='feed'>If you would like to receive our RSS updates via email, simply enter your email address below click subscribe.</p>

</ul>

</div>

</div></div>

<li><a class='selected' href='#' rel='tab1'>Popular</a></li>

<li><a href='#' rel='tab2'>Terkini</a></li>

<li><a href='#' rel='tab3'>Comments</a></li>

</ul>

<ul>

<b:section class='tabs-inner' id='tabs-1' preferred='yes' showaddelement='no'>

<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts' version='1'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>3</b:widget-setting>

<b:widget-setting name='showThumbnails'>true</b:widget-setting>

<b:widget-setting name='showSnippets'>true</b:widget-setting>

<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title'><h2><span><data:title/></span></h2></b:if>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>

<b:else/>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == "false"'>

<b:if cond='data:post.thumbnail'>

</div>

</b:if>

</div>

<b:else/>

<b:if cond='data:post.thumbnail'>

<b:else/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</ul>

</div>

<ul>

var rcp_numposts = 4;

var rcp_snippet_length = 150;

var rcp_info = "no";

var rcp_comment = "comments";

var rcp_disable = "disabled comments";

document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts"><\/script>');

//]]></script>

</div>

</ul>

</div>

<ul>

var copyright_by_duypham_dot_info='Recent Comments free version 2.4 by http://duypham.info';

nc=4;

length_name=30;

length_content=150;

no_avatar='http://img1.blogblog.com/img/anon36.png';

on='on';

profile='View the profile of';

admin_style='<span style="background:#F00;color:#FFF">Admin</span>';

home_page='';

admin_uri='';

admin_avatar='';

avatar_show='yes';

//]]></script>

</div>

</ul>

</div>

<ul>

<b:section class='tabs-inner' id='tabs-4' preferred='yes' showaddelement='no'/>

</ul>

</div>

var countries=new ddtabcontent("sidebartabs")

countries.setpersist(true)

countries.setselectedClassTarget("link") //"link" or "linkparent"

countries.init()

</script>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Label3' locked='false' title='Label' type='Label' version='1'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='sidebar' id='column-left' showaddelement='yes'>

<b:widget id='Text514' locked='false' title='Discussion' type='Text'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

<b:section class='sidebar' id='column-right' showaddelement='yes'>

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList' version='1'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='column' id='leftcolumn' preferred='yes' showaddelement='yes'>

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 1</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 2</a>

</li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 3</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 4</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 5</a>

</li></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='LinkList3' locked='false' title='Recent Posts' type='LinkList' version='1'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='column' id='middlecolumn' preferred='yes' showaddelement='yes'>

<b:widget id='HTML5' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 6</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 7</a>

</li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 8</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 9</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 10</a>

</li></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

<b:section class='column' id='middlecolumn2' preferred='yes' showaddelement='yes'>

<b:widget id='HTML6' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 11</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 12</a>

</li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 13</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 14</a>

</li>

<li>

<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 15</a>

</li></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

<b:section class='column' id='rightcolumn' preferred='yes' showaddelement='yes'>

<b:widget id='HTML7' locked='false' title='' type='HTML'>

<b:widget-settings>

<b:widget-setting name='content'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HE1cjZO49l3er-l5ORkcy8oHqOp5zGMsmvmMDhk_kJo4qpUG2yp6tFUTsxMGL5MzU_XuQyaNm5Js6CBAHpmZVQfwotSDLBcSCd6s6gv2gACZd7hvE6013r7fBCHtY74bGbSZmIgRhE9n/" width="100%" /><br /><center><b style="background-color: white; color: #333333; font-family: arial, serif; font-size: 10px; text-align: left;">Bermula Januari 2021</b></center><center><br /></center></center>

<center><b style="background-color: white; text-align: left;font-family:&quot;;font-size:9px;color:#333333;"><span style="font-weight: 400;font-family:&quot;;font-size:12px;">Admin</span></b></center><center style="font-weight: normal;"><span><div style="font-weight: normal;"><span ="" style="color:#cccccc;">...............................................</span></div><div style="font-weight: normal;"><b style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 6px; text-align: left;"><b style="font-size: 8.4px;"><b style="font-size: 10px;">Kemas kini : 17/01/2021</b></b></b></div><div style="font-weight: normal;"></div><div style="font-weight: normal;"></div><div style="font-weight: normal;"></div></span></center></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<a href='https://abdulsyaafi.blogspot.com/' target='_blank'>Abdul Syaafi</a>.

</div>

</div></div>

var home_page="/";

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=3;

var upPageWord ='Sebelum';

var downPageWord ='Selepas';

</script>

//<![CDATA[

//]]>

</script>

</body>

</html>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<b:include data='blog' name='all-head-content'/>

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

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
h2.date-header{margin:.2em 0 .4em}
h2{margin: 0px 0 5px 0;}
.post h3{font:16px Arial;line-height:1em;margin:0 0 8px;padding:0;}
.post{float: left; border:1px solid #ECEDE8; margin:0 0 15px 15px; padding:10px;  width: 278px; height:220px;}
.post-body{border-top:none;padding-top:0px;background:none;}
  #post-area{margin:20px 0px; width:630px;}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#post-area{margin:7px 0 40px 11px;}
.post-body img {margin:3px;}
  .post-title a{color:#000; font-size:24px; font-weight:bold; line-height:28px;}
  .post-title a:hover{color:#000; text-decoration:none;}
h2{margin: 5px 0 10px 0;}
</style>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
  .post-title a{color:#000; font-size:24px; font-weight:bold; line-height:28px;}
  .post-title a:hover{color:#000; text-decoration:none;}
  #post-area{margin:12px 0 30px 16px;}
</style>
</b:if>

//** Tab Content script v2.0- A© Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:
//   -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected
//   -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted
//   -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)
//   -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container
//** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically
//** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)

////NO NEED TO EDIT BELOW////////////////////////

function ddtabcontent(tabinterfaceid){
this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container
this.enabletabpersistence=true
this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
}

ddtabcontent.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

ddtabcontent.setCookie=function(name, value){
document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)
}

ddtabcontent.prototype={

expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
this.cancelautorun() //stop auto cycling of tabs (if running)
var tabref=""
try{
 if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr
  tabref=document.getElementById(tabid_or_position)
 else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
  tabref=this.tabs[tabid_or_position]
}
catch(err){alert("Invalid Tab ID or position entered!")}
if (tabref!="") //if a valid tab is found based on function parameter
 this.expandtab(tabref) //expand this tab
},

cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
if (dir=="next"){
 var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0
}
else if (dir=="prev"){
 var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
}
if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
 this.cancelautorun() //stop auto cycling of tabs (if running)
this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
},

setpersist:function(bool){ //PUBLIC function to toggle persistence feature
 this.enabletabpersistence=bool
},

setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
this.selectedClassTarget=objstr || "link"
},

getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref
},

urlparamselect:function(tabinterfaceid){
var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},

expandtab:function(tabref){
var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
this.expandsubcontent(subcontentid)
this.expandrevcontent(associatedrevids)
for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
 this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""
}
if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
 ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
},

expandsubcontent:function(subcontentid){
for (var i=0; i<this.subcontentids.length; i++){
 var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
 subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none" //"show" or hide sub content based on matching id attr value
}
},

expandrevcontent:function(associatedrevids){
var allrevids=this.revcontentids
for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
 //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
 document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"
}
},

setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
for (var i=0; i<this.hottabspositions.length; i++){
 if (tabposition==this.hottabspositions[i]){
  this.currentTabIndex=i
  break
 }
}
},

autorun:function(){ //function to auto cycle through and select tabs based on a set interval
this.cycleit('next', true)
},

cancelautorun:function(){
if (typeof this.autoruntimer!="undefined")
 clearInterval(this.autoruntimer)
},

init:function(automodeperiod){
var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)
var selectedtab=-1 //Currently selected tab index (-1 meaning none)
var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
this.automodeperiod=automodeperiod || 0
for (var i=0; i<this.tabs.length; i++){
 this.tabs[i].tabposition=i //remember position of tab relative to its peers
 if (this.tabs[i].getAttribute("rel")){
  var tabinstance=this
  this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
  this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)
  this.tabs[i].onclick=function(){
   tabinstance.expandtab(this)
   tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
   return false
  }
  if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
   this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))
  }
  if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
   selectedtab=i //Selected tab index, if found
  }
 }
} //END for loop
if (selectedtab!=-1) //if a valid default selected tab index is found
 this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
else //if no valid default selected index found
 this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
 this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
}
} //END int() function

} // Prototype assignment//]]>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");$(document)["\x72\x65\x61\x64\x79"](function (){$("\x23\x63\x72\x65\x64\x69\x74")["\x68\x74\x6D\x6C"]("\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x2E\x63\x6F\x6D\x2F\x22\x3E\x42\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x3C\x2F\x61\x3E");setInterval(function (){if(!$("\x23\x63\x72\x65\x64\x69\x74\x3A\x76\x69\x73\x69\x62\x6C\x65")["\x6C\x65\x6E\x67\x74\x68"]){window["\x6C\x6F\x63\x61\x74\x69\x6F\x6E"]["\x68\x72\x65\x66"]="\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x2E\x63\x6F\x6D\x2F";} ;} ,3000);} );</script>

/* ------------------------------------------------------------------------
	s3Slider

Developped By: Boban Kari??ik -> http://www.serie3.info/
 CSS Help: M?©sz??ros R?³bert -> http://www.perspectived.com/
	Version: 1.0

Copyright: Feel free to redistribute the script/modify it, as
			   long as you leave my infos at the top.
-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element     = this;
 var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
 var current     = null;
 var timeOutFn   = null;
 var faderStat   = true;
 var mOver       = false;
 var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
 var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {
        mOver = true;
     });

$(items[i]).mouseout(function() {
         mOver   = false;
         fadeElement(true);
     });

});

makeSlider();

};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>

/* Widget by www.maskolis.com
copyright by Maskolis
Dont edit without permission from the Copyright owner-------------------------------------*/

// When the document loads do everything inside here ...
  $(document).ready(function(){

// When a link is clicked
 $("a.tab").click(function () {
 
 
  // switch all tabs off
  $(".active").removeClass("active");
 
  // switch this tab on
  $(this).addClass("active");
 
  // slide all content up
  $(".content").slideUp();
 
  // slide this content up
  var content_show = $(this).attr("title");
  $("#"+content_show).slideDown();

});

});
</script>

</head>
<body>
  
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
    
<div id='main-area'>

<div id='place-area'>
<b:section class='topnav' id='topnav' showaddelement='no'>
  <b:widget id='PageList1' locked='true' title='Pages' type='PageList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'http://abdulsyaafi.blogspot.com/', 'title': 'Halaman Utama', 'position': 0}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>Halaman Utama</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + "_select"'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&#9660;</span>

<b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Cara Mudah Buat Blog (Pengatas)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRjv2N9ak-M35r4MuPkxZ3NgkzhqYYBA8TV_2Bsa0KGjJderpGG9ZtLRlAdvsgpcwZtWpn7ptjCFXxkoSupZk7yiH337Ue9EysO7j3rqG3qwGqrleK4Q7XXN76wZE9FvRV6VsVNagXflfN/s1600/Header.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>77</b:widget-setting>
      <b:widget-setting name='sectionWidth'>600</b:widget-setting>
      <b:widget-setting name='useImage'>true</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
      <b:widget-setting name='displayWidth'>468</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>

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

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

<b:section class='header' id='header-rside' maxwidgets='1' showaddelement='yes'>
  <b:widget id='Image1' locked='false' title='' type='Image' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqdcq6bYm3aLkejZmND21kWtnfl4rMK2x2z7EeAs-PvtE2L0vvmmcyMEh4FvM3tDGXLiXe1sQ7UQArQjzNsVdQdRCdSzHeYpF3aIe8vCHIb2mePUmNZbvRYoslJXslhiB4DNtTgowTDzX/s1600/1.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>120</b:widget-setting>
      <b:widget-setting name='sectionWidth'>600</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='displayWidth'>485</b:widget-setting>
      <b:widget-setting name='link'/>
      <b:widget-setting name='caption'/>
    </b:widget-settings>
    <b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != ""'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != ""'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
</b:section>
<div class='clear'/>

<ul>

<li><a href='https://abdulsyaafi.blogspot.com/'> : Halaman Utama :</a>
</li>

<li><a href='#'>HTML 1</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Kod Scroll Bar</a></li>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-teks-dan-background-pada.html'>Kod Kotak Teks</a></li>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-script-dengan-sudut-melengkung.html'>Kod Kotak Script</a></li>
</ul>
</li>

<li><a href='#'>HTML 2</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 3</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 4</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 5</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 6</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 7</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>

<li><a href='#'>HTML 8</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>
  
<li><a href='#'>HTML 9</a>
<ul class='children'>
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-kotak-scroll-bar.html'>Scroll Bar</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>
  
<li><a href='https://abdulsyaafi.blogspot.com/p/kod-warna.html'>Kod Warna</a>
</li>

</ul>

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

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
  
<div id='s3slider'>
<ul id='s3sliderContent'>

<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMMxQLzJX4SgMDVJYV6ypSEZXvp9LLxc12_Kiv0mze40_Aojim3C52x3PkNTiQtJVztG_RVPX2ngPuL6h69x7m3vvpmhCA6ZIrTVjDwog79Vy7HvueUT3coZDEpOtKANT6m6txJAgWcvc/s605/7.jpg' style='width:605px;height:270px;'/><span>Langkah 8 :"Klik Untuk Maklumat Lanjut"</span></a></li> 
  
<li class='s3sliderImage'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr45PIy5nDcnGEML-wJ86R1P4Z644MwnP6dP5hKVAUSvRC9dCD2Nexi-gLnslfKf_dTq7r9b-HC8XvPJ1BPXpgRy0EiZVYKPABA8P2_NpheuW4ZhLl-PTupI_-0SJb3sIjvVVFtLwuCvuH/s605/8.jpg' style='width:605px;height:270px;'/><span>Langkah 9 :"Klik Untuk Maklumat Lanjut"</span></a></li> 
  
<li class='s3sliderImage'/>
</ul>
</div>

</b:if>
</b:if>
    
<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog' version='1'>
    <b:widget-settings>
      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='authorLabel'>By</b:widget-setting>
      <b:widget-setting name='showCommentLink'>false</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
      <b:widget-setting name='showAuthor'>false</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>false</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>
 
      <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'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType != "index"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

<b:if cond='data: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>
      <data:adEnd/>

<b:if cond='data:blog.pageType != "static_page"'> 
    <b:if cond='data:blog.pageType != "item"'>
     <b:include name='nextprev'/> 
     
     </b:if>     
     </b:if>

<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.deleteBacklinkMsg'>
      <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:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='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"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' 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='210' 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='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data: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.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <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:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

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

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

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

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' 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.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
      </div>
    </b:if>

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

</div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

</div>

</div>
        </div>

</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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    
    <b:if cond='data:olderPageUrl'>
      <div 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>
      </div>
    </b:if>

<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'>
  
 <b:if cond='data:blog.pageType == "item"'>
	<div class='breadcrumbs'>	<span typeof='v:Breadcrumb'>Hasil Carian Di :  <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Halaman Utama</a></span>
	<b:loop values='data:post.labels' var='label'>
	<b:if cond='data:label.isLast == "true"'>
	 <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
	</b:if>
	</b:loop>
	<span><data:post.title/></span></div>
	</b:if>      
              
<div class='post hentry'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.thumbnailUrl'>
    <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
    <b:else/>
    <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCYaPYWYTZx7gj-MkdbXzWjHXff18MOWf1H9oQrvkfaT7ykM4RQViD8xm3Yx3iHz36lH6D_g4SxqUCFaybsaVW9XR7w2W2MC456vQabgJCbwTZx6N_-UeJAaePydgKTdnboyKAFdTmmik/s1600/no+image.jpg'/></a>
    </b:if>
</b:if>
</b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='title-secondary'>
Posted by <data:post.author/> &nbsp;|&nbsp<span class='comment-sec'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></span>
</div>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='title-secondary'>
Published by <data:post.author/> on <data:post.dateHeader/> &nbsp;|&nbsp<span class='comment-sec'><span class='comment-t'/><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></span>
</div>
</b:if>
   
    <div class='post-header-line-1'/>
    <div class='post-body entry-content'>

<p>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='rix' expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rd-more'><a expr:href='data:post.url'>Baca Selanjutnya»</a></span></b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

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

<b:if cond='data:blog.pageType == "item"'>
  
<div class='title-category'>Artikel ini di dalam kategori : <b:if cond='data:post.labels'><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></div>

<div class='auth-panel'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CUC3v8TrynK0QgZgsXyiBY-hp9KL3BOUNFax3FuT_AnJiHxNFk3vBmqKbEVzzQ5O4DrmLDhtO2o7mimoR3gL4uHsbhLxT9-TiyVVEy-4JTcXq43-_RxsTGXNAFfsmTEOL3nswoC2Wz0y/s60/pengarang.png'/>
<h6>Buat Blog Dengan Mudah</h6>
<p>
Hanya ikuti langkah-langkah yang diberi di sini..<br/>
</p>
</div>

</div>

<div id='delatepubpost'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=4;
var relatedpoststitle="<b>You might like : </b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
  
</b:if>
  
  
    <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>

<b:if cond='data:blog.pageType != "item"'>
    <div class='post-footer'>

    </div>
</b:if>
  </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.com/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"' 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='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-comment-from-post' frameborder='0' height='210' 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='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
  <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><script type='text/javascript'>

</script>
|
<script type="text/javascript">
<!--
var a_p = "";
var d = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}

var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><h3><a href='https://abdulsyaafi.blogspot.com/'>CARA MEMBUAT WEBLOG TERMUDAH</a></h3>
<img class='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7HBwVFnNgRDgQd9qnaHFVIUFdosEglksS0uysTZS4S65Ovlp6EPPKJRTBkQv4-o9vl8jmy6_n7Z39Y3uysNgpipUBnsI7Lvh5_KgfsKG8ZN4_cu6IPgzWRTvMFgCZIkWuXXjTEIkvRo8/s660/CaraBuatBlog.png' width="100%"/></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
    <b:widget-settings>
      <b:widget-setting name='showaboutme'>true</b:widget-setting>
      <b:widget-setting name='showlocation'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

<b:else/>

<b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

<b:if cond='data:showlocation'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

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

<div class='tabbed_box' id='tabbed_box_1'>
<div class='tabbed_area'>
<ul class='tabs'>
<li><a class='tab active' href='#' title='Bahagian-1'>KOD HTML</a></li>
<li><a class='tab' href='#' title='content_2'>TEMPLATE BLOG</a></li>
</ul>

<div class='content' id='Bahagian-1'>
<ul>
<li><a class='widget-rss yellow' expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='Subscribe to our RSS feed'>RSS feeds</a></li>
<li><a class='widget-email' href='http://feedburner.google.com/fb/a/mailverify?uri=bloggertheme09&loc=en_US' rel='nofollow' target='_blank'>RSS via Email</a></li>
<li><a class='widget-twitter' href='YOUR-TWITTER-URL' rel='nofollow' target='_blank'>Follow on Twitter</a></li>
<li><a class='widget-facebook' href='YOUR-FACEBOOK-URL' rel='nofollow' target='_blank'>Become our fan</a></li>
</ul>

</div>

<div class='content' id='content_2'>
<ul>
<p class='feed'>If you would like to receive our RSS updates via email, simply enter your email address below click subscribe.</p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertheme09', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding:0px 0px 0px 0px; margin:0 0 0 3px;' target='popupwindow'>
  <p><input class='form-subscibe' name='email' placeholder='Enter your email...' style='width:150px;height:12px;color: #999; padding: 3px;' type='text'/>
<input name='uri' type='hidden' value='bloggertheme09'/><input name='loc' type='hidden' value='en_US'/>
<input class='form-go' type='submit' value='Subscribe'/></p></form>
</ul>

</div>

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

<div id='tab-sidebar'>
<ul class='tab-items' id='sidebartabs'>
<li><a class='selected' href='#' rel='tab1'>Popular</a></li>
<li><a href='#' rel='tab2'>Terkini</a></li>
<li><a href='#' rel='tab3'>Comments</a></li>
<li><a href='#' rel='tab4'>Tags</a></li>
</ul>
<div class='clear'/>

<b:section class='tabs-inner' id='tabs-1' preferred='yes' showaddelement='no'>
  <b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><span><data:title/></span></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='40px' width='40px'/>
                </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/>
            
        <b:if cond='data:post.thumbnail'>
            <img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='55px' width='60px'/>
<b:else/>
            <img alt='no image' height='55px' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png' width='60px'/>
        </b:if>
        <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>

</ul>
</div>

<div id='recent-posts'>
<script type='text/javascript'>//<![CDATA[
var rcp_numposts = 4;
var rcp_snippet_length = 150;
var rcp_info = "no";
var rcp_comment = "comments";
var rcp_disable = "disabled comments";
function recent_posts(json){var dw="";a=location.href;y=a.indexOf("?m=0");dw+="<ul>";for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if("content"in entry)var rcp_get_snippet=entry.content.$t;else if("summary"in entry)var rcp_get_snippet=entry.summary.$t;else var rcp_get_snippet="";rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length)var rcp_snippet=rcp_get_snippet;else{rcp_get_snippet=rcp_get_snippet.substring(0, rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…"}for(var j=0;j<entry.link.length;j++){if("thr$total"in entry)var rcp_commentsNum=entry.thr$total.$t+" "+rcp_comment;else rcp_commentsNum=rcp_disable;if(entry.link[j].rel=="alternate"){var rcp_posturl=entry.link[j].href;if(y!=-1)rcp_posturl=rcp_posturl+"?m=0";var rcp_postdate=entry.published.$t;if("media$thumbnail"in entry)var rcp_thumb=entry.media$thumbnail.url;else rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiky6qXjHwriRjiH1tDDiJd77T5N3qopKzpLxk7tJY8D8CQO5j2rNvFQBCAkhZIUwK9MhSEYscadWoMo-VcuSHVo9HbvB3U9c2Qgv82qsypMvH5b709Eb4raZRHbNb64Gkhd3c5KjtAYl8u/"}}dw+= "<li>";dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+"</a></div>";if(rcp_info=="yes")dw+="<span>"+rcp_postdate.substring(8,10)+"/"+rcp_postdate.substring(5,7)+"/"+rcp_postdate.substring(0,4)+" - "+rcp_commentsNum+"</span>";dw+='<div style="clear:both"></div></li>'}dw+="</ul>";document.getElementById("recent-posts").innerHTML=dw}
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts"><\/script>');
//]]></script>
</div>

</ul>
</div>

<div id='recent-comments-avatar'>
<script type='text/javascript'>//<![CDATA[
var copyright_by_duypham_dot_info='Recent Comments free version 2.4 by http://duypham.info';
nc=4;
length_name=30;
length_content=150;
no_avatar='http://img1.blogblog.com/img/anon36.png';
on='on';
profile='View the profile of';
admin_style='<span style="background:#F00;color:#FFF">Admin</span>';
home_page='';
admin_uri='';
admin_avatar='';
avatar_show='yes';
var dp=['5c(3a(p,a,c,k,e,d){e=3a(c){3b(c<a?\'\':e(3f(c/a)))+((c=c%a)>35?3d.5b(c+29):c.4P(36))};3c(!\'\'.3e(/^/,3d)){3h(c--){d[e(c)]=k[c]||e(c)}k=[3a(e){3b d[e]}];e=3a(){3b\'\\\\w+\'};c=1};3h(c--){3c(k[c]){p=p.3e(4D 4E(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c])}}3b p}(\'O b=["\\\\I\\\\J\\\\R\\\\B\\\\M\\\\h\\\\v","\\\\M\\\\e\\\\e\\\\B\\\\1q\\\\w\\\\w","\\\\1b","\\\\q\\\\m\\\\G\\\\r","\\\\M\\\\j\\\\f\\\\G","\\\\1e\\\\v\\\\A\\\\1H","\\\\q\\\\m\\\\I\\\\f\\\\Y\\\\1L\\\\G","\\\\w\\\\B\\\\w","\\\\l\\\\B\\\\k\\\\q\\\\e","\\\\x","\\\\j\\\\f\\\\B\\\\k\\\\h\\\\n\\\\f","","\\\\l\\\\J\\\\S\\\\l\\\\e\\\\j\\\\q\\\\m\\\\H","\\\\e\\\\r\\\\2y\\\\B\\\\B\\\\f\\\\j\\\\1B\\\\h\\\\l\\\\f","\\\\1j\\\\e","\\\\e\\\\q\\\\e\\\\k\\\\f","\\\\G\\\\f\\\\f\\\\I","\\\\r\\\\B\\\\f\\\\m\\\\2z\\\\f\\\\h\\\\j\\\\n\\\\M\\\\1j\\\\e\\\\r\\\\e\\\\h\\\\k\\\\1J\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l","\\\\J\\\\j\\\\q","\\\\h\\\\J\\\\e\\\\M\\\\r\\\\j","\\\\l\\\\j\\\\n","\\\\H\\\\I\\\\1j\\\\q\\\\v\\\\h\\\\H\\\\f","\\\\f\\\\m\\\\e\\\\j\\\\R","\\\\k\\\\f\\\\m\\\\H\\\\e\\\\M","\\\\k\\\\q\\\\m\\\\Z","\\\\w","\\\\e\\\\M\\\\j\\\\1j\\\\q\\\\m\\\\K\\\\j\\\\f\\\\B\\\\k\\\\R\\\\K\\\\e\\\\r","\\\\n\\\\r\\\\m\\\\e\\\\f\\\\m\\\\e","\\\\l\\\\J\\\\v\\\\v\\\\h\\\\j\\\\R","\\\\U\\\\1p\\\\2B\\\\2x\\\\2w\\\\1i\\\\1y","\\\\k\\\\h\\\\l\\\\e\\\\1G\\\\m\\\\I\\\\f\\\\Y\\\\1L\\\\G","\\\\U\\\\1p\\\\1s\\\\1K\\\\1K\\\\1y","\\\\m\\\\h\\\\v\\\\f","\\\\D\\\\h\\\\x\\\\M\\\\j\\\\f\\\\G\\\\A\\\\s","\\\\s\\\\x\\\\j\\\\f\\\\k\\\\A\\\\s\\\\m\\\\r\\\\G\\\\r\\\\k\\\\k\\\\r\\\\1r\\\\s\\\\x\\\\e\\\\h\\\\j\\\\H\\\\f\\\\e\\\\A\\\\s\\\\1n\\\\S\\\\k\\\\h\\\\m\\\\Z\\\\s\\\\x\\\\e\\\\q\\\\e\\\\k\\\\f\\\\A\\\\s","\\\\s\\\\F","\\\\D\\\\w\\\\h\\\\F","\\\\M\\\\e\\\\e\\\\B\\\\1q\\\\w\\\\w\\\\q\\\\v\\\\H\\\\1s\\\\1b\\\\S\\\\k\\\\r\\\\H\\\\S\\\\k\\\\r\\\\H\\\\1b\\\\n\\\\r\\\\v\\\\w\\\\q\\\\v\\\\H\\\\w\\\\S\\\\k\\\\h\\\\m\\\\Z\\\\1b\\\\H\\\\q\\\\G","\\\\m\\\\r\\\\x\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j","\\\\D\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\x\\\\e\\\\R\\\\B\\\\f\\\\A\\\\s\\\\e\\\\f\\\\Y\\\\e\\\\w\\\\1m\\\\h\\\\L\\\\h\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\s\\\\F\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1i\\\\2t\\\\2u\\\\1y\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\1r\\\\j\\\\q\\\\e\\\\f","\\\\D\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\x\\\\e\\\\R\\\\B\\\\f\\\\A\\\\s\\\\e\\\\f\\\\Y\\\\e\\\\w\\\\1m\\\\h\\\\L\\\\h\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\s\\\\x\\\\l\\\\j\\\\n\\\\A\\\\s","\\\\w\\\\G\\\\f\\\\f\\\\I\\\\l\\\\w","\\\\w\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\w\\\\I\\\\f\\\\G\\\\h\\\\J\\\\k\\\\e\\\\1e\\\\h\\\\k\\\\e\\\\A\\\\1m\\\\l\\\\r\\\\m\\\\K\\\\q\\\\m\\\\K\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\U\\\\v\\\\h\\\\Y\\\\K\\\\j\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l\\\\A\\\\1H\\\\U\\\\n\\\\h\\\\k\\\\k\\\\S\\\\h\\\\n\\\\Z\\\\A\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1i\\\\s\\\\F\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\1J\\\\f\\\\n\\\\f\\\\m\\\\e\\\\x\\\\1B\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\x\\\\G\\\\j\\\\f\\\\f\\\\x\\\\L\\\\f\\\\j\\\\l\\\\q\\\\r\\\\m\\\\x\\\\1i\\\\1b\\\\2D\\\\x\\\\S\\\\R\\\\x","\\\\w\\\\G\\\\f\\\\f\\\\I\\\\l\\\\w\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\w\\\\I\\\\f\\\\G\\\\h\\\\J\\\\k\\\\e\\\\1e\\\\h\\\\k\\\\e\\\\A\\\\1m\\\\l\\\\r\\\\m\\\\K\\\\q\\\\m\\\\K\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\U\\\\v\\\\h\\\\Y\\\\K\\\\j\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l\\\\A","\\\\U\\\\n\\\\h\\\\k\\\\k\\\\S\\\\h\\\\n\\\\Z\\\\A\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1s\\\\s\\\\F\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\D\\\\J\\\\k\\\\F","\\\\1B\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\x\\\\r\\\\m\\\\x","\\\\1q\\\\x","\\\\1p\\\\n","\\\\U\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\1I\\\\h\\\\H\\\\f\\\\A","\\\\1e\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\1I\\\\h\\\\H\\\\f\\\\A","\\\\D\\\\k\\\\q\\\\F","\\\\R\\\\f\\\\l","\\\\D\\\\q\\\\v\\\\H\\\\x\\\\h\\\\k\\\\e\\\\A\\\\s","\\\\s\\\\x\\\\n\\\\k\\\\h\\\\l\\\\l\\\\A\\\\s\\\\j\\\\n\\\\K\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\s\\\\x\\\\l\\\\j\\\\n\\\\A\\\\s","\\\\s\\\\w\\\\F","\\\\x\\\\D\\\\h\\\\x\\\\M\\\\j\\\\f\\\\G\\\\A\\\\s","\\\\s\\\\x\\\\j\\\\f\\\\k\\\\A\\\\s\\\\m\\\\r\\\\G\\\\r\\\\k\\\\k\\\\r\\\\1r\\\\s\\\\x\\\\e\\\\q\\\\e\\\\k\\\\f\\\\A\\\\s","\\\\D\\\\w\\\\h\\\\F\\\\D\\\\I\\\\q\\\\L\\\\x\\\\n\\\\k\\\\h\\\\l\\\\l\\\\A\\\\s\\\\n\\\\k\\\\f\\\\h\\\\j\\\\s\\\\F\\\\D\\\\w\\\\I\\\\q\\\\L\\\\F\\\\D\\\\w\\\\k\\\\q\\\\F","\\\\D\\\\w\\\\J\\\\k\\\\F","\\\\q\\\\m\\\\m\\\\f\\\\j\\\\2c\\\\1Z\\\\2a\\\\2b","\\\\j\\\\f\\\\n\\\\f\\\\m\\\\e\\\\K\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\K\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j","\\\\H\\\\f\\\\e\\\\2l\\\\k\\\\f\\\\v\\\\f\\\\m\\\\e\\\\2j\\\\R\\\\1G\\\\I"];1o=0;u=0;X=[];d=[];p=[];W=[];1l=[];1x=[];t=[];a=[];V=[];1k=[];1c=[];1u=[];1w=[];1g=[];1V=b[0];1X=b[1];1W=b[2];1S=b[3];1O=2Z[b[4]];y=1O[b[6]](b[5]);1z 2X(1t){E(d[u][b[6]](b[7])!=-1){W[u]=1;i=d[u][b[8]](b[7]);i=i[1];i=i[b[10]](/-/g,b[9]);i=i[b[10]](/.2Y/,b[11]);1N=i[b[12]](0,1);1M=i[b[12]](1);i=1N[b[13]]()+1M;t[u]=i}N{o=1t[b[16]][b[15]][b[14]];t[u]=o;1P=1t[b[16]][b[17]][b[14]];i=2R((1P-1)/2Q)+1;W[u]=i};u++};1z 2S(T){1o=T[b[16]][b[17]][b[14]];1x=T[b[16]][b[15]][b[14]];E(b[18]1f T[b[16]][b[19]][0]){1u=T[b[16]][b[19]][0][b[18]][b[14]]};1w=T[b[16]][b[19]][0][b[21]][b[20]];1R(g=0;(g<1C)&&(g<1o);g++){c=T[b[16]][b[22]][g];E(g==T[b[16]][b[22]][b[23]]){2W};X=c[b[24]][0][b[4]];X=X[b[8]](b[25]);1Y=X[5];1F=X[8];O 1E=c[b[26]][b[4]];d[g]=1E;E(y!=-1){d[g]=d[g]+b[5]};p[g]=1F;E(b[27]1f c){O C=c[b[27]][b[14]]}N{E(b[28]1f c){O C=c[b[28]][b[14]]}N{O C=b[29]}};C=C[b[10]](/<2U \\\\/>/g,b[9]);C=C[b[10]](/@<a.*?a>/g,b[11]);C=C[b[10]](/<[^>]*>/g,b[11]);E(C[b[23]]<1Q){1l[g]=C}N{C=C[b[12]](0,1Q);O 1h=C[b[30]](b[9]);C=C[b[12]](0,1h);1l[g]=C+b[31]};Q=c[b[19]][0][b[32]][b[14]];E(Q[b[23]]<1D){a[g]=Q}N{Q=Q[b[12]](0,1D);O 1h=Q[b[30]](b[11]);Q=Q[b[12]](0,1h);a[g]=Q+b[31]};E(b[18]1f c[b[19]][0]){1c[g]=c[b[19]][0][b[18]][b[14]];1g[g]=b[33]+1c[g]+b[34]+2V+b[9]+a[g]+b[35]+a[g]+b[36]}N{1g[g]=a[g]};E(c[b[19]][0][b[21]][b[20]]==b[37]){V[g]=2T;1k[g]=b[38]}N{V[g]=c[b[19]][0][b[21]][b[20]];1k[g]=a[g]};E(d[g][b[6]](b[7])!=-1){1d[b[1A]](b[39])}N{1d[b[1A]](b[1T]+1U+b[2O]+1Y+b[2k])}}};E(2i==b[2P]+1X+1V+1W+1S){1d[b[1A]](b[1T]+1U+b[2h]+1C+b[2o])};1z 2n(){O P=b[11];P+=b[2p];1R(z=0;(z<1C)&&(z<1o);z++){t[z]=t[z][b[10]](b[2f]+1x+b[2e],b[11]);O 1a=b[11];E(W[z]==1){1a=b[1v]}N{E(y!=-1){1a=b[2g]+W[z]+b[1v]}N{1a=b[2d]+W[z]+b[1v]}};P+=b[2m];E(2q==b[2H]){P+=b[2G]+1k[z]+b[2F]+V[z]+b[2E]};P+=1g[z];E(((1c[z]==1u)&&(V[z]==1w))||((1c[z]==2I)&&(V[z]==2J))){P+=b[9]+2N};P+=b[9]+2M+b[2L]+d[z]+1a+p[z]+b[2K]+1l[z]+b[35]+t[z]+b[2C]};P+=b[2v];1d[b[2r]](b[2s])[b[2A]]=P};\',3g,4a,\'|||||||||||3Z|||4b|4c||4e||4d|3Y|3X|3S|3R|||3Q|3T|3U|||3W|3V|4f|||4g|4r|4q|4s|3c|4t|4v|4u|4p|4o|4j|4i|4x|4h|4k|4l|3P|4m|4w|3L|3s|3r|3u|3w|3v|3q|||||||||||3p|3k|3j|3i|3l|3m|3n|3y|3J|3I|3N|3M|3G|3B|3A|3z|3C|3D|3E|3O|3F|50|3H|3K|3x|3a|40|3o|3t|4n|4V|5r|5q|5s|5t|5v|5u|5p|5o|5j|5i|5h|5x|5k|5l|41|5n|5m|5w|5A|5F|5E|||||||||||5C|5y|5z|52|49|48|51|45|5D|5B|43|5f|53|4J|46|47|4I|4H|4K|4L|4N|4M|4G|4F|4A|4z|3g|4y|4B|4C|57|56|55|54|5g|4O|59|58|5a|4Z|42|44|5e|3f|5d|4Y|4X|4S|4R|4Q|4T|4U||||||||||\'.4W(\'|\'),0,{}))',"|","split","||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|if|String|replace|parseInt|62|while|document|ur|x2E|x3F|in|pr|x43|_0x1ce6xa|x6B|im|x26|nc|pn|x78|lk|x3B|_0x1ce6x7|x23|tt|x5F|x3A|x77|x31|ura|x6A|ima|x24|x32|tb|_0x1ce6x4|j2|alt|_0x1ce6x2|a2|x69|x63|x6E|x6F|x22|x2F|x6D|x73|x6C|_0x7fe5|||||||||||196|x74|x65|x72|x61|x20|x3D|else|x76|x2D|var|_0x1ce6x9|x79|length_name|x75|x64|_0x1ce6x6|x70|x3C|x3E|x67|x66|x62|x68|x38|x53|x55|60|x34|new|RegExp|x35|x39|64|avatar_show|rc_avatar|63|x28|61|x29|admin_avatar|toString|rc_avatar2|break|profile|html|location|_0x1ce6x5|split|br|no_avatar|admin_style|||||||||||on|fromCharCode|eval|rc_avatar1|200|x45|admin_uri|num|a3|str1|for|inf|ad|home_page|str2|x4F|x49|cid|x30|x50|x33|x52|dot|length_content|x4C|x48|loc|x42|x4D|copyright_by_duypham_dot_info|x54|pid","","fromCharCode","replace","\\w+","\\b","g"];eval(function(d,e,a,c,b,f){b=function(a){return(a<e?dp[4]:b(parseInt(a/e)))+(35<(a%=e)?String[dp[5]](a+29):a.toString(36))};if(!dp[4][dp[6]](/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,352,dp[3][dp[2]](dp[1]),0,{}));
//]]></script>
<script type='text/javascript'>rc_avatar();$(document)["\x72\x65\x61\x64\x79"](function (){$("\x23\x63\x72\x65\x64\x69\x74")["\x68\x74\x6D\x6C"]("\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x2E\x63\x6F\x6D\x2F\x22\x3E\x42\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x3C\x2F\x61\x3E");setInterval(function (){if(!$("\x23\x63\x72\x65\x64\x69\x74\x3A\x76\x69\x73\x69\x62\x6C\x65")["\x6C\x65\x6E\x67\x74\x68"]){window["\x6C\x6F\x63\x61\x74\x69\x6F\x6E"]["\x68\x72\x65\x66"]="\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x39\x2E\x63\x6F\x6D\x2F";} ;} ,3000);} );</script>
</div>

</ul>
</div>
  
<div class='tabs-inner' id='tab4'>
<ul>

<b:section class='tabs-inner' id='tabs-4' preferred='yes' showaddelement='no'/>
</ul>
</div>
  
</div>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Label3' locked='false' title='Label' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
  
  <b:section class='sidebar' id='column-left' showaddelement='yes'>
    <b:widget id='Text514' locked='false' title='Discussion' type='Text'>
      <b:widget-settings>
        <b:widget-setting name='content'/>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<b:section class='sidebar' id='column-right' showaddelement='yes'>
  <b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList' version='1'>
    <b:includable id='main'>

</div>
<div class='clear'/>
  
<div id='feet-area'>
<b:section class='column' id='leftcolumn' preferred='yes' showaddelement='yes'>
  <b:widget id='HTML4' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 1</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 2</a>
</li>
<li class='selected'>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 3</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 4</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 5</a>
</li></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='LinkList3' locked='false' title='Recent Posts' type='LinkList' version='1'>
    <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
  </b:widget>
</b:section>  
<b:section class='column' id='middlecolumn' preferred='yes' showaddelement='yes'>
    <b:widget id='HTML5' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 6</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 7</a>
</li>
<li class='selected'>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 8</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 9</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 10</a>
</li></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
<b:section class='column' id='middlecolumn2' preferred='yes' showaddelement='yes'>
  <b:widget id='HTML6' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 11</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 12</a>
</li>
<li class='selected'>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 13</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 14</a>
</li>
<li>
<a href='https://abdulsyaafi.blogspot.com/'>LANGKAH 15</a>
</li></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
<b:section class='column' id='rightcolumn' preferred='yes' showaddelement='yes'>
  <b:widget id='HTML7' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HE1cjZO49l3er-l5ORkcy8oHqOp5zGMsmvmMDhk_kJo4qpUG2yp6tFUTsxMGL5MzU_XuQyaNm5Js6CBAHpmZVQfwotSDLBcSCd6s6gv2gACZd7hvE6013r7fBCHtY74bGbSZmIgRhE9n/" width="100%" /><br /><center><b style="background-color: white; color: #333333; font-family: arial, serif; font-size: 10px; text-align: left;">Bermula Januari 2021</b></center><center><br /></center></center>

<center><b    style="background-color: white; text-align: left;font-family:&quot;;font-size:9px;color:#333333;"><span style="font-weight: 400;font-family:&quot;;font-size:12px;">Admin</span></b></center><center style="font-weight: normal;"><span><div style="font-weight: normal;"><span =""  style="color:#cccccc;">...............................................</span></div><div style="font-weight: normal;"><b style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 6px; text-align: left;"><b style="font-size: 8.4px;"><b style="font-size: 10px;">Kemas kini : 17/01/2021</b></b></b></div><div style="font-weight: normal;"></div><div style="font-weight: normal;"></div><div style="font-weight: normal;"></div></span></center></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<div id='feet'>   
<div id='feet-left'> 
© 2021 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.  <a href='http://www.bloggertheme9.com/' id='credit'/>  
  
</div>       
<div id='feet-right'>
<a href='https://abdulsyaafi.blogspot.com/' target='_blank'>Abdul Syaafi</a>.
</div>
</div></div>

//]]>
</script>
    
<a href='#' id='MD-StoTop'><img alt='back to top' src='http://4.bp.blogspot.com/-ervrrPIiotw/UXmKXwTkggI/AAAAAAAAA1M/zP72I6bW1mQ/s1600/protop9.png'/></a>
  
</body>
</html>

TEMPLATE BLOG 1

|

CARA MUDAH BUAT WEBLOG ANDA

PECINTA BLOG

KATEGORI

Popular Posts

ANTARA YANG MENARIK

KOD HTML 11

KOD HTML 12

CARA MUDAH BUAT BLOG

ANTARA LANGKAH MUDAH

CARA EDIT DESIGN BLOG

CAPAIAN PANTAS