<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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'/>
<b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Selamat Membaca Di My Library' name='description'/>
<meta content='Formulabisnis, kaya cepat, kaya dengan cepat, bisnis mudah, bisnis cepat, mudah cepat, lowongan, lowongan kerja, lowongan pekerjaan, situs lowongan, info lowongan, situs, lowongan kerja, lowongan kerja indonesia, lowongan bank, cari lowongan, info lowongan kerja, lowongan it, lowongan kerja it, lowongan kerja di indonesia, lowongan dosen, cari lowongan kerja, informasi lowongan kerja, lowongan kerja di jakarta, bursa lowongan, lowongan indonesia, lowongan kerja di surabaya, lowongan kerja surabaya, lowongan kerja di bandung, lowongan kerja terbaru, lowongan kerja bank, lowongan pertamina, lowongan, kerja di bank, lowongan kerja bandung, lowongan kerja part time, lowongan surabaya, lowongan programmer, lowongan kerja jakarta, lowongan kerja di batam, bursa lowongan kerja, lowongan pns, lowongan guru, lowongan kerja 2003, iklan lowongan kerja, lowongan kerja di malang, lowongan dokter, karir lowongan, lowongan departemen, situs lowongan pekerjaan, lowongan kerja hari ini, lowongan kerja, kerja, pekerjaan, lowongan pekerjaan, tenaga kerja, cari kerja’ lamaran kerja, bursa kerja, surat lamaran kerja, lamaran pekerjaan, departemen tenaga kerja, keselamatan kerja, tenaga kerja indonesia, undang undang tenaga kerja, contoh surat lamaran kerja, kerja paruh waktu, peluang kerja, kerja part time, kerja it, situs lowongan kerja, surat lamaran pekerjaan, pencari kerja, lowongan kerja indonesia, kesehatan kerja, lapangan kerja, info lowongan kerja, kerja sama, kepuasan kerja, kerja praktek, uu tenaga kerja, kesempatan kerja, pekerjaan umum, info kerja, lowongan kerja it, lowongan kerja di indonesia, etos kerja, kerja sambilan, peraturan tenaga kerja, cari lowongan kerja, motivasi kerja, informasi lowongan kerja, modal kerja, lowongan kerja di jakarta, lowongan kerja di surabaya, program kerja, kerja sampingan, kontrak kerja , prestasi kerja, contoh lamaran kerja, budaya kerja, lowongan kerja surabaya, produktivitas kerja, lowongan kerja di bandung, lowongan kerja terbaru, lowongan kerja bank, perjanjian kerja, mencari kerja, lowongan kerja di bank, lowongan kerja bandung, contoh surat lamaran pekerjaan, lowongan kerja part time, kesehatan dan keselamatan kerja, cari pekerjaan, lowongan kerja jakarta, undang undang tenaga kerja, undang undang ketenagakerjaan, kesehatan kerja, peraturan tenaga kerja, departemen tenaga kerja, uu ketenagakerjaan, uu tenaga kerja, informasi lowongan kerja,bisnis, bisnis jual script, script gratis, toko online, iklan baris, bisnis indonesia, peluang bisnis, etika bisnis, komunikasi bisnis, hukum bisnis, bisnis internasional, mitra bisnis, e bisnis, proposal bisnis, strategi bisnis, info bisnis, bisnis mlm, majalah bisnis, studi kelayakan bisnis, harian bisnis indonesia, bisnis com, bisnis di indonesia, artikel bisnis, ekonomi bisnis, bisnis kecil, manajemen bisnis, koran bisnis indonesia, bisnis plan, rencana bisnis, bisnis internet, informasi bisnis, lingkungan bisnis, agro bisnis, ekonomi dan bisnis, bisnis online, perencanaan bisnis, bisnis warnet, pengantar bisnis, peluang bisnis, formula bisnis, bisnis praktis, rahasia bisnis,Usaha, usaha kecil, peluang usaha, usaha kecil menengah, usaha kecil dan menengah, persaingan usaha, proposal usaha, sewa guna usaha, wira usaha, modal usaha, usaha sampingan, usaha mandiri, kredit usaha kecil, perusahaan, daftar perusahaan, alamat perusahaan, profil perusahaan, perusahaan indonesia, nama perusahaan, perusahaan di indonesia, perusahaan minyak, laporan keuangan perusahaan, perusahaan asuransi, misi perusahaan, perusahaan jasa, perusahaan listrik negara, manajemen perusahaan, data perusahaan, perusahaan gas negara, perusahaan pelayaran, kinerja perusahaan, perusahaan multinasional, budaya perusahaan, perusahaan farmasi,sejarah internet, internet indonesia, internet cafe, jaringan internet, internet ceria, akses internet, belajar internet, koneksi internet , istilah internet, billing internet, internet billing, tentang internet, internet gratis, sms lewat internet , perkembangan internet, warung internet, pengenalan internet, pengertian internet, sms via internet, artikel internet, internet kabel, manfaat internet, kejahatan internet, teknologi internet, kamus internet, pengaruh internet, cari uang di internet, pelatihan internet, apa itu internet, dampak internet, majalah internet, definisi internet, kirim sms lewat internet, bca internet banking, internet murah, internet provider indonesia, internet listrik, makalah internet, internet adalah, beasiswa, alamat, telkomsel, jodoh, mandiri, pemasaran, biro jodoh, cari jodoh, kontak jodoh, manajemen pemasaran, ramalan jodoh, telkomsel com, beasiswa s2, strategi pemasaran, alamat website, daftar alamat, www telkomsel, alamat bank, alamat situs, alamat artis, alamat kedutaan, beasiswa indonesia, beasiswa luar negeri, bursa efek surabaya, jodoh indonesia, telkomsel indonesia, jurnal pemasaran, info beasiswa, beasiswa jepang, simpati telkomsel, pemasaran produk, beasiswa jerman, riset pemasaran, beasiswa s1, komunikasi pemasaran, manajemen, daftar, kesehatan, kartu, indosat, undang undang, ramalan, keuangan, jepang, psikologi, usaha, peraturan, laporan, organisasi, mahasiswa, produk, kantor, bni, strategi, daftar harga, ramalan bintang, laporan keuangan, bisnis indonesia, menteri, kartu ucapan, indosat m3, informasi manajemen, sistem informasi manajemen, peraturan pemerintah, kartu lebaran, departemen keuangan, bank bni, indosat net, peluang usaha, struktur organisasi, indosat im3, departemen kesehatan, mahasiswa baru, bintang, manajemen pemasaran, ramalan jodoh, indosat net id, bahasa jepang, daftar perusahaan, manajemen keuangan, manajemen sumber daya manusia, dunia kartu, strategi pemasaran, kartu undangan, manajemen qalbu, menteri keuangan, jurnal psikologi, ramalan cinta, penerimaan mahasiswa baru, akuntansi keuangan, daftar alamat, usaha kecil menengah, akuntansi manajemen,tokomu, toko online anda, toko, tokomu, shopping online, produk terlengkap, bisnispraktis, bisnispraktis, kaya cepat, kaya dengan cepat, bisnis mudah, bisniscepat, mudah cepat, lowongan, lowongan kerja, lowongan pekerjaan, situslowongan, info lowongan, situs lowongan kerja, lowongan kerja indonesia, lowonganbank, cari lowongan, info lowongan kerja, lowongan it, lowongan kerja it, lowongankerja di indonesia, lowongan dose, cari lowongan kerja, informasi lowongankerja, lowongan kerja di jakarta, bursa lowongan, lowongan indonesia, lowongankerja di surabaya, lowongan kerja surabaya, lowongan kerja di bandung, lowongankerja terbaru, lowongan kerja bank, lowongan pertamina, lowongan kerja di bank,lowongan kerja bandung, lowongan kerja part time, lowongan surabaya, lowonganprogrammer, lowongan kerja jakarta, lowongan kerja di batam, bursa lowongankerja, lowongan pns, lowongan guru, lowongan kerja 2003, iklan lowongan kerja, lowongankerja di malang, lowongan dokter, karir lowongan, lowongan departemensitus lowonganpekerjaan, lowongan kerja hari ini, lowongan kerja, kerja, pekerjaan, lowonganpekerjaan, tenaga kerja, cari kerja, lamaran kerja, bursa kerja, surat lamarankerja, lamaran pekerjaan, departemen tenaga kerja, keselamatan kerja, tenagakerja indonesia, undang undang tenaga kerja, contoh surat lamaran kerja, kerjaparuh waktu, peluang kerja, kerja part time, kerja it, situs lowongan kerja, suratlamaran pekerjaan, pencari kerja, lowongan kerja indonesia, kesehatan kerja, lapangankerja, info lowongan kerja, kerja sama, kepuasan kerja, kerja praktek, uutenaga kerja, kesempatan kerja, pekerjaan umum, info kerja, lowongan kerja it, lowongankerja di indonesia, etos kerja, kerja sambilan, peraturan tenaga kerja, carilowongan kerja, motivasi kerja, informasi lowongan kerja, modal kerja, lowongankerja di jakarta, lowongan kerja di surabaya, program kerja, kerja sampingan,kontrak kerja, prestasi kerja, contoh lamaran kerja, budaya kerja, lowongankerja surabaya, produktivitas kerja, lowongan kerja di bandung, lowongan kerjaterbaru, lowongan kerja bank, perjanjian kerja, mencari kerja, lowongan kerjadi bank, lowongan kerja bandung, contoh surat lamaran pekerjaan, lowongan kerjapart time, kesehatan dan keselamatan kerja, cari pekerjaan, lowongan kerjajakarta, undang undang tenaga kerja, undang undang ketenagakerjaan, kesehatankerja, peraturan tenaga kerja, departemen tenaga kerja, uu ketenagakerjaan, uutenaga kerja, informasi lowongan kerja selengkapnya di klik disini' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Global' name='distribution'/>
<meta content='all' name='robots'/>
<meta content='all' name='spiders'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='never' http-equiv='xpires'/>
<meta content='general' name='rating'/>
<b:skin><![CDATA[
/*
Blogger Template Style
Name: Simple Faster
Author: Mas Sugeng Ganteng
URL: http://www.mas-sugeng.com
Date: 12 Juli 2012
*/
#navbar-iframe {
display: none !important;
}
/* -- CSS RESET -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent
}
/* ELEMEN UTAMA */
body {background:#444 url(http://3.bp.blogspot.com/-sd8rtXIEUAc/Tn-Jxm4_rcI/AAAAAAAABw4/On36shjkSQc/s1600/bg-banner-pattern.gif); color:#222;
font: 14px arial, sans-serif; text-align:left;
}
#wrapper { background:#fff; margin:0 auto; width:970px; overflow:hidden;
}
#kotak-kontent {background:#fff; margin:0; padding:0; overflow:hidden
}
/* HEADER */
#kepala { background:#fff url(http://3.bp.blogspot.com/-KBq8_ipJExo/T-wVK-JFBTI/AAAAAAAAApQ/8w7-19Yygr8/s1600/bghead.png) no-repeat 100% 100%; height:auto; margin:0; padding:10px; overflow:hidden
}
#kepala-kanan{background:#fff; float:left; width:212px; margin:0px 5px 0px 0px; padding:0; height:90px;
}
#kepala-kiri{float:right; width:728px; height:90px; text-align:center; overflow:hidden; margin:0px 0px 0px px; padding:0;
}
#kepala-kanan img { width:212px; height:90px; display:block; margin:0; padding:0;
}
#kepala-kiri img {width:728px; height:90px; margin:0; padding:0;
}
#kepala-kanan h1.title {font:24px georgia, serif; font-weight:bold; color:#003164; text-align:center; margin:0px; padding:6px 0 8px;
}
#kepala-kanan h1.logo, #kepala-kanan p.logo {margin:0; padding:0;
}
#kepala-kanan .description { text-align:center; margin:0; padding:4px: 0 8px;
}
/* TEXT AND HEADING */
h1{font-size:20px;}h2{font-size:18px;}h3{font-size:17px;}h4{font-size:16px;}h5{font-size:15px;}h6{font-size:14px;
}
p{ font-size:14px; padding-bottom:13px
}
p.title a{color:#003164;
}
p.title {font-weight:bold; font:26px georgia, serif; text-align:center; margin:0; padding:6px 0 8px;
}
.post ul{margin: 0 0 13px 28px; list-style-type:disc
}
.post ol{margin:0 0 13px 28px; list-style-type:decimal
}
.post ul li, ol li{padding-bottom:3px
}
.post blockquote {margin:0 28px 13px 18px; font-style:italic; padding-left:10px; border-left:3px dotted #ccc; text-align:left;
}
img{max-width:100%;
}
.widget-content ul { list-style-type:none; margin:0; padding:0
}
table {border-collapse:collapse; margin:0 auto 10px;
}
table, th, td { padding:3px 6px; border:1px solid #ccc;
}
table th { background:#e5e5e5;
}
/* LINK LINK */
a:link {
color:#1f87ff;
text-decoration:none
}
a:visited {
color:#1f87ff;
text-decoration:none
}
a:hover, #sidebar a:hover { color: #cc3a1e; text-decoration:none
}
#footer a:hover, #sidebar .widget-content ul li a:hover {text-decoration:underline;
}
a.ngkot { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#004083; font-size:13px; color:#fff; text-shadow:1px 1px #001e3c; margin:8px 0; display:block; padding:2px 8px; border-right:1px solid #001e3c; border-bottom: 1px solid #001e3c;
}
a.ngkot:hover { background:#001e3c;
}
.kategori a, .widget-content a {color:#333;
}
.post h2.post-title a, .post h2.post-title a:visited, .post h1.post-title, .post h1.post-title a{color:#003164;
}
.post h2.post-title a:hover{text-decoration:underline;
}
/* KONTEN POSTING */
#posting{ float:left; width:650px; margin:0; padding:0
}
#kotak-posting { padding:10px;
margin:0; border-right:1px solid #ccc;
overflow:hidden; word-wrap:break-word
}
.post { margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px solid #ddd;
}
.post h2.post-title, .post h1.post-title { font-size:17px; font-weight:bold; margin:0 0 10px 0
}
.post-body { font-size:14px; text-align: justify; line-height:normal;
margin:0; padding:0;
}
.tanggal, .penulis, .kategori { background: url(http://3.bp.blogspot.com/-yBz6IcUu7FI/Ty5sImoQodI/AAAAAAAAAQU/zaQDzfXcpRw/s320/icons.png) no-repeat
}
.date { padding:0px; float:right; text-align:right; font-weight:normal; font-size:13px; margin:0 0 0 13px;
}
.tanggal {background-position: 3px -66px; height:16px; padding:0 0 0 23px; color:#333;
}
.pesan {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:12px; margin:10px 0 13px; padding:8px; border:2px solid #ccc;
}
#blog-pager-newer-link {
float:left
}
#blog-pager-older-link {
float:right
}
.home {width:80px; margin:0 auto; text-align:center;
}
#blog-pager { margin:0; padding: 4px 0; text-align:center
}
.status-msg-wrap, .status-msg-border{display:none;
}
.info{float:left; margin:10px 0; font-size:13px; text-align:left;
}
.penulis {background-position:3px 0; height:16px; padding:0 0 0 23px; color:#333; margin-right:6px;
}
.kategori {background-position:3px -22px; height:16px; padding:0 0 0 23px; margin:0 0 0 4px
}
/* SIDEBAR */
#sidebar{float:right; width:320px; margin:0; padding:0
}
#kotak-sidebar { padding:0; margin:10px;
overflow:hidden;
word-wrap:break-word
}
#kotak-sidebar-bawah { padding:0; margin:0px 10px 10px 10px;
overflow:hidden;
word-wrap:break-word
}
#kotak-sidebar-kiri {float:left; margin:0px 5px 10px 10px; padding:0; width:145px; overflow:hidden;
}
#kotak-sidebar-kanan {float:right; margin:0px 10px 10px 5px; width:145px; overflow:hidden;
}
#sidebar h2, #sidebar h3 {background:#004083; font-size:14px; text-shadow:1px 1px #001e3c; color:#fff; text-align:left; padding:4px 10px; border-bottom:2px solid #001e3c;
}
#sidebar .widget-content { background:#fff; margin:0px; padding:8px 0 10px; font-size:14px;
}
#sidebar .widget-content ul li { border-bottom: 1px solid #ccc; margin:0 0 8px; padding:0px 0px 6px 0px;
}
#sidebar .widget-content ul li a {font-weight:bold; color:#003164;
}
#sidebar .item-snippet {font-size:12px;
}
#sidebar .item-thumbnail { background:#e5e5e5; margin:3px 8px 8px 0px; padding:3px; border:1px solid #ccc;
}
#sidebar .item-thumbnail a img {height:66px; width:74px; display:block; margin:0; padding:0;
}
/* LAIN LAIN */
.clear{clear:both;}
.sharing {background:#e5e5e5; margin:13px 0; padding:6px; border:1px solid #ccc; overflow:hidden;
}
.sharing span{float:left;
}
.showpageArea a { text-decoration:underline;
}
.showpageNum a { background:#004083; text-decoration:none; text-shadow:1px 1px #001e3c; color:#fff; border-right: 1px solid #001e3c; border-bottom: 1px solid #001e3c; margin:0 3px; padding:3px 6px;
}
.showpageNum a:hover { background-color:#001e3c !important;
}
.showpagePoint { color:#fff; text-shadow:1px 1px #001e3c; text-decoration:none; border-right: 1px solid #001e3c; border-bottom: 1px solid #001e3c; background: #004083; margin:0 3px; padding:3px 6px;
}
.showpageOf { text-decoration:none; padding:3px 6px; margin:0 3px 0 0;
}
.showpage a { background-color:#001e3c; text-decoration:none; border-right: 1px solid #001e3c; text-shadow:1px 1px #001e3c;border-bottom: 1px solid #001e3c; padding:3px 6px;
}
.showpage a:hover { background-color:#001e3c !important; text-decoration:none;
}
.showpageNum a:link, .showpage a:link { text-decoration:none; color:#fff; background: #004083; text-shadow:1px 1px #001e3c;
}
.breadcrumbs { background:#fff; text-align: left; padding:3px 0; margin:0 0 2px 0; font-size:13px; line-height: 1.4em; border-top:3px double #ccc; border-bottom:3px double #ccc;
}
/* FOOTER */
#footer{background:#004083; color:#fff; text-shadow:1px 1px #001e3c; text-align:center; height:40px; font-size:13px; padding:10px; margin:0; border-top:2px solid #001e3c;
}
#footer a{color:#fff;
}
/* NAVIGASI */
#navigation {float:left; width:690px; list-style: none; background: #004083; height: 36px; margin:0; padding:0;
}
#navigation li { position:relative; float: left; height: 36px;
}
#navigation li a.pertama, #navigation li a.pertama:hover { border-left:medium none !important;
}
#navigation li a, #navigation li a:link, #navigation li a:visited { text-decoration: none; display: block; float: left; height: 36px; color:#fff; text-shadow:1px 1px #001e3c;; line-height: 36px; padding: 0 9px 0 9px; border-right: solid 1px #001e3c; border-left:1px solid #1e64a7; font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li:hover li a:active {
background: #001e3c; border-left: solid 1px #001e3c;
}
#navigasi { height:36px; max-width:100%; background:#004083; margin:0; padding:0px; border-bottom: 2px solid #001e3c;
}
#navigasi #search{width:220px; float:right; margin:6px 10px 6px 10px;
}
#navigasi #search input[type="text"] {height:24px; line-height:24px; background: url(http://3.bp.blogspot.com/-qcqxuwepuw8/T7Ts0Iso9VI/AAAAAAAAAkg/oGskZqNwrZY/s1600/search_icon.gif) no-repeat 8px 1px #fff; border: 0 none; font: bold 12px Arial,Helvetica, Sans-serif; color: #333; width: 172px; padding: 0 15px 0 32px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;
}
#navigasi #search input[type="text"]:focus { width: 172px;
}
/* KOLOM KOMENTAR */
#comments-block {
line-height:1.4em;
margin:8px 0px
}
#comments-block .comment-author a:hover{color: #CC3A1E
}
#comments-block .comment-author {background: #fff; font-weight:normal;
margin:8px 0px 0px 0px;
padding:4px; border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa
}
#comments .blogger-comment-icon{
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #fff;
border-color: #aaa;
border-style:solid;
border-width: 1px;
line-height:1em;
padding:0
}
#comments-block .comment-body {background:#fff;
margin:0;
padding-top:4px; padding-right:1.8%; padding-bottom:4px; padding-left:1.8%;
border-right:1px solid #aaa; border-left: 1px solid #aaa
}
#comments-block .comment-footer {
background:#fff;
font-size:0.8em;
line-height:1.4em;
margin:0;
padding:4px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa;
text-transform:none
}
.comment-form { margin:0px; padding:0px;
}
.deleted-comment {
color:gray;
font-style:italic
}
.comments h4 { background:#fff; color:#222; font-size:16px; padding:0;
}
/* KOLOM KOMENTAR (Threaded) */
.comments { clear: both;
}
.comments .comments-content {font-size:13px; margin-bottom:8px;
}
.comments .comment .comment-actions a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: opx; background:#004083; border-right:1px solid #001e3c; border-bottom:1px solid #001e3c; color:#fff; text-shadow:1px 1px #001e3c; margin-right:6px; padding:2px 6px;
}
.comments .comment .comment-actions a:hover {background:#001e3c;
}
.comments .comments-content .comment-thread ol { list-style-type: none; text-align: left; margin:8px 0; padding:0
}
.comments .comments-content .inline-thread {padding:0; margin:0;
}
.comments .comments-content .comment-thread { margin:0; padding:0;
}
.comments .comments-content .comment-thread:empty { display: none;
}
.comments .comments-content .comment-replies {margin-top:8px; margin-left:44px;
}
.comments .comments-content .comment {margin-bottom:6px;
padding:0;
}
.comments .comments-content .comment:first-child {padding:0; margin:0;
}
.comments .comments-content .comment:last-child { padding:0; margin:0;
}
.comments .comments-content .user { font-style:normal; font-weight:bold;
}
.comments .comments-content .icon.blog-author { background: url(http://2.bp.blogspot.com/-fGqHghV17sw/TyIzFNGl_uI/AAAAAAAAAQY/XpDDAI1dJ3o/s320/author.png); width: 16px; height: 16px; display: inline-block; margin: 0 0 -2px 6px;
}
.comments .comments-content .datetime {text-align:right; margin-left:6px;
}
.comments .comments-content .comment-header {background:#fff; margin:0; padding:0;
}
.comments .comments-content .comment-content {background:#fff; text-align:justify; margin:0; padding-top:8px; padding-bottom:8px; font-size:13px
}
.comments .comments-content .owner-actions { border:1px solid #ccc;
}
.comments .comments-replybox { height:250px; max-width: 100%;
}
.comments .comment-replybox-single { padding:0px; margin: 8px 0; margin-left:44px;
}
.comments .comment-replybox-thread { margin:8px 0 0 0; padding:0px;
}
.comments .comments-content .loadmore a { padding: 6px 10px; text-align: center;
}
.comments .thread-toggle { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#eee; cursor: pointer; padding:2px 4px; margin:0; display:block;
}
.comments .continue { cursor: pointer;
}
.comments .continue a { text-align:right; margin-bottom:10px; padding:4px; display:block;
}
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top:8px;
}
.comments .comments-content .loadmore.loaded { max-height: 13px; opacity:0; overflow: hidden;
}
.comments .thread-chrome.thread-collapsed { display: none;
}
.comments .thread-toggle { display: inline-block;
}
.comments .thread-toggle .thread-arrow{ display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
}
.comments .thread-collapsed .thread-arrow {
}
.comments .avatar-image-container {
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; width: 36px; height: 36px; overflow: hidden; border:2px solid #ccc; padding:0px
}
.comments .avatar-image-container img { width:36px;
}
.comments .comment-block { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#fff; padding:8px; margin-left: 44px; border:2px solid #ccc;
}
]]></b:skin>
<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#at-gambar {text-transform:none; overflow:hidden; margin:0; padding:0;
}
#at-gambar h2 { font-size:16px; padding:0; margin:0 0 8px;
}
#at-gambar a {color:#222; overflow:hidden; text-align:left;;
}
#at-gambar a:hover {background:#004083; color:#fff;
}
#at-gambar img { width:100%; margin:0; padding:0;
}
</style> <script type='text/javascript'> var defaultnoimage = "http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg"; var maxresults = 7; var splittercolor = "#ddd "; var relatedpoststitle = "Artikel Menarik Lainnya:"; </script> <script src='http://mas-sugeng.googlecode.com/files/terkait6.js' type='text/javascript'/></b:if>
<!-- Script Related Post With Thumbnail End -->
<!-- Script Google Plus -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<!-- Script Google Plus End -->
<!-- Script Auto Readmore With Thumbnail -->
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 340; img_thumb_height = 66; img_thumb_width = 74; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="background:#e5e5e5; padding:3px; border:1px solid #ddd; float:left; margin:3px 10px 0 0;"><img alt="Thumbnail" src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Script Auto Readmore With Thumbnail End -->
<!-- Script Sharethis Menggunakan ID Sharethis Punya Mas Sugeng. Bila pengin, kamu bisa ganti dengan ID sharethis punya kamu. Daftar dulu di sharethis.com -->
<script type='text/javascript'>var switchTo5x=true;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher:"03f402d6-b18a-4886-8db2-c1fdc5a2ee9b"}); </script>
<!-- Script Sharethis End -->
</head>
<!-- <body><div></div> -->
<body>
<!-- wrapper dibuka -->
<div id='wrapper'>
<!-- kotak-kepala dibuka -->
<div id='kepala'>
<b:section class='header' id='kepala-kanan' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Library (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!-- Header hanya Gambar -->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!-- Header tanpa Gambar -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- header kanan -->
<b:section class='ads' id='kepala-kiri' maxwidgets='1' preferred='yes' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title' style='display:none;'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- kepala ditutup -->
<!-- navigasi dibuka -->
<div class='clear'/>
<div id='navigasi'>
<ul id='navigation'>
<li><a class='pertama' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://iklangratisjuragan.blogspot.com/' rel='nofollow' target='_blank'>Iklan Gratis</a></li>
<li><a href='http://incom-bbm.com/?id=duit' rel='nofollow' target='_blank'>Bisnis</a></li>
<li><a href='http://www.youtube.com/channel/UCcwLp6KASpJTHSb8Xx1jgag/videos' rel='nofollow' target='_blank'>Youtube</a></li>
<li><a href='http://penakutulisan.blogspot.com/' rel='nofollow' target='_blank'>Cerpen</a></li>
</ul>
<form action='/search' id='search' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/> </form>
</div>
<div class='clear'/>
<!--navigasi ditutup-->
<!-- kotak-kontent dibuka -->
<div id='kotak-kontent'>
<!-- kotak-posting dibuka -->
<div id='posting'>
<b:section class='main' id='kotak-posting' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- halaman statik -->
<b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<!-- halaman posting -->
<b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span>
</div>
<b:else/>
<!-- tanpa label -->
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Tanpa kategori</span> » <span><data:post.title/></span></div> </b:if>
</b:loop>
<b:else/>
<!-- halaman arsip -->
<b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Arsip untuk bulan <data:blog.pageName/></span> </div> <b:else/>
<!-- halaman pencarian -->
<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<!-- halaman index selain home -->
<b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Semua post</span>
<b:else/>
<!-- halaman label -->
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Semua post berkategori <data:blog.pageName/></span> </b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> komentar untuk "<data:blog.pageName/>" </b:if> </h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div id='blog-pager-newer-link'>
<a class='ngkot' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div id='blog-pager-older-link'>
<a class='ngkot' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='home'><a class='ngkot' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></div>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.title'>
<div class='date'>
<b:if cond='data:post.dateHeader'><span class='tanggal'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></span></b:if>
</div> <h2 class='post-title entry-title'>
<b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id' itemprop='articleBody'>
<data:post.body/>
</div>
<div class='clear'/>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style='float:right; text-align:right;'><a class='ngkot' expr:href='data:post.url'> Read More » </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='ngkot' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>
<div class='info'><span class='penulis'><span class='vcard'><span class='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span></span></span> <span class='kategori'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=8"' rel='nofollow'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if></span><div class='clear'/>
</div>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div itemprop='articleBody'>
<data:post.body/>
</div>
<div class='clear'/>
<div class='pesan'>Anda baru saja membaca artikel yang berkategori <b:loop values='data:post.labels' var='label'><b><data:label.name/></b><b:if cond='data:label.isLast != "true"'> /</b:if> </b:loop> dengan judul <span style='color:red;'><strong><data:blog.pageName/></strong></span>. Anda bisa bookmark halaman ini dengan URL <span style='color:green;'><b><data:post.url/></b></span>. Terima kasih!
</div>
<div class='clear'/>
<div class='sharing'>
<span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_linkedin_hcount' displayText='LinkedIn'/> <span class='st_email_hcount' displayText='Email'/> <span class='st_sharethis_hcount' displayText='ShareThis'/> <span><g:plusone size='medium'/></span></div>
<div class='clear'/>
<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=999"' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script>
</div>
<div class='clear'/>
<div style='margin:13px 0px 8px; font-size:13px; text-align:left;'>
Ditulis oleh: <span class='vcard' id='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span> - <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></b:if>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> komentar untuk "<data:blog.pageName/>" </b:if> </h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- kotak-posting ditutup -->
<!-- sidebar dibuka -->
<div id='sidebar'>
<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<data:pageLanguage/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<b:section class='sidebar' id='kotak-sidebar-kiri' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar' id='kotak-sidebar-kanan' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<b:section class='sidebar' id='kotak-sidebar-bawah' preferred='yes'>
<b:widget id='Stats1' locked='false' title='Total Tayangan Laman' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Member My Library' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0755263196312826421330\46blogName\75My+Library+\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DARK\46layoutType\75LAYOUTS\46searchRoot\75http://mylibrary2012.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://mylibrary2012.blogspot.com/\46blogFollowUrl\75https://plus.google.com/109462641919986349503\46vt\75-5584706873122340283',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- sidebar ditutup -->
</div>
<!-- kotak-kontent ditutup -->
<div class='clear'/>
<div id='footer'>Copyright
© 2012 <a expr:href='data:blog.homepageUrl' rel='copyright'><data:blog.title/></a> | Design by <!-- Credit Link --> <a href='http://www.mas-sugeng.com' target='_blank' title='Blog Mas Sugeng'>Mas Sugeng</a> <!-- Credit Link End --> | Powered by <a href='http://www.blogger.com' rel='nofollow' target='_blank'>Blogger</a>
</div>
<!-- footer ditutup -->
</div>
<!-- wrapper ditutup -->
<!-- Script Navigasi Bernomor By Abu Farhan -->
<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=3; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://mas-sugeng.googlecode.com/files/pagenav.js' type='text/javascript'/> </b:if>
<!-- Script Navigasi Bernomor End -->
</body>
</html>
Next
« Prev Post
« Prev Post
Previous
Next Post »
Next Post »
Viral Artikel berjudul Kode Blog template Share dan baca disini klik ==>> http://mylibrary2012.blogspot.com/2015/03/kode-blog-template.html
0 Komentar untuk "Kode Blog template"