BEDA PADDING DAN MARGIN ~ TEMPLATE 5,6,8 KOLOM

TEMPLATE 5 KOLOM

COPY KODE HTML DIBAWAH INI:

<?xml version="1.0" encoding="UTF-8" ?><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br><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'><br>  <head><br>    <b:include data='blog' name='all-head-content'/><br>    <title><data:blog.pageTitle/></title><br>    <b:skin><![CDATA[/*<br>-----------------------------------------------------------------<br>    Theme Name: GUMBALL SPECIAL<br>    Theme URI: http://www.hellbiscuit.com/<br>    Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a><br>    Version: 1.0<br>    Author: Evan Eckard<br>    Author URI: http://www.evaneckard.com/<br>-----------------------------------------------------------------<br>Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/<br>-----------------------------------------------------------------<br>*/<br><br>.Navbar {visibility:hidden;display: none;}<br>body {<br>	margin:0 10px;<br>	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;<br>	font-size: 11px;<br>	color: blue;#333333;<br>}<br><br>#container {<br>	width:1100px;<br>	padding:20px 0;<br>	margin:0 auto;<br>	<br>}<br><br>/* header area */<br><br>#container h3 {<br>	font-size:34px;<br>	text-transform:uppercase;<br>	font-family: Times New Roman, Garamond, serif;<br>	margin:0;<br>	line-height:34px;<br>	padding:0 0 6px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EeGTNM4ZDEpcBnsDRVwiR3matKE6oH9wrnaQNcv4prBSgjkIDPkPJPqxw8bw3EgseoZDw7HmmCIaf00KJtDHoDoWX6pppmigd2mF7Bc7U-OafSjuub_cYALCDIiLnCnoZ2ZdmYjUWJOH/s1600/double-line.gif) repeat-x left bottom;<br>	display:inline;<br>}<br>#container h3 a {<br>	text-decoration:none;<br>	color:yellow;#333;<br>}<br>#container h3 a:hover {<br>	color:#1958b7;<br>}<br>.hellbiscuit a {<br>	display:block;<br>	width:251px;<br>	height:15px;<br>	margin-top:16px;<br>	overflow:hidden;<br>	text-indent:-500px;<br>	font-size:10px;<br>	background:red; no-repeat;<br>}<br><br><br>/* home columns */<br><br>#col01 {<br>	width:880px;<br>	float:left;<br>	overflow:hidden;<br>}<br>#col02 {<br>	width:200px;<br>	float:right;<br>	overflow:hidden;<br>}<br>#col01, #col02 {<br>	padding:20px 0;<br>}<br><br>/* home post */<br><br>#col01 .home-post {<br>	width:200px;<br>	margin:0 20px -90px 0;<br>	height:400px;<br>	overflow:hidden;<br>	float:left;<br>}<br>#col01 .home-post .title {<br>	background:rgb(103,135,196);url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;<br>	padding:4px 8px;<br>}<br>#col01 .home-post .title h2 {<br>	margin:0;<br>	padding:0;<br>}<br>#col01 .home-post .title h2 a {<br>	text-decoration:none;<br>	text-transform:uppercase;<br>	color:red;<br>	margin:0;<br>	padding:0;<br>	font-size:14px;<br>	line-height:16px;<br>}<br>#col01 .home-post .title h2 a:hover {<br>	color:yellow;#000;<br>	border-bottom:none;<br>	background-color:#ff0067;<br>}<br>#col01 .home-post .home-post-upper {<br>	height:235px;<br>	width:200px;<br>	overflow:hidden;<br>	position:relative;<br>	border-bottom:1px solid #fff;<br>}<br>#col01 .home-post .home-post-upper a img {<br>	text-decoration:none;<br>	border:none;<br>}<br>#col01 .home-post .excerpt {color:#333333;<br>	height:300px;<br>	overflow:hidden;<br>	padding:6px 6px 0;<br>	font-size:10px;<br>	line-height:16px;<br>	background:white;#a7a7a7;<br>        border:1px solid #1958b7;<br>	}<br>#col01 .home-post .excerpt p { text-decoration:none;<br>	margin:0 0 10px;<br>	padding:0;<br>}<br>#col01 .home-post .excerpt a {<br>	color:white;#333333;<br>        border:0px solid #1958b7;<br>}<br>#col01 .home-post .excerpt a:hover {<br>	text-decoration:none;<br>	color:brown;#333333;<br>	background:#A7A7A7;<br>}<br>#col01 .home-post .meta {<br>	padding:4px 8px 0 24px;<br>	height:35px;<br>	background:rgb(103,135,196);url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;<br>	text-transform:uppercase;<br>}<br>#col01 .home-post .comments a {<br>	display:block;<br>	font-size:10px;<br>	color:white;rgb(103,135,196);<br>	<br>	float:left;<br>	border-bottom:1px solid tansparant;<br>}<br><br>#col01 .home-post .author a {<br>	display:block;<br>	font-size:10px;<br>	color:#508fc4;<br>	text-decoration:none;<br>	float:right;<br>}<br>#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {<br>	color:red;#000;<br>}<br><br><br>/* single template post */<br><br>#col01 .post {<br>	padding:0 20px 20px 0;<br>	font-size:12px;<br>	line-height:19px;<br>}<br>#col01 .post a {<br>	color:#1958b7;<br>}<br>#col01 .post a:hover {<br>	background:#FFFAC7;<br>	color:#000;<br>	text-decoration:none;<br>}<br>#col01 .post h1 {<br>	font-size:28px;<br>	text-transform:uppercase;<br>	font-family: Times New Roman, Garamond, serif;<br>	margin:0;<br>	line-height:32px;<br>	padding:0 0 6px;<br>}<br>#col01 .post h4 {<br>	font-size:20px;<br>	text-transform:uppercase;<br>	font-family: Times New Roman, Garamond, serif;<br>	margin:0;<br>	line-height:26px;<br>	padding:0 0 6px;<br>}<br>#col01 .post h1 a, #col01 .post h4 a {<br>	text-decoration:none;<br>	color:#000;<br>}<br>#col01 .post h1 a:hover, #col01 .post h4 a:hover {<br>	color:#fff;<br>	border-bottom:none;<br>	background-color:#ff0067;<br>}<br>#col01 .post-upper {<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x bottom;<br>	padding:12px 0;<br>	font-size:11px;<br>	line-height:16px;<br>	color:#606060;<br>}<br>#col01 .post-upper a {<br>	color:#606060;<br>	text-decoration:none;<br>}<br>#col01 .post-upper a:hover {<br>	color:#1958b7;<br>	text-decoration:none;<br>}<br>#col01 .post-upper .digg {<br>	float:right;<br>}<br>#col01 .post .image {<br>	float:right;<br>	margin:12px 0 12px 12px;<br>}<br><br><br>/* categories page */<br><br>#col01 .cat-name {<br>	font-size:14px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x bottom;<br>	padding:4px 0 8px;<br>	width:700px;<br>}<br>#col01 .category-name {<br>	font-size:18px;<br>	color:#fff;<br>	text-transform:uppercase;<br>	background:#ff0067;<br>	font-weight:bold;<br>}<br><br><br>/* comments outer */<br><br>#comments-holder {<br>	padding:12px 0 0;<br>}<br><br>/* comment list styles */<br><br>#comment-list {<br>	font-size:12px;<br>	padding:10px 0;<br>}<br>#comment-list .bigger {<br>	font-weight:normal;<br>	font-size:16px;<br>	line-height:20px;<br>	text-transform:uppercase;<br>}<br>.comment-left {<br>	padding:16px 0;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x;<br>}<br>.comment-meta {<br>	float:left;<br>	width:120px;<br>	margin-right:10px;<br>	font-size:10px;<br>	font-weight:bold;<br>        font-color:red;<br>}<br>.comment-metadata {<br>	font-size:10px;<br>	font-weight:normal;<br>}<br>.comment-metadata a {<br>	text-decoration:none;<br>}<br>.comment-metadata a:hover {<br>	text-decoration:none;<br>}<br>.comment-txt {<br>	float:left;<br>	width:440px;<br>	font-size:12px;<br>	line-height:18px;<br>}<br>cite {<br>	font-style:normal;<br>	text-transform:uppercase;<br>	font-size:12px;<br>}<br><br>/* comment form styles */<br><br>.comments-PII, .comments-PII-2 {<br>	float:left;<br>}<br>.comments-PII {<br>	width:280px;<br>	margin-right:15px;<br>}<br>.comments-PII-2 {<br>	width:380px;<br>}<br>.comments-PII input {<br>	font-size:12px;<br>	width:270px;<br>	padding:2px;<br>}<br>.comments-PII-2 textarea {<br>	font-size:12px;<br>	width:370px;<br>	height:180px;<br>	padding:2px;<br>}<br>.submit-btn {<br>	display:block;<br>	padding:0;<br>	cursor:pointer;<br>	width:141px;<br>	height:34px;<br>	text-indent:-400px;<br>	overflow:hidden;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;<br>	border-style:none;<br>}<br><br>.submit-btn:hover {<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;<br>}<br><br>.note {<br>	font-size:10px;<br>}<br><br><br>/* misc */<br><br>.uppercase {<br>	text-transform:uppercase;<br>}<br><br><br><br><br><br><br>/* col02 stuff */<br><br>#categories {<br>	height:340px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXONlTn8lf-TmSa8ZXYNy8pkd-E6NRi5-FcUccNldKOuUq5yRVTx26fzG79JYTQQqFwzs7AOzFwgC3wQIBoe4RGDIwKxAOmqMGsn7bwEzB1uuLs72ZLES_o-47VKldLC6aQ_Zw-hNfSNvp/s1600/nav-back.gif) no-repeat;<br>	overflow:hidden;<br>	margin-bottom:20px;<br>}<br>#col02 h2 {<br>	background:#1958b7;<br>	padding:4px 8px;<br>	color:#fff;<br>	font-size:12px;<br>	font-weight:bold;<br>	text-transform:uppercase;<br>}<br>#col02 ul {<br>        color:#A6A6A6;<br>	margin:0 0;<br>	padding:0 20px;<br>	overflow:auto;<br>	height:100%;<br>        }<br>#col02 li {<br>	padding:0;<br>	margin:0;<br>	list-style:none;<br>	border-bottom:1px solid #d3d3d3;<br>}<br>#col02 li a {<br>	display:block;<br>	color:#fff;<br>	text-transform:uppercase;<br>	font-size:11px;<br>	padding:5px 0;<br>	text-decoration:none;<br>}<br>#col02 li a:hover {<br>	color:#000;<br>	text-decoration:none;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;<br>	text-indent:16px;<br>}<br>#col02 a {<br>	display:block;<br>	color:#fff;<br>	text-transform:uppercase;<br>	font-size:11px;<br>	padding:5px 0;<br>	text-decoration:none;<br>}<br>#col02 a:hover {<br>	color:#000;<br>	text-decoration:none;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;<br>	text-indent:16px;<br>}<br>.widget-content {<br>}<br>.sidebar .widget {<br>margin-bottom: 20px;<br>padding: 0;<br>background-color:#A6A6A6;<br>height:100%;<br>}<br>#sponsor-box {<br>	height:340px;<br>	background:#A7A7A7;<br>	overflow:hidden;<br>	position:relative;<br>	margin-bottom:20px;<br>}<br>#sponsor-box .title {<br>	background:#ff0067;<br>	padding:4px 8px;<br>	color:#fff;<br>	font-size:12px;<br>	font-weight:bold;<br>	text-transform:uppercase;<br>}<br>#sponsor-box .sponsor {<br>	padding:10px 0 0;<br>	width:200px;<br>	height:133px;<br>	overflow:hidden;<br>	margin:0 auto;<br>}<br>#sponsor-box .meta {<br>	padding:4px 8px 0;<br>	position:absolute;<br>	bottom:0px;<br>	left:0px;<br>	width:204px;<br>	height:19px;<br>	background:#7f7f7f;<br>	text-transform:uppercase;<br>	text-align:right;<br>}<br>#sponsor-box .meta a {<br>	font-size:10px;<br>	color:#fff;<br>	text-decoration:none;<br>}<br>#sponsor-box .meta a:hover {<br>	color:#000;<br>}<br><br><br>#about-box {<br>	height:340px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCbSDEN8bg2dPwP1LEwD9a0W5RaJXpBta8HZGgtbE1rM4ty603i6jhdC82eI0RViiyi9ZM5eMisXhTsiL4NoSPXH1vzy9-R7XfmTcUdpo-SAYJ8ZboyqOPlN1V3GNm-2ER_4m8ZmPdQA6/s1600/about-back.gif) no-repeat;<br>	overflow:hidden;<br>}<br>#about-box .pages {<br>	margin:10px 0;<br>	padding:0 20px;<br>	overflow:auto;<br>	height:159px;<br>	border-bottom:1px solid #fff;<br>}<br>#about-box .pages li {<br>	padding:0;<br>	margin:0;<br>	list-style:none;<br>	border-bottom:1px solid #A7A7A7;<br>}<br>#about-box .pages a {<br>	display:block;<br>	color:#000;<br>	text-transform:uppercase;<br>	font-size:10px;<br>	padding:4px 0;<br>	text-decoration:none;<br>}<br>#about-box .pages a:hover {<br>	color:#fff;<br>	text-decoration:none;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;<br>	text-indent:16px;<br>}<br><br><br>/* search form */<br><br>#about-box form {<br>	padding:10px 20px;<br>	margin:0;<br>	text-align:right;<br>	border-bottom:1px solid #fff;<br>	height:56px;<br>}<br>#about-box .txt-field {<br>	font-size:12px;<br>	margin:0 0 6px;<br>	width:176px;<br>	padding:1px;<br>}<br>#about-box .btn-search {<br>	display:block;<br>	padding:0;<br>	cursor:pointer;<br>	float:right;<br>	width:89px;<br>	height:28px;<br>	text-indent:-400px;<br>	overflow:hidden;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;<br>	border-style:none;<br>}<br><br>#about-box .btn-search:hover {<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;<br>}<br><br><br>#about-box .rss a {<br>	display:block;<br>	width:180px;<br>	padding:5px 0;<br>	margin:10px auto 0;<br>	color:#333;<br>	border-bottom:1px solid #A7A7A7;<br>	text-decoration:none;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCgBRiFufnnUO1bstGlz4ha68KJ5rtbq3Ga2ZFCGgsY6cgOcNx71DyhOYfS_qrjmDx-cuepJSg2CVl_yV3wQ_ll_QGYhQVR2uPRpTCEgm3eNZJhxpUvzNuEkgrrd26v5dchqKlhOKPWco/s1600/icon-rss.gif) no-repeat 5px 50%;<br>	text-indent:26px;<br>}<br>#about-box .rss a:hover {<br>	color:#fff;<br>	text-decoration:none;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;<br>}<br>#about-box .bookmark a {<br>	display:block;<br>	width:180px;<br>	padding:5px 0;<br>	margin:0 auto;<br>	color:#333;<br>	text-decoration:none;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;<br>	text-indent:26px;<br>}<br>#about-box .bookmark a:hover {<br>	color:#fff;<br>	text-decoration:none;<br>	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;<br>}<br><br><br><br>/* footer */<br><br>#footer {<br>	padding:20px 0;<br>	margin:0 auto;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x;<br>	font-size:10px;<br>	line-height:14px;<br>	color:#5f5f5f;<br>}<br>#footer a {<br>	color:#5f5f5f;<br>	text-decoration:none;<br>}<br>#footer a:hover {<br>	text-decoration:underline;<br>}<br>#footer .sm-logo a {<br>	display:block;<br>	width:100px;<br>	height:29px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFOXUD5hK2BS27NWqiA3esCF_jDICQfYP3RVv9qS_qm4o6yNkDB1vKxEkStle4iQRdE9e7DxX7Vkwim7LCaO2DVmiQtRSLGaq0dZ-IF0tz2FCkARnWxquu2Elw3zAR58b3RA7U1siPUio5/s1600/logo-hellbiscuit.gif) no-repeat 0 0;<br>	text-indent:-300px;<br>	overflow:hidden;<br>	float:right;<br>}<br>#footer .sm-logo a:hover {<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFOXUD5hK2BS27NWqiA3esCF_jDICQfYP3RVv9qS_qm4o6yNkDB1vKxEkStle4iQRdE9e7DxX7Vkwim7LCaO2DVmiQtRSLGaq0dZ-IF0tz2FCkARnWxquu2Elw3zAR58b3RA7U1siPUio5/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;<br>}<br>#footer .sm-logo2 a {<br>	display:block;<br>	width:45px;<br>	height:46px;<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_V3q4GzFCHwb0upmnG76alYDuOR032wow12xbRTG27rhEbqsILSPUOAqANVpmJBkBvCWeqW87zvSIxjJhdXX4L6Y3BS2DhiA07YfD7F4I8i_S8heKtCmKRKld6nbMcDtQwjugbT86SV0/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;<br>	text-indent:-300px;<br>	overflow:hidden;<br>	float:right;<br>}<br>#footer .sm-logo2 a:hover {<br>	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_V3q4GzFCHwb0upmnG76alYDuOR032wow12xbRTG27rhEbqsILSPUOAqANVpmJBkBvCWeqW87zvSIxjJhdXX4L6Y3BS2DhiA07YfD7F4I8i_S8heKtCmKRKld6nbMcDtQwjugbT86SV0/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;<br>}<br>]]></b:skin><br>  </head><br><br>  <body><br>  <div id='container'><br><br>    <br>    <span id='skiplinks' style='display:none;'><br>      <a href='#main'>skip to main </a> |<br>      <a href='#sidebar'>skip to sidebar</a><br>    </span><br><br>    <div id='header-wrapper'><br>      <b:section class='header' id='header' maxwidgets='5' showaddelement='yes'><br><b:widget id='Header1' locked='false' title='DATABASE ONLINE RT 05-RW 04 , KELURAHAN Dr. SUTOMO, KEC. TEGALSARI, KOTA SURABAYA (Header)' type='Header'><br><b:includable id='title'><br>  <b:if cond='data:blog.url == data:blog.homepageUrl'><br>    <h3><data:title/></h3><br>  <b:else/><br>    <a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></a><br>  </b:if><br></b:includable><br><b:includable id='description'><br>  <div class='descriptionwrapper'><br>    <p class='description'><span><data:description/></span></p><br>  </div><br></b:includable><br><b:includable id='main'><br><br>  <b:if cond='data:useImage'><br>    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'><br>      <br>      <div id='header-inner'><br>        <a expr:href='data:blog.homepageUrl' style='display: block'><br>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><br>        </a><br>      </div><br>    <b:else/><br>      <br>      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'><br>        <div class='titlewrapper' style='background: transparent'><br>          <h1 class='title' style='background: transparent; border-width: 0px'><br>            <b:include name='title'/><br>          </h1><br>        </div><br>        <b:include name='description'/><br>      </div><br>    </b:if><br>  <b:else/><br>    <br>    <div id='header-inner'><br>      <div class='titlewrapper'><br>        <h3><br>          <b:include name='title'/><br>        </h3><br>      </div><br>      <b:include name='description'/><br>    </div><br>  </b:if><br></b:includable><br></b:widget><br><b:widget id='HTML5' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML12' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br></b:section><br>    </div><br> <br>        <div id='col01'><br>        <b:section class='main' id='main' showaddelement='no'><br><b:widget id='HTML4' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML2' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'><br><b:includable id='nextprev'><br>  <div id='page-nav'><br>    <b:if cond='data:newerPageUrl'><br>      <span class='newer'><br>      <a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a><br>      </span><br>    </b:if><br><br>    <b:if cond='data:olderPageUrl'><br>      <span class='older'><br>      <a class='older' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:HALAMAN_SEBELUMNYA'><data:olderPageTitle/></a><br>      </span><br>    </b:if><br><br>  </div><br>  <div class='clear'/><br></b:includable><br><b:includable id='shareButtons' var='post'><br>  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.emailThisMsg/></span><br>  </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.blogThisMsg/></span><br>  </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span><br>  </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span><br>  </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span><br>  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'><br>      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span><br>  </a></b:if><br>  <b:if cond='data:top.showDummy'><br>    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div><br>  </b:if><br></b:includable><br><b:includable id='backlinks' var='post'><br>  <a name='links'/><h4><data:post.backlinksLabel/></h4><br>  <b:if cond='data:post.numBacklinks != 0'><br>    <dl class='comments-block' id='comments-block'><br>      <b:loop values='data:post.backlinks' var='backlink'><br>        <div class='collapsed-backlink backlink-control'><br>          <dt class='comment-title'><br>            <span class='backlink-toggle-zippy'>&#160;</span><br>            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br>            <b:include data='backlink' name='backlinkDeleteIcon'/><br>          </dt><br>          <dd class='comment-body collapseable'><br>            <data:backlink.snippet/><br>          </dd><br>          <dd class='comment-footer collapseable'><br>            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span><br>            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span><br>          </dd><br>        </div><br>      </b:loop><br>    </dl><br>  </b:if><br>  <p class='comment-footer'><br>    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a><br>  </p><br></b:includable><br><b:includable id='post' var='post'><br><br><b:if cond='data:blog.pageType != &quot;item&quot;'><br><br><br><br><br>    	<div class='home-post'>           <br>        	<div class='home-post-upper'><br>        	<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div><br>            <div class='excerpt'><p><data:post.body/></p></div><br>            </div><br>            <div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div><br>        </div>      <br><br><br><b:else/><br><br><br><br><br>	    	<div class='post'><br><br>        	<div class='post-upper'><br>            	<h1><a expr:href='data:post.url'><data:post.title/></a></h1><br>                <span class='digg'><br>				<script type='text/javascript'><br>				digg_bgcolor = &#39;#ffffff&#39;;<br>				digg_skin = &#39;compact&#39;;<br>                </script><br>				<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span><br>				<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'>        <b:if cond='data:post.labels'><br>          <data:postLabelsLabel/><br>          <b:loop values='data:post.labels' var='label'><br>            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br>          </b:loop><br>        </b:if></span></div>                   <br><br><br><br><br><br><br><br><br>    <a expr:name='data:post.id'/><br><br>    <div class='post-header-line-1'/>	<br>    <div style='margin-top: 15px;'><br>      <data:post.body/><br>      <br clear='all'/>                         <br>    </div><br><br clear='all'/>        <div id='comments-holder'><br>	<div id='comment-list'><data:post.numComments/> KOMENTAR... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div><br><br><br></div>                                          <br>       <br>    <div class='post-footer'><br>    <div class='post-footer-line post-footer-line-1'><br><br> <br>      <span class='reaction-buttons'><br>        <b:if cond='data:top.showReactions'><br>          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><br>            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'><br>              <span class='reactions-label'><br>              <data:top.reactionsLabel/></span>&#160;</td><br>            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td><br>           </tr></table><br>        </b:if><br>      </span><br><br>      <span class='star-ratings'><br>        <b:if cond='data:top.showStars'><br>           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/><br>        </b:if><br>      </span><br><br>      <span class='post-comment-link'><br>        <b:if cond='data:blog.pageType != &quot;item&quot;'><br>          <b:if cond='data:post.allowComments'><br>            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br>          </b:if><br>        </b:if><br>      </span><br>       <br>       <span class='post-backlinks post-comment-link'><br>         <b:if cond='data:blog.pageType != &quot;item&quot;'><br>           <b:if cond='data:post.showBacklinks'><br>             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a><br>           </b:if><br>         </b:if><br>       </span><br><br>      <span class='post-icons'><br>        <br>        <b:if cond='data:post.emailPostUrl'><br>          <span class='item-action'><br>          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br>              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/><br>          </a><br>          </span><br>        </b:if><br><br>        <br>        <b:include data='post' name='postQuickEdit'/><br>      </span><br>      </div><br><br>      <div class='post-footer-line post-footer-line-2'><br>       </div><br><br>      <div class='post-footer-line post-footer-line-3'><br>      <span class='post-location'><br>        <b:if cond='data:top.showLocation'><br>          <b:if cond='data:post.location'><br>            <data:postLocationLabel/><br>            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a><br>          </b:if><br>        </b:if><br>      </span><br>      </div><br>    </div><br>  </b:if><br></b:includable><br><b:includable id='status-message'><br>  <b:if cond='data:navMessage'><br>  <div class='status-msg-wrap'><br>    <div class='status-msg-body'><br>      <data:navMessage/><br>    </div><br>    <div class='status-msg-border'><br>      <div class='status-msg-bg'><br>        <div class='status-msg-hidden'><data:navMessage/></div><br>      </div><br>    </div><br>  </div><br>  <div style='clear: both;'/><br>  </b:if><br></b:includable><br><b:includable id='comment-form' var='post'><br>  <div class='comment-form'><br>    <a name='comment-form'/><br>    <h4 id='comment-post-message'><data:postCommentMsg/></h4><br>    <p><data:blogCommentMessage/></p><br>    <data:blogTeamBlogMessage/><br>    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br>    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/><br>    <data:post.iframeColorizer/><br>  </div><br></b:includable><br><b:includable id='backlinkDeleteIcon' var='backlink'><br>  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'><br>    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br>      <img src='http://www.blogger.com/img/icon_delete13.gif'/><br>    </a><br>  </span><br></b:includable><br><b:includable id='mobile-nextprev'><br>  <div class='blog-pager' id='blog-pager'><br>    <b:if cond='data:newerPageUrl'><br>      <div class='mobile-link-button' id='blog-pager-newer-link'><br>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a><br>      </div><br>    </b:if><br><br>    <b:if cond='data:olderPageUrl'><br>      <div class='mobile-link-button' id='blog-pager-older-link'><br>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a><br>      </div><br>    </b:if><br><br>    <div class='mobile-link-button' id='blog-pager-home-link'><br>    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br>    </div><br><br>    <div class='mobile-desktop-link'><br>      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a><br>    </div><br><br>  </div><br>  <div class='clear'/><br></b:includable><br><b:includable id='postQuickEdit' var='post'><br>  <b:if cond='data:post.editUrl'><br>    <span expr:class='&quot;item-control &quot; + data:post.adminClass'><br>      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br>        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/><br>      </a><br>    </span><br>  </b:if><br></b:includable><br><b:includable id='main' var='top'><br>  <br>  <div class='blog-posts hfeed'><br><br>    <b:include data='top' name='status-message'/><br><br>    <data:adStart/><br>    <b:loop values='data:posts' var='post'><br>      <b:include data='post' name='post'/><br>      <b:if cond='data:blog.pageType == &quot;item&quot;'><br>        <b:include data='post' name='comments'/><br>      </b:if><br>      <b:if cond='data:post.includeAd'><br>        <data:adEnd/><br>        <data:adCode/><br>        <data:adStart/><br>      </b:if><br>    </b:loop><br>    <data:adEnd/><br>  </div><br><br>  <br>  <b:include name='nextprev'/><br><br>  <br>  <b:include name='feedLinks'/><br>  <br>  <b:if cond='data:top.showStars'><br>    <script src='http://www.google.com/jsapi' type='text/javascript'/><br>    <script type='text/javascript'><br>      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});<br>      function initialize() {<br>        google.annotations.setApplicationId(<data:top.blogspotReviews/>);<br>        google.annotations.createAll();<br>        google.annotations.fetch();<br>      }<br>      google.setOnLoadCallback(initialize);<br>    </script><br>  </b:if><br><br></b:includable><br><b:includable id='commentDeleteIcon' var='comment'><br>  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><br>    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br>      <img src='http://www.blogger.com/img/icon_delete13.gif'/><br>    </a><br>  </span><br></b:includable><br><b:includable id='feedLinks'><br>  <b:if cond='data:blog.pageType != &quot;item&quot;'> <br>    <b:if cond='data:feedLinks'><br>      <div class='blog-feeds'><br>        <b:include data='feedLinks' name='feedLinksBody'/><br>      </div><br>    </b:if><br><br>    <b:else/> <br>    <div class='post-feeds'><br>      <b:loop values='data:posts' var='post'><br>        <b:if cond='data:post.allowComments'><br>          <b:if cond='data:post.feedLinks'><br>            <b:include data='post.feedLinks' name='feedLinksBody'/><br>          </b:if><br>        </b:if><br>      </b:loop><br>    </div><br>  </b:if><br></b:includable><br><b:includable id='mobile-index-post' var='post'><br>  <div class='mobile-date-outer date-outer'><br>    <b:if cond='data:post.dateHeader'><br>      <div class='date-header'><br>        <span><data:post.dateHeader/></span><br>      </div><br>    </b:if><br><br>    <div class='mobile-post-outer'><br>      <a expr:href='data:post.url'><br>        <h3 class='mobile-index-title entry-title'><br>          <data:post.title/><br>        </h3><br><br>        <div class='mobile-index-arrow'>&amp;rsaquo;</div><br><br>        <div class='mobile-index-contents'><br>          <b:if cond='data:post.thumbnailUrl'><br>            <div class='mobile-index-thumbnail'><br>              <div class='Image'><br>                <img expr:src='data:post.thumbnailUrl'/><br>              </div><br>            </div><br>          </b:if><br><br>          <div class='post-body'><br>            <b:if cond='data:post.snippet'><data:post.snippet/></b:if><br>          </div><br>        </div><br><br>        <div style='clear: both;'/><br>      </a><br><br>      <div class='mobile-index-comment'><br>        <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br>          <b:if cond='data:post.allowComments'><br>            <b:if cond='data:post.numComments != 0'><br>              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br>            </b:if><br>          </b:if><br>        </b:if><br>      </div><br>    </div><br><br>    <b:if cond='data:post.trackLatency'><br>      <data:post.latencyJs/><br>    </b:if><br>  </div><br></b:includable><br><b:includable id='feedLinksBody' var='links'><br>  <div class='feed-links'><br>  <data:feedLinksMsg/><br>  <b:loop values='data:links' var='f'><br>     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br>  </b:loop><br>  </div><br></b:includable><br><b:includable id='comments' var='post'><br>  <div class='comments' id='comments'><br>    <a name='comments'/><br>    <b:if cond='data:post.allowComments'><br>      <h4><br>        <b:if cond='data:post.numComments == 1'><br>          1 <data:commentLabel/>:<br>        <b:else/><br>          <data:post.numComments/> <data:commentLabelPlural/>:<br>        </b:if><br>      </h4><br><br>      <b:if cond='data:post.commentPagingRequired'><br>        <span class='paging-control-container'><br>          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br>          &#160;<br>          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br>          &#160;<br>          <data:post.commentRangeText/><br>          &#160;<br>          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br>          &#160;<br>          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br>        </span><br>      </b:if><br><br>      <dl id='comment-left'><br>        <b:loop values='data:post.comments' var='comment'><br>          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'><br>            <a expr:name='data:comment.anchorName'/><br>            <b:if cond='data:comment.authorUrl'><br>              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br>            <b:else/><br>              <data:comment.author/><br>            </b:if><br>            <data:commentPostedByMsg/><br>          </dt><br>          <dd class='comment-body'><br>            <b:if cond='data:comment.isDeleted'><br>              <span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span><br>            <b:else/><br>              <div class='comment-txt'><p><data:comment.body/></p></div><br>            </b:if><br>          </dd><br>          <dd class='comment-footer'><br>            <span class='comment-metadata'><br>              <a expr:href='data:comment.url' title='comment permalink'><br>                <data:comment.timestamp/><br>              </a><br>              <b:include data='comment' name='commentDeleteIcon'/><br>            </span><br>          </dd><br><br/><br><br/><br>        </b:loop><br>      </dl><br><br>      <b:if cond='data:post.commentPagingRequired'><br>        <span class='paging-control-container'><br>          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br>            <data:post.oldestLinkText/><br>          </a><br>          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br>            <data:post.olderLinkText/><br>          </a><br>          &#160;<br>          <data:post.commentRangeText/><br>          &#160;<br>          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br>            <data:post.newerLinkText/><br>          </a><br>          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br>            <data:post.newestLinkText/><br>          </a><br>        </span><br>      </b:if><br><br>      <p class='comment-footer'><br><br>        <b:if cond='data:post.embedCommentForm'><br>          <b:include data='post' name='comment-form'/><br>        <b:else/><br>          <b:if cond='data:post.allowComments'><br>            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br>          </b:if><br>        </b:if><br><br>      </p><br>    </b:if><br><br>    <div id='backlinks-container'><br>    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'><br>       <b:if cond='data:post.showBacklinks'><br>         <b:include data='post' name='backlinks'/><br>       </b:if><br>    </div><br>    </div><br>  </div><br></b:includable><br></b:widget><br></b:section><br>      </div><br><br>        <div id='col02'><br>        <b:section class='sidebar' id='sidebar' preferred='yes'><br><b:widget id='HTML3' locked='false' title='KODE HTML' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML14' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML17' locked='false' title='ACARA RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML9' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML7' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='Image4' locked='false' title='' type='Image'><br><b:includable id='main'><br>    <b:if cond='data:title != &quot;&quot;'><br>      <h2><data:title/></h2><br>    </b:if><br>    <div class='widget-content'><br>      <b:if cond='data:link != &quot;&quot;'><br>        <a expr:href='data:link'><br>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>        </a><br>      <b:else/><br>        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>      </b:if><br>      <br/><br>      <b:if cond='data:caption != &quot;&quot;'><br>        <span class='caption'><data:caption/></span><br>      </b:if><br>    </div><br>    <b:include name='quickedit'/><br>  </b:includable><br></b:widget><br><b:widget id='Image3' locked='false' title='' type='Image'><br><b:includable id='main'><br>    <b:if cond='data:title != &quot;&quot;'><br>      <h2><data:title/></h2><br>    </b:if><br>    <div class='widget-content'><br>      <b:if cond='data:link != &quot;&quot;'><br>        <a expr:href='data:link'><br>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>        </a><br>      <b:else/><br>        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>      </b:if><br>      <br/><br>      <b:if cond='data:caption != &quot;&quot;'><br>        <span class='caption'><data:caption/></span><br>      </b:if><br>    </div><br>    <b:include name='quickedit'/><br>  </b:includable><br></b:widget><br><b:widget id='Image2' locked='false' title='' type='Image'><br><b:includable id='main'><br>    <b:if cond='data:title != &quot;&quot;'><br>      <h2><data:title/></h2><br>    </b:if><br>    <div class='widget-content'><br>      <b:if cond='data:link != &quot;&quot;'><br>        <a expr:href='data:link'><br>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>        </a><br>      <b:else/><br>        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>      </b:if><br>      <br/><br>      <b:if cond='data:caption != &quot;&quot;'><br>        <span class='caption'><data:caption/></span><br>      </b:if><br>    </div><br>    <b:include name='quickedit'/><br>  </b:includable><br></b:widget><br><b:widget id='Image1' locked='false' title='' type='Image'><br><b:includable id='main'><br>    <b:if cond='data:title != &quot;&quot;'><br>      <h2><data:title/></h2><br>    </b:if><br>    <div class='widget-content'><br>      <b:if cond='data:link != &quot;&quot;'><br>        <a expr:href='data:link'><br>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>        </a><br>      <b:else/><br>        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/><br>      </b:if><br>      <br/><br>      <b:if cond='data:caption != &quot;&quot;'><br>        <span class='caption'><data:caption/></span><br>      </b:if><br>    </div><br>    <b:include name='quickedit'/><br>  </b:includable><br></b:widget><br><b:widget id='HTML11' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML8' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML6' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML15' locked='false' title='STRUKTUR PENGURUS RT 05' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML1' locked='false' title='' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='HTML10' locked='false' title='PESAN KE TEMAN ANDA' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br><b:widget id='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'><br><b:includable id='main'><br>  <div class='widget-content'><br>    <ul class='sf-menu' id='menu-menu-1'><br>      <b:loop values='data:links' var='link'><br>        <b:if cond='data:link.isCurrentPage'><br>          <li class='current-cat'><a expr:href='data:link.href'><data:link.title/></a></li><br>        <b:else/><br>          <li><a expr:href='data:link.href'><data:link.title/></a></li><br>        </b:if><br>      </b:loop><br>    </ul><br>    <b:include name='quickedit'/><br>  </div><br></b:includable><br></b:widget><br><b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'><br><b:includable id='main'><br>  <br>  <b:if cond='data:title != &quot;&quot;'><br>    <h2 class='title'><data:title/></h2><br>  </b:if><br>  <div class='widget-content'><br>    <data:content/><br>  </div><br><br>  <b:include name='quickedit'/><br></b:includable><br></b:widget><br></b:section><br><br><div id='about-box'><br>  <ul class='pages'><br>    <li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li><br>    <br>  </ul><br><form action='http://www.google.com/cse' id='cse-search-box' target='_blank'><br>  <div><br>    <input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/><br>    <input name='ie' type='hidden' value='ISO-8859-1'/><br>    <input name='q' size='25' type='text'/><br>    <input name='sa' type='submit' value='Search'/><br>  </div><br></form><br><script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/><br>  <span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div>    <br clear='all'/><br><br>	    <div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/><br>    Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template  <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div><br><br></div><br></body><br></html><br>

TEMPLATE 6 KOLOM

COPY KODE HTML DIBAWAH INI:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------------------------
    Theme Name: GUMBALL SPECIAL
    Theme URI: http://www.hellbiscuit.com/
    Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
	margin:0 10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: blue;#333333;
}

#container {
	width:1100px;
	padding:20px 0;
	margin:0 auto;
	
}

/* header area */

#container h3 {
	font-size:34px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:34px;
	padding:0 0 6px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EeGTNM4ZDEpcBnsDRVwiR3matKE6oH9wrnaQNcv4prBSgjkIDPkPJPqxw8bw3EgseoZDw7HmmCIaf00KJtDHoDoWX6pppmigd2mF7Bc7U-OafSjuub_cYALCDIiLnCnoZ2ZdmYjUWJOH/s1600/double-line.gif) repeat-x left bottom;
	display:inline;
}
#container h3 a {
	text-decoration:none;
	color:yellow;#333;
}
#container h3 a:hover {
	color:#1958b7;
}
.hellbiscuit a {
	display:block;
	width:150px;
	height:15px;
	margin-top:16px;
	overflow:hidden;
	text-indent:-500px;
	font-size:10px;
	background:red; no-repeat;
}

/* home columns */

#col01 {
	width:880px;
	float:left;
	overflow:hidden;
}
#col02 {
	width:200px;
	float:right;
	overflow:hidden;
}
#col01, #col02 {
	padding:20px 0;
}

/* home post */

#col01 .home-post {
	width:150px;
	margin:0 20px -90px 0;
	height:350px;
	overflow:hidden;
	float:left;
}
#col01 .home-post .title {
	background:rgb(103,135,196);url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
	padding:4px 8px;
}
#col01 .home-post .title h2 {
	margin:0;
	padding:0;
}
#col01 .home-post .title h2 a {
	text-decoration:none;
	text-transform:uppercase;
	color:red;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:16px;
}
#col01 .home-post .title h2 a:hover {
	color:yellow;#000;
	border-bottom:none;
	background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
	height:230px;
	width:150px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}
#col01 .home-post .excerpt {color:#333333;
	height:230px;
	overflow:hidden;
	padding:6px 6px 0;
	font-size:10px;
	line-height:16px;
	background:white;#a7a7a7;
        border:1px solid #1958b7;
	}
#col01 .home-post .excerpt p { text-decoration:none;
	margin:0 0 10px;
	padding:0;
}
#col01 .home-post .excerpt a {
	color:white;#333333;
        border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
	text-decoration:none;
	color:brown;#333333;
	background:#A7A7A7;
}
#col01 .home-post .meta {
	padding:4px 8px 0 24px;
	height:10px;
	background:rgb(103,135,196);url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
	text-transform:uppercase;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:yellow;
	
	float:left;
	border-bottom:1px solid tansparant;
}

#col01 .home-post .author a {
	display:block;
	font-size:10px;
	color:#508fc4;
	text-decoration:none;
	float:right;
}
#col01 .home-post .comments a:hover, #508fc4 .home-post .author a:hover {
	color:red;#000;
}

/* single template post */

#col01 .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
#col01 .post a {
	color:#1958b7;
}
#col01 .post a:hover {
	background:#FFFAC7;
	color:#000;
	text-decoration:none;
}
#col01 .post h1 {
	font-size:28px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
#col01 .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
	text-decoration:none;
	color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
	color:#fff;
	border-bottom:none;
	background-color:#ff0067;
}
#col01 .post-upper {
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x bottom;
	padding:12px 0;
	font-size:11px;
	line-height:16px;
	color:#606060;
}
#col01 .post-upper a {
	color:#606060;
	text-decoration:none;
}
#col01 .post-upper a:hover {
	color:#1958b7;
	text-decoration:none;
}
#col01 .post-upper .digg {
	float:right;
}
#col01 .post .image {
	float:right;
	margin:12px 0 12px 12px;
}

/* categories page */

#col01 .cat-name {
	font-size:14px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x bottom;
	padding:4px 0 8px;
	width:700px;
}
#col01 .category-name {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	background:#ff0067;
	font-weight:bold;
}

/* comments outer */

#comments-holder {
	padding:12px 0 0;
}

/* comment list styles */

#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger {
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
}
.comment-left {
	padding:16px 0;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x;
}
.comment-meta {
	float:left;
	width:120px;
	margin-right:10px;
	font-size:10px;
	font-weight:bold;
        font-color:red;
}
.comment-metadata {
	font-size:10px;
	font-weight:normal;
}
.comment-metadata a {
	text-decoration:none;
}
.comment-metadata a:hover {
	text-decoration:none;
}
.comment-txt {
	float:left;
	width:440px;
	font-size:12px;
	line-height:18px;
}
cite {
	font-style:normal;
	text-transform:uppercase;
	font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:280px;
	margin-right:15px;
}
.comments-PII-2 {
	width:380px;
}
.comments-PII input {
	font-size:12px;
	width:270px;
	padding:2px;
}
.comments-PII-2 textarea {
	font-size:12px;
	width:370px;
	height:180px;
	padding:2px;
}
.submit-btn {
	display:block;
	padding:0;
	cursor:pointer;
	width:141px;
	height:34px;
	text-indent:-400px;
	overflow:hidden;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
	border-style:none;
}

.submit-btn:hover {
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
	font-size:10px;
}

/* misc */

.uppercase {
	text-transform:uppercase;
}

/* col02 stuff */

#categories {
	height:340px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXONlTn8lf-TmSa8ZXYNy8pkd-E6NRi5-FcUccNldKOuUq5yRVTx26fzG79JYTQQqFwzs7AOzFwgC3wQIBoe4RGDIwKxAOmqMGsn7bwEzB1uuLs72ZLES_o-47VKldLC6aQ_Zw-hNfSNvp/s1600/nav-back.gif) no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
#col02 h2 {
	background:#1958b7;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#col02 ul {
        color:#A6A6A6;
	margin:0 0;
	padding:0 20px;
	overflow:auto;
	height:100%;
        }
#col02 li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d3d3;
}
#col02 li a {
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#col02 li a:hover {
	color:#000;
	text-decoration:none;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
	text-indent:16px;
}
#col02 a {
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#col02 a:hover {
	color:#000;
	text-decoration:none;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
	text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:#A6A6A6;
height:100%;
}
#sponsor-box {
	height:340px;
	background:#A7A7A7;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#sponsor-box .title {
	background:#ff0067;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#sponsor-box .sponsor {
	padding:10px 0 0;
	width:200px;
	height:133px;
	overflow:hidden;
	margin:0 auto;
}
#sponsor-box .meta {
	padding:4px 8px 0;
	position:absolute;
	bottom:0px;
	left:0px;
	width:204px;
	height:19px;
	background:#7f7f7f;
	text-transform:uppercase;
	text-align:right;
}
#sponsor-box .meta a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
#sponsor-box .meta a:hover {
	color:#000;
}

#about-box {
	height:340px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCbSDEN8bg2dPwP1LEwD9a0W5RaJXpBta8HZGgtbE1rM4ty603i6jhdC82eI0RViiyi9ZM5eMisXhTsiL4NoSPXH1vzy9-R7XfmTcUdpo-SAYJ8ZboyqOPlN1V3GNm-2ER_4m8ZmPdQA6/s1600/about-back.gif) no-repeat;
	overflow:hidden;
}
#about-box .pages {
	margin:10px 0;
	padding:0 20px;
	overflow:auto;
	height:159px;
	border-bottom:1px solid #fff;
}
#about-box .pages li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
	display:block;
	color:#000;
	text-transform:uppercase;
	font-size:10px;
	padding:4px 0;
	text-decoration:none;
}
#about-box .pages a:hover {
	color:#fff;
	text-decoration:none;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
	text-indent:16px;
}

/* search form */

#about-box form {
	padding:10px 20px;
	margin:0;
	text-align:right;
	border-bottom:1px solid #fff;
	height:56px;
}
#about-box .txt-field {
	font-size:12px;
	margin:0 0 6px;
	width:176px;
	padding:1px;
}
#about-box .btn-search {
	display:block;
	padding:0;
	cursor:pointer;
	float:right;
	width:89px;
	height:28px;
	text-indent:-400px;
	overflow:hidden;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
	border-style:none;
}

#about-box .btn-search:hover {
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}

#about-box .rss a {
	display:block;
	width:180px;
	padding:5px 0;
	margin:10px auto 0;
	color:#333;
	border-bottom:1px solid #A7A7A7;
	text-decoration:none;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCgBRiFufnnUO1bstGlz4ha68KJ5rtbq3Ga2ZFCGgsY6cgOcNx71DyhOYfS_qrjmDx-cuepJSg2CVl_yV3wQ_ll_QGYhQVR2uPRpTCEgm3eNZJhxpUvzNuEkgrrd26v5dchqKlhOKPWco/s1600/icon-rss.gif) no-repeat 5px 50%;
	text-indent:26px;
}
#about-box .rss a:hover {
	color:#fff;
	text-decoration:none;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
	display:block;
	width:180px;
	padding:5px 0;
	margin:0 auto;
	color:#333;
	text-decoration:none;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
	text-indent:26px;
}
#about-box .bookmark a:hover {
	color:#fff;
	text-decoration:none;
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}

/* footer */

#footer {
	padding:20px 0;
	margin:0 auto;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzdm314NsiJMOuDN5yFDqU0fEYB86pBnB_8Bijrqm_gf9iHSwuona7jnaYds3fOR7xJDrnnbm-sOxBB2SJu5MrxPA592MEBP0lBgcTOIhbkFZ67KvRvmqoI8O5IUDTJDrjliKaneliPBc/s1600/dot.gif) repeat-x;
	font-size:10px;
	line-height:14px;
	color:#5f5f5f;
}
#footer a {
	color:#5f5f5f;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .sm-logo a {
	display:block;
	width:100px;
	height:29px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFOXUD5hK2BS27NWqiA3esCF_jDICQfYP3RVv9qS_qm4o6yNkDB1vKxEkStle4iQRdE9e7DxX7Vkwim7LCaO2DVmiQtRSLGaq0dZ-IF0tz2FCkARnWxquu2Elw3zAR58b3RA7U1siPUio5/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
	text-indent:-300px;
	overflow:hidden;
	float:right;
}
#footer .sm-logo a:hover {
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFOXUD5hK2BS27NWqiA3esCF_jDICQfYP3RVv9qS_qm4o6yNkDB1vKxEkStle4iQRdE9e7DxX7Vkwim7LCaO2DVmiQtRSLGaq0dZ-IF0tz2FCkARnWxquu2Elw3zAR58b3RA7U1siPUio5/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
	display:block;
	width:45px;
	height:46px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_V3q4GzFCHwb0upmnG76alYDuOR032wow12xbRTG27rhEbqsILSPUOAqANVpmJBkBvCWeqW87zvSIxjJhdXX4L6Y3BS2DhiA07YfD7F4I8i_S8heKtCmKRKld6nbMcDtQwjugbT86SV0/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
	text-indent:-300px;
	overflow:hidden;
	float:right;
}
#footer .sm-logo2 a:hover {
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_V3q4GzFCHwb0upmnG76alYDuOR032wow12xbRTG27rhEbqsILSPUOAqANVpmJBkBvCWeqW87zvSIxjJhdXX4L6Y3BS2DhiA07YfD7F4I8i_S8heKtCmKRKld6nbMcDtQwjugbT86SV0/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}
]]></b:skin>
  </head>

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

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' 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/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h3>
          <b:include name='title'/>
        </h3>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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>
 
        <div id='col01'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML16' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML19' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div id='page-nav'>
    <b:if cond='data:newerPageUrl'>
      <span class='newer'>
      <a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:HALAMAN_SESUDAHNYA'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' 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.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></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='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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:else/>

<div class='post-upper'>
            	<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
                <span class='digg'>
				<script type='text/javascript'>
				digg_bgcolor = &#39;#ffffff&#39;;
				digg_skin = &#39;compact&#39;;
                </script>
				<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
				<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'>        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if></span></div>

<div class='post-header-line-1'/>	
    <div style='margin-top: 15px;'>
      <data:post.body/>
      <br clear='all'/>                         
    </div>
<br clear='all'/>        <div id='comments-holder'>
	<div id='comment-list'><data:post.numComments/> TULIS PESAN... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>

</div>                                          
       
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

<div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
    </div>
  </b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

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

<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='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'>&amp;rsaquo;</div>

<b:if cond='data:post.trackLatency'>
      <data:post.latencyJs/>
    </b:if>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

</p>
    </b:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='DATA PENDUDUK RT 05' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML22' locked='false' title='DATA PENDUDUK MUSIMAN RT 05' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML21' locked='false' title='DATA PENDUDUK TINGGAL DI LUAR WILAYAH RT 05' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML20' locked='false' title='DATA KK WARGA RT 05' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML15' locked='false' title='STRUKTUR PENGURUS RT 05' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML13' locked='false' title='KK YANG TINGGAL DISINI' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML10' locked='false' title='SILAHKAN KOMENTAR' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='PageList16' locked='true' title='HALAMAN UTAMA' type='PageList'>
<b:includable id='main'>
  <div class='widget-content'>
    <ul class='sf-menu' id='menu-menu-1'>
      <b:loop values='data:links' var='link'>
        <b:if cond='data:link.isCurrentPage'>
          <li class='current-cat'><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:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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 id='about-box'>
  <ul class='pages'>
    <li class='current_page_item'><a expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a></li>
    
  </ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
  <div>
    <input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
    <input name='ie' type='hidden' value='ISO-8859-1'/>
    <input name='q' size='25' type='text'/>
    <input name='sa' type='submit' value='Search'/>
  </div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
  <span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div>    <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
    Dibeli dari <a href='http://www.evaneckard.com'>EvanEckard.com</a> dan <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. oleh Blogger Template  <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> dan <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>

TEMPLATE 8 KOLOM

COPY KODE HTML DIBAWAH INI:

.Navbar {visibility:hidden;display: none;}
body {
	margin:0 10px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: blue;#333333;
}

#container {
	width:1100px;
	padding:10px 0;
	margin:0 auto;
	
}

/* header area */

#container h3 {
	font-size:34px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:34px;
	padding:0 0 6px;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EeGTNM4ZDEpcBnsDRVwiR3matKE6oH9wrnaQNcv4prBSgjkIDPkPJPqxw8bw3EgseoZDw7HmmCIaf00KJtDHoDoWX6pppmigd2mF7Bc7U-OafSjuub_cYALCDIiLnCnoZ2ZdmYjUWJOH/s1600/double-line.gif) repeat-x left bottom;
	display:inline;
}
#container h3 a {
	text-decoration:none;
	color:yellow;#333;
}
#container h3 a:hover {
	color:#1958b7;
}
.hellbiscuit a {
	display:block;
	width:251px;
	height:15px;
	margin-top:16px;
	overflow:hidden;
	text-indent:-500px;
	font-size:10px;
	background:red; no-repeat;
}

/* home columns */

#col01 {
	width:880px;
	float:left;
	overflow:hidden;
}
#col02 {
	width:200px;
	float:right;
	overflow:hidden;
}
#col01, #col02 {
	padding:10px 0;
}

/* home post */

#col01 .home-post {
	width:105px;
	margin:0 20px -90px 0;
	height:280px;
	overflow:hidden;
	float:left;
}
#col01 .home-post .title {
	background:url(http://2.bp.blogspot.com/-JP5Cj2GLg4w/TfqK2HxtLsI/AAAAAAAACH4/8G-i6Ubn5io/s1600/rt%2B5%2Batas.JPG)no-repeat;
	padding:4px 8px;
}
#col01 .home-post .title h2 {
	margin:0;
	padding:0;
}
#col01 .home-post .title h2 a {
	text-decoration:none;
	text-transform:uppercase;
	color:red;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:16px;
}
#col01 .home-post .title h2 a:hover {
	color:yellow;#000;
	border-bottom:none;
	background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
	height:200px;
	width:105px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}
#col01 .home-post .excerpt {color:#333333;
	height:180px;
	overflow:hidden;
	padding:0px 0px 0;
	font-size:10px;
	line-height:16px;
	background:white;#a7a7a7;
        border:1px solid #1958b7;
	}
#col01 .home-post .excerpt p { text-decoration:none;
	margin:0 0 10px;
	padding:0;
}
#col01 .home-post .excerpt a {
	color:white;#333333;
        border:0px solid #1958b7;
}
#col01 .home-post .excerpt a:hover {
	text-decoration:none;
	color:brown;#333333;
	background:#A7A7A7;
}
#col01 .home-post .meta {
	padding:4px 8px 0 24px;
	height:35px;
	background:url(http://2.bp.blogspot.com/-AQPtPQplWYU/TfqLYi3H8yI/AAAAAAAACIA/920KdfKzED0/s1600/rt%2B5%2Bbawah.JPG)no-repeat 0px 0px;
	text-transform:uppercase;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:rgb(103,135,196);
	
	float:left;
	border-bottom:1px solid tansparant;
}

/* single template post */

/* categories page */

/* comments outer */

#comments-holder {
	padding:12px 0 0;
}

/* comment list styles */

/* comment form styles */

.submit-btn:hover {
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
	font-size:10px;
}

/* misc */

.uppercase {
	text-transform:uppercase;
}

/* col02 stuff */

#categories {
	height:340px;
	background:red;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXONlTn8lf-TmSa8ZXYNy8pkd-E6NRi5-FcUccNldKOuUq5yRVTx26fzG79JYTQQqFwzs7AOzFwgC3wQIBoe4RGDIwKxAOmqMGsn7bwEzB1uuLs72ZLES_o-47VKldLC6aQ_Zw-hNfSNvp/s1600/nav-back.gif) no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
#col02 h2 {
	background:green;#1958b7;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#col02 ul {
        color:blue;#A6A6A6;
	margin:0 0;
	padding:0 20px;
	overflow:auto;
	height:100%;
        }
#col02 li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d3d3;
}
#col02 li a {
	display:block;
	color:magenta;#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#col02 li a:hover {
	color:#000;
	text-decoration:none;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
	text-indent:16px;
}
#col02 a {
	display:block;
	color:yellow;#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#col02 a:hover {
	color:#000;
	text-decoration:none;
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubTg6KNeYtf2s1CbHKQvZc1Q9hyVSmM33VVEPySnS3jYlBbbWlgYzd4AivG25mQxnj8qtmiXO6BgMIYO-_O-JvsfKJGkzXq8p_a28IbZdTcyd0VdzaMt7sl6SW_Bfhi1xkwTOzY7iD-dx/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
	text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:rgb(103,135,196);#A6A6A6;
height:100%;
}
#sponsor-box {
	height:340px;
	background:#A7A7A7;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#sponsor-box .title {
	background:#ff0067;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#sponsor-box .sponsor {
	padding:10px 0 0;
	width:200px;
	height:133px;
	overflow:hidden;
	margin:0 auto;
}
#sponsor-box .meta {
	padding:4px 8px 0;
	position:absolute;
	bottom:0px;
	left:0px;
	width:204px;
	height:19px;
	background:#7f7f7f;
	text-transform:uppercase;
	text-align:right;
}
#sponsor-box .meta a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
#sponsor-box .meta a:hover {
	color:#000;
}

/* search form */

#about-box .btn-search:hover {
	background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}

/* footer */

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

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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>
 
        <div id='col01'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:else/>

<div class='post-header-line-1'/>	
    <div style='margin-top: 15px;'>
      <data:post.body/>
      <br clear='all'/>                         
    </div>
<br clear='all'/>        <div id='comments-holder'>
	<div id='comment-list'><data:post.numComments/> KOMENTAR... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>

</div>                                          
       
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

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

<b:include name='nextprev'/>

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

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML10' locked='false' title='PESAN KE TEMAN ANDA' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <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>
</body>
</html>

BEDA PADDING DAN MARGIN

BEDA MARGIN DAN PADDING

MARGIN
Margin digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antar kolom/elemen halaman web/blog.
Jadi marginlah yang mengatur jarak antara kolom header, sidebar, main, dan bottom/footer.

PADDING
Padding digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antara isi/content dengan kolom/container halaman isi/content tersebut.
Jadi apabila kita ingin mengatur jarak antara tulisan dalam artikel dengan garis/batas tepi didalam halaman web/blog digunakanlah padding ini.