Thema Blogger
Tablet 100% Mirip Banget
Atmim Lana Nurona Ula – Melihat Situs Yang Tertata
rapi, jarang ditemui, membuat mata dan hati menjadi berbunga-bunga. Maka dari
itu saya membuat thema Blog/blogger bertema moderen yaitu thema ipad/windows 7.
Meskipun 100% belum sempurna tetapi tampilanya 100% mirip banget ipad/tablet
hanya saja bagaimana anda mendekorasi html-nya
Kalau
anda belum tau cara pasang nya cari aja di mama google saya males . .
Langsung
saja saya beri Dan anda copy lalu paste ke tempatnya:
<!DOCTYPE html><html><head><meta
charset='utf-8'/><meta content='text/html; charset=UTF-8'
http-equiv='Content-Type'/><meta content='blogger'
name='generator'/><link expr:href='data:blog.url' rel='canonical'/><b:if
cond='data:blog.pageType == "item"'><title><data:blog.pageName/></title><meta
expr:content='data:blog.title + ", " + data:blog.pageName'
name='description'/><meta expr:content='data:blog.pageName + ",
" + data:blog.title'
name='keywords'/><b:else/><title><data:blog.pageTitle/></title><meta
content='Kumpulan Theme Windows XP Seputar Tips Blogger dan Template'
name='description'/><meta content='Game Info,Download Mp3,Windows,Thema
Windows Xp,Thema Windows 7,Tips,Blogger,Cara,Pasang,Widget,Template,Blogazine,Seo,Kontes'
name='keywords'/></b:if><meta
content='qnypGAIbBMbbCPEVCLu-sRP_8MGsEeE7FG8VS2D7WnY'
name='google-site-verification'/><meta
content='1NJSgtxWtQl0GOr0nL3-EpnSPAs' name='alexaVerifyID'/><meta
content='index,follow' name='robots'/><meta content='follow,all'
name='googlebot'/><meta content='general' name='rating'/><link
href='http://draft.blogger.com/openid-server.g'
rel='openid.server'/><link href='http://cuerosbhelatos.blogspot.com/'
rel='openid.delegate'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/><link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<!--//*PAGE AREA EDITOR*//-->
<script type='text/javascript'>
function toggle1() {var ele = document.getElementById("start");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("sleep");if(ele.style.display == "none"){ele.style.display = "";}else {ele.style.display = "none";}}
function toggle3() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle5() {var ele = document.getElementById("pencarian");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle6() {var ele = document.getElementById("sitemap");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<b:skin><![CDATA[
/*
================================================================
Template Name : Tablet Template
Design By : Atmim Lana Nurona Ula
Url author : http://AtmimLanaNuronaUla-Website.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{color:#999;transition:all 0.5s;text-decoration:none;
}
a:hover{color:#a00;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:"Apple";position:absolute;top:5px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:hidden;
}
.tablet-inner:before{content:"\2624";position:absolute;bottom:25%;left:44%;font-size:200px;color:#999;
}
.tablet-inner:after{content:"log off";position:absolute;bottom:25%;left:43%;font:bold 30px Courier New,Courier,monospace;color:#999;
}
.tablet-konten{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;z-index:5;overflow:hidden;
}
.tablet-konten:before{content:"\2623";position:absolute;bottom:20%;left:25%;font-size:200px;color:#999;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;z-index:-9;
}
.tablet-konten:after{content:"Loading ...!!!";position:absolute;bottom:45%;left:45%;font:bold 40px Courier New,Courier,monospace;color:#999;z-index:-9;
}
#main, .main section{background:#444;position:absolute;top:0;left:0;height:92%;margin:35px 2px 2px 2px;box-shadow: 0 0 0 1px #666;overflow:auto;
}
/*menu top-right*/
.menu{position:absolute;top:20px;right:50px;font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:20px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*menu windows vista*/
.win-menu{position:relative;width:auto;margin:1px;height:30px;background:#222;border-bottom:1px solid #999;box-shadow:0 0 0 1px #000;text-align:right;font:11px Courier New,Courier,monospace;color:#999;z-index:1;
}
.win-menu a{margin-right:10px;color:#999;font-size:20px;
}
.win-menu a:link,.win-menu a:visited{color:#999;
}
.win-menu a:hover{color:#aa0;
}
hr{margin:2px;
}
.icon-win-start{position:absolute;top:2px;left:5px;background:#000;width:35px;height:35px;border-radius:100%;border:1px solid #999;box-shadow:0 0 0 1px #000;
}
.icon-win-start:before{position:absolute;top:6px;left:6px;content:"\f009";font-size:25px;line-height:25px;color:#aa0
}
.icon-win-start:hover{box-shadow:0 0 4px #fff,0 0 0 2px #000;background:#a00;
}
.icon-win-start:hover:before{color:#ddd;
}
.start-menu{width:300px;height:300px;position:absolute;top:35px;left:0;border-radius:0 0 10px 10px;background:#000;padding:10px;border:1px solid #999;box-shadow:0 0 0 1px #000;z-index:1;text-align:left;display:none;
}
.startmenu-left{float:left;width:60%;height:230px;background:#ccc;border-radius:5px;border:1px solid #999;box-shadow:inset 0 0 0 1px #555;text-transform:capitalize;color:#000;
}
.startmenu-left ul,.startmenu-left li{margin:0;padding:2px;font:25px Courier New,Courier,monospace;list-style:none;
}
.startmenu-left li:hover{background:#aa0;
}
.startmenu-left a:link,.startmenu-left a:visited{font:bold 14px Courier New,Courier,monospace;color:#000;margin:5px;text-decoration:none;
}
.startmenu-left a:hover{color:#b00;
}
.startmenu-right{position:relative;float:right;width:37%;height:155px;color:#000;
}
.startmenu-right ul{margin:70px 0 0 0;padding:5px 2px 5px 2px;border-radius:2px;background:#444;border:1px solid #999
}
.startmenu-right li{margin:0;padding:2px;list-style:none;color:#ddd;
}
.startmenu-right li:hover{background:#000;
}
.startmenu-right a{font:12px Courier New,Courier,monospace;color:#999;margin:5px;text-decoration:none;text-transform:capitalize;
}
.icon-startmenu-right{position:absolute;top:-40px;right:25px;background:#aa0;border-radius:20%;padding:5px;font-size:60px;color:#000;border-width:1px 2px 1px 2px;border-style:solid;border-color:#999;box-shadow:inset 0 0 0 1px #555,0 0 0 1px #000;
}
.icon-startmenu-right:before{content:"\f17b";
}
.icon-startmenu-right:hover{background:#a00;color:#ddd;cursor:help;
}
.startmenu-off{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font:12px Courier New,Courier,monospace;color:#999;background:#222;border-top:1px solid #999;border-bottom:1px solid #999;
}
.startmenu-off a{color:#ddd;font-size:20px;margin:5px;border-radius:3px;background:#111;border:1px solid #999;padding:3px;
}
.startmenu-off a:hover{background:#b00;
}
/*N Tablet Style*/
/*Main Content*/
#main,.post-body{position:relative;width:99%;margin:0 auto;
}
h3{position:relative;background:#222;width:80%;margin:20px auto;padding:10px;font:25px/30px Niconne;text-transform:capitalize;text-align:left;border:2px solid #ccc;
box-shadow:1px 1px 0 #555,3px 3px 0 #ccc,4px 4px 0 #555,6px 6px 0 #ccc,7px 7px 0 #555,9px 9px 0 #ccc,10px 10px 0 #555,inset 0 0 3px 1px #333;
}
.autor:after{position:absolute;left:0;bottom:40%;content:"";width:100%;border-bottom:1px solid #999;
}
.autor{font:10px Verdana;color:#444;font-style:italic;float:right;right;10px;top:10px;border:4px double #222;padding:2px;background:#888;display:inline-block;cursor:help;
}
.komen{width:70%;font:12px Verdana;color:#444;font-style:italic;text-align:center;margin-top:30px;border:4px double #222;padding:4px;background:#999;
}
/*blog pager*/
.blog-pager,#blog-pager{font-size:0px;height:0;
}
#blog-pager a{color:#888;position:absolute;display:block;width:30px;height:30px;overflow:hidden;z-index:5;top:3px;
}
.blog-pager-older-link{font-size:23px;right:20%;
}
.blog-pager-newer-link{left:70%;font-size:23px;
}
#blog-pager a:hover{color:#a00;
}
/*menu-menu fixed*/
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;z-index:999;display:none;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;z-index:999;overflow:auto;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #222;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*pencarian*/
.goleki{position:relative;width:auto;text-align:center;
}
.goleki:after{width:40%;position:absolute;top:75px;left:40%;content:"Ini adalah jalan pintas untuk mencari artikel dalam blog ini. Ketikan sesuatu, apa yang ingin anda cari. Selamat mencoba semoga beruntung...!!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:20px Niconne;color:#ddd;text-align:justify;
}
.goleki:before{position:absolute;top:50px;left:46%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid #222;
}
form{display:inline-block;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type="text"] {background:#ddd;font:25px Niconne;color:#000;text-align:left;width:600px;height:38px;float:left;padding:0 5px 0 5px;color:#000;border:1px solid #fff;box-shadow:inset 0 0 5px #000;transition:all 1s;border-radius:50px;
}
#search input[type="text"]:hover {width:700px;background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;color:#b00;
}
#search input[type="text"]:focus {width:800px;background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
#cari{margin-left:4px;width:45px;height:40px;border-radius:3px;border:1px solid #fff;box-shadow:0 0 2px #333;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;cursor:pointer;transition:all 1s;z-index:10;
}
#cari:hover{background:#fc0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;width:55px;height:50px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);z-index:9999;
}
.judul{margin-top:50px;font-size:70px;font-weight:bold;color:#ddd;text-shadow:0 0 4px #000;text-align:center;
}
.jadul{margin-left:10px;font-size:35px;color:#000;
}
/*blog arsive*/
.sublabel{padding:0;border-radius:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font:12px Courier New,Courier,monospace;
}
.judul-label{background:#aa0;font:20px Niconne;color:#ddd;padding:4px;border-top:1px solid #ddd;border-bottom:1px solid #777;text-transform:capitalize;
}
.judul-label:hover{background:#fc0;color:#777;box-shadow:inset 0 0 4px #000;
}
.sublabel{background:#ccc;box-shadow:inset 0 0 0 1px #777;
}
.sublabel:hover{background:#eee;box-shadow:inset 0 0 5px #000;
}
.sublabel ol{list-style:square;margin:10px;
}
.headactive{background:#B40404;font:bold 20px Niconne;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #777;box-shadow:inset 0 0 2px #ddd;margin:0;padding:5px;
}
.sublabel a:link,.sublabel a:visited{color:#666;text-decoration:none;
}
.sublabel a:hover{color:#f00;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;color:#ccc;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#ddd;
}
]]></b:skin></b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<!--//*POST AREA EDITOR*//-->
<script type='text/javascript'>
function toggle() {var ele = document.getElementById("comments");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle1() {var ele = document.getElementById("start");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("sleep");if(ele.style.display == "none"){ele.style.display = "";}else {ele.style.display = "none";}}
function toggle3() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle5() {var ele = document.getElementById("pencarian");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle6() {var ele = document.getElementById("sitemap");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<style>
/*
================================================================
Template Name : Tablet Template
Design By : Binkbenk/bambang
Url author : http://cuerosbhelatos.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
@import url(http://fonts.googleapis.com/css?family=Stint+Ultra+Expanded);
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{color:#fc0;transition:all 0.5s;text-decoration:none;
}
a:hover{color:#a00;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:"Apple";position:absolute;top:10px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:hidden;
}
.tablet-inner:before{content:"\2624";position:absolute;bottom:25%;left:43%;font-size:200px;color:#999;
}
.tablet-inner:after{content:"log off";position:absolute;bottom:25%;left:43%;font:bold 30px Stint Ultra Expanded;color:#999;
}
.tablet-konten{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;z-index:5;overflow:hidden;
}
.tablet-konten:before{content:"\2623";position:absolute;bottom:20%;left:25%;font-size:200px;color:#999;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;z-index:-9;
}
.tablet-konten:after{content:"Loading ...!!!";position:absolute;bottom:45%;left:45%;font:bold 40px Stint Ultra Expanded;color:#999;z-index:-9;
}
#main, .main section{background:#444;position:absolute;top:0;left:0;width:99.5%;height:99%;margin:2px;box-shadow: 0 0 0 1px #666;overflow:auto;
}
/*menu top-right*/
.menu{position:absolute;top:20px;right:50px;font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:20px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*menu windows vista*/
.win-menu{position:relative;width:auto;margin:1px;height:30px;background:#222;border-bottom:1px solid #999;box-shadow:0 0 0 1px #000;text-align:right;font:11px Courier New,Courier,monospace;color:#999;z-index:1;
}
.win-menu a{margin-right:10px;color:#999;font-size:20px;
}
.win-menu a:link,.win-menu a:visited{color:#999;
}
.win-menu a:hover{color:#aa0;
}
hr{margin:2px;
}
.icon-win-start{position:absolute;top:2px;left:5px;background:#000;width:35px;height:35px;border-radius:100%;border:1px solid #999;box-shadow:0 0 0 1px #000;
}
.icon-win-start:before{position:absolute;top:6px;left:6px;content:"\f009";font-size:25px;line-height:25px;color:#aa0
}
.icon-win-start:hover{box-shadow:0 0 4px #fff,0 0 0 2px #000;background:#a00;
}
.icon-win-start:hover:before{color:#ddd;
}
.start-menu{width:300px;height:300px;position:absolute;top:35px;left:0;border-radius:0 0 10px 10px;background:#000;padding:10px;border:1px solid #999;box-shadow:0 0 0 1px #000;z-index:1;text-align:left;display:none;
}
.startmenu-left{float:left;width:60%;height:230px;background:#ccc;border-radius:5px;border:1px solid #999;box-shadow:inset 0 0 0 1px #555;text-transform:capitalize;color:#000;
}
.startmenu-left ul,.startmenu-left li{margin:0;padding:2px;font:25px Courier New,Courier,monospace;list-style:none;
}
.startmenu-left li:hover{background:#aa0;
}
.startmenu-left a:link,.startmenu-left a:visited{font:bold 14px Courier New,Courier,monospace;color:#000;margin:5px;text-decoration:none;
}
.startmenu-left a:hover{color:#b00;
}
.startmenu-right{position:relative;float:right;width:37%;height:155px;color:#000;
}
.startmenu-right ul{margin:70px 0 0 0;padding:5px 2px 5px 2px;border-radius:2px;background:#444;border:1px solid #999
}
.startmenu-right li{margin:0;padding:2px;list-style:none;color:#ddd;
}
.startmenu-right li:hover{background:#000;
}
.startmenu-right a{font:12px Courier New,Courier,monospace;color:#999;margin:5px;text-decoration:none;text-transform:capitalize;
}
.icon-startmenu-right{position:absolute;top:-40px;right:25px;background:#aa0;border-radius:20%;padding:5px;font-size:60px;color:#000;border-width:1px 2px 1px 2px;border-style:solid;border-color:#999;box-shadow:inset 0 0 0 1px #555,0 0 0 1px #000;
}
.icon-startmenu-right:before{content:"\f17b";
}
.icon-startmenu-right:hover{background:#a00;color:#ddd;cursor:help;
}
.startmenu-off{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font:12px Courier New,Courier,monospace;color:#999;background:#222;border-top:1px solid #999;border-bottom:1px solid #999;
}
.startmenu-off a{color:#ddd;font-size:20px;margin:5px;border-radius:3px;background:#111;border:1px solid #999;padding:3px;
}
.startmenu-off a:hover{background:#b00;
}
/*N Tablet Style*/
h3{width:auto;text-align:center;margin:32px 0 0 0;padding:2px;background:#777;font:bold 25px/25px Niconne;text-transform:capitalize;color:#444;border-bottom:1px solid;box-shadow:0 0 0 1px #999;
}
#post-body,.post-body{position:relative;margin:0 auto;padding:10px;border-bottom:1px solid;font:12px/18px Stint Ultra Expanded;color:#bbb;
}
.post-body ul{padding:0 1.5em;margin:.5em 0;
}
.post-body ul li{margin-bottom:.2em;
}
kode,blockquote{width:90%;margin:10px auto;display:block;overflow:auto;background:#777;border:4px double #ddd;padding:10px;font-size:12px;color:#fff;font-style:italic;
}
.tr_bq{background:#000;
}
/*comment area*/
#comments{z-index:999;position:fixed;top:60px;width:90%;height:70%;overflow:hidden;background:#999;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;
}
.comments-content{height:90%;overflow:auto;margin-top:30px;border-radius:3px;border:1px solid #555;box-shadow:0 0 0 1px #ddd;
}
.comments a{color:#ddd;
}
.comments a:hover{color:#fc0
}
#comments h4{font-size:14px;
}
.comment-header{position:relative;display:inline-block;padding:10px;background:#666;border-radius:5px;box-shadow:inset 0 0 0 1px #ddd;
}
.comment-header:after{content:"";position:absolute;bottom:-20px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd;
}
.share{position:absolute;top:5px;left:5px;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments .comments-content .comment-thread {background:#ddd;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0;
}
.comments .comments-content .comment, .comments .comments-content .comment:last-child {font-size:18px;color:#ddd;background:#999;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #333;
}
.comment .comment-block p.comment-content{background:#222;border-radius:10%;border:1px solid #000;box-shadow:inset 0 0 0 1px #ddd;padding:30px;font-size:20px;color:#ddd;
}
.comments .continue a,.comment-actions a{display:inline;background:#555;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:18px;color:#ddd;padding:4px;border:1px solid #333;box-shadow:inset 0 0 0 1px #ddd
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#ddd;background:#b00;padding:4px 15px 4px 15px;
}
.avatar-image-container{border-radius:5px;border:2px ridge #ddd;
}
#comments{display:none;
}
/*coments inset vidio mp3 and code*/
#comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:5px;margin:0;overflow:auto;font-size:11px;font-style:italic;text-align:left;background:#ddd;color:#000;border:4px double #000;
}
#comment-holder .gambar{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:200px;height:150px;
}
#comment-holder .vrame{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:2px;width:95%;height:400px;overflow:auto;
}
#comment-holder .musik{display:block;background:#2E9AFE url(https://sites.google.com/site/binkbenk77/musiks.png) no-repeat center;border:4px double #fff;margin:0 auto;width:300px;height:150px;
}
#comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:400px;height:300px;
}
/*blog pager*/
.blog-pager,#blog-pager{font-size:0px;height:0;
}
#blog-pager a{color:#888;position:absolute;display:block;width:30px;height:30px;overflow:hidden;z-index:5;top:3px;
}
.blog-pager-older-link{font-size:23px;right:20%;
}
.blog-pager-newer-link{left:70%;font-size:23px;
}
#blog-pager a:hover{color:#a00;
}
/*menu-menu fixed*/
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;z-index:999;display:none;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;z-index:999;overflow:auto;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #ddd;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*pencarian*/
.goleki{position:relative;width:auto;text-align:center;
}
.goleki:after{width:40%;position:absolute;top:75px;left:40%;content:"Ini adalah jalan pintas untuk mencari artikel dalam blog ini. Ketikan sesuatu, apa yang ingin anda cari. Selamat mencoba semoga beruntung...!!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:20px Niconne;color:#ddd;text-align:justify;
}
.goleki:before{position:absolute;top:50px;left:46%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid #222;
}
form{display:inline-block;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type="text"] {background:#ddd;font:25px Niconne;color:#000;text-align:left;width:600px;height:38px;float:left;padding:0 5px 0 5px;color:#000;border:1px solid #fff;box-shadow:inset 0 0 5px #000;transition:all 1s;border-radius:50px;
}
#search input[type="text"]:hover {width:700px;background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;color:#b00;
}
#search input[type="text"]:focus {width:800px;background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
#cari{margin-left:4px;width:45px;height:40px;border-radius:3px;border:1px solid #fff;box-shadow:0 0 2px #333;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;cursor:pointer;transition:all 1s;z-index:10;
}
#cari:hover{background:#fc0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;width:55px;height:50px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);z-index:9999;
}
.judul{margin-top:50px;font-size:70px;font-weight:bold;color:#ddd;text-shadow:0 0 4px #000;text-align:center;
}
.jadul{margin-left:10px;font-size:35px;color:#000;
}
/*blog arsive*/
.sublabel{padding:0;border-radius:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font:12px Courier New,Courier,monospace;
}
.judul-label{background:#aa0;font:20px Niconne;color:#ddd;padding:4px;border-top:1px solid #ddd;border-bottom:1px solid #777;text-transform:capitalize;
}
.judul-label:hover{background:#fc0;color:#777;box-shadow:inset 0 0 4px #000;
}
.sublabel{background:#ccc;box-shadow:inset 0 0 0 1px #777;
}
.sublabel:hover{background:#eee;box-shadow:inset 0 0 5px #000;
}
.sublabel ol{list-style:square;margin:10px;
}
.headactive{background:#B40404;font:bold 20px Niconne;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #777;box-shadow:inset 0 0 2px #ddd;margin:0;padding:5px;
}
.sublabel a:link,.sublabel a:visited{color:#666;text-decoration:none;
}
.sublabel a:hover{color:#f00;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#a00;color:#ddd;
}
/*footer*/
.copyright{position:relative;margin-top:30px;
}
.foter{height:25px;width:100%;position:absolute;bottom:0;left:0;background:#888;border-bottom:1px solid #111;border-top:1px solid #111;box-shadow:0 0 0 1px #999;font:15px/25px Niconne;color:#111;text-align:center;
}
.foter i{margin-right:5px;font-size:20px;line;height:20px;color:#fa0;
}
.foter a{position:relative;
}
.foter a:hover:before{width:200px;content:"What Are Doing With This Link..???";position:absolute;left:0px;top:-30px;border-radius:10%;background:#000;padding:5px;font:10px Verdana;color:#999;text-align:center;
}
.foter a:hover:after{content:"";position:absolute;top:-10px;left:5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--//*HOME AREA EDITOR*//-->
<script>function toggle() {var ele = document.getElementById("isi");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle1() {var ele = document.getElementById("artikel");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle3() {var ele = document.getElementById("about");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<style>
/*
================================================================
Template Name : Tablet Template
Design By : Binkbenk/bambang
Url author : http://cuerosbhelatos.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{text-decoration:none;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:'Apple';position:absolute;top:10px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:auto;
}
/*main menu*/
.window{width:100%;height:100%;background:#111;overflow:auto;
}
.icon-window:before{content:"\f17a";position:absolute;bottom:30%;left:40%;font-size:200px;
}
.icon-window:after{content:"Log Off";position:absolute;bottom:20%;left:43%;font:bold 30px Courier New,Courier,monospace;
}
.window a{color:#555;
}
.window a:hover{color:#aa0;opacity:0.7
}
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;display:none;
}
.main-menu{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.main-menu a{font-size:60px;color:#aa0;margin:0 5px 0 20px;padding:5px
}
.main-menu a:hover{border-radius:10px;background:#aa0;color:#000;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;overflow:auto;
}
.about{width:90%;margin:20px auto;height:auto;background:#444;border-radius:20%;padding:30px;font-size:20px;color:#000;
}
#icon-about{float:left;margin:10px;font-size:80px;color:#000;border-radius:5px;background:#999;border:1px solid #222;padding:5px;
}
/*new post*/
#toc-outer{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;font:10px/11px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif;color:#222;text-align:justify;text-shadow:none;background-color:#999;overflow:auto;
}
#toc-outer:hover{background:#333;color:#ccc;
}
#toc-outer:hover .itemfoot{background:#999;
}
#toc-outer a{color:#ddd;
}
#toc-outer a:hover{color:#fc0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-decoration:none;
}
#loadingscript{background:#F6EFBB url('https://sites.google.com/site/binkbenk77/image-loader.gif?attredirects=0') no-repeat center;height:425px;text-indent:-9999px;-webkit-box-shadow:inset 0px 0px 0px 5px #000;-moz-box-shadow:inset 0px 0px 0px 2px #000;box-shadow:inset 0px 0px 0px 2px #000;
}
.itemposts{margin:2px auto 0px;padding:5px;height:auto;overflow:hidden;display:block;border-bottom:1px solid #000;
}
.itemposts h6{margin:0;font:16px/12px Niconne;padding:4px;background:#666;border-radius:2px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;text-transform:capitalize;
}
.itemposts img{float:left;height:30px;width:50px;margin:0 5px 5px 5px;padding:2px;background-color:#aa0;border-radius:4px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;
}
.itemposts img:hover{background:#ddd
}
.itemposts .iteminside {margin:5px;font-style:italic;
}
.itemposts .itemfoot{padding:2px;margin:0 0 2px 0;background-color:#444;border:1px solid #ddd;box-shadow:inset 0 0 0 1px #222;color:#000;overflow:hidden;
}
.itemposts .itemfoot a.itemrmore{font-weight:bold;color:#000;float:right;
}
#itempager{background-color:#000;padding:4px;color:#777;border-top:1px solid #000;position:relative;margin:-2px 0 0 0;
}
#pagination, #totalposts{text-align:center;cursor:help;
}
#pagination{margin:4px;
}
#pagination span, #pagination a{font-size:10px;font-weight:bold;color:#555;display:inline;margin:0 1px;padding:2px 5px;text-indent:0px;background-color:#999;text-decoration:none;border:1px solid #ddd;
}
#pagination a:hover,#pagination span.actual{background-color:#fc0;color:#ddd;
}
#pagination span.hidden{display:none;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #222;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;color:#ccc;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#b00;
}
/*menu bawah*/
.menu{font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:25px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*End HOME*/
</style>
</b:if>
<!--//*</head>*//--></head><!--/*<body>*/--><body>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='tablet-out'><div id='logo-apel'><i class='icon-apple' href=''/></div>
<div class='tablet-inner'>
<div class='window'><a class='icon-window' href='javascript:toggle()'/></div>
<div class='isi' id='isi'>
<div class='main-menu'>
<a class='icon-file-text' href='/search/label/max-result=5' target='_blank'/>new article
<a class='icon-folder-open' href='javascript:toggle1()'/>archive
<a class='icon-user' href='javascript:toggle3()'/>about 'us
<a class='icon-cogs' href='http://draft.blogger.com/home' target='_blank'/>setting
</div>
<div class='artikel' id='artikel'><a class='close' href='javascript:toggle1()'>X</a>
<div id='toc-outer'><div id='results'/><div id='itempager'><div id='pagination'/><div id='totalposts'/></div></div>
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "◄ Widget by : DTE ► Jumlah posting:",
jumpPageLabel = "Halaman",
commentsLabel = "Komentar",
rmoreText = "Selengkapnya ►",
prevText = "Sebelumnya",
nextText = "Berikutnya",
siteUrl = "",
postsperpage = 4,
numchars = 400,
imgBlank = "https://sites.google.com/site/binkbenk77/blured-entry.png";
</script>
<script src='https://sites.google.com/site/binkbenk22/new-with-pagination.js' type='text/javascript'/>
</div>
<div class='artikel' id='arsip'><a class='close' href='javascript:toggle2()'>X</a>
<div class='konten' id='music' style='overflow:hidden;'>
<embed height='100%' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/binkbenk22/player1.swf' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</div>
</div>
<div class='artikel' id='phone'><a class='close' href='javascript:toggle4()'>X</a>
<div class='konten'>
<div class='menu-phone'>
<a class='icon-facebook-sign' href=''/>Facebook
<a class='icon-twitter-sign' href=''/>Twitter
<a class='icon-google-plus-sign' href=''/>Google+
</div>
</div>
</div>
<div class='artikel' id='about'><a class='close' href='javascript:toggle3()'>X</a>
<div class='konten'>
<div class='about'>
<div class='icon-user' id='icon-about'/>
<hr/>Nama asli pemberian orang tua saya adalah Bambang, akan tetapi saya biasa di panggil Binkbenk, Keceng, Jheledhenk, dan itu adalah nama-nama konyol pemberian dari temen-teman sepermainan saya dulu.<hr/>Saya adalah manusia biasa yang pastinya makluk bumi juga hamba Allah, yang jauh dari kesempurnaan dan kebaikan, selalu dekat dengan segala kesalahan, yang berusaha berjuang meniti jalan kebenaran dan belajar hidup dalam keikhlasan.<hr/>Jika Sobat Ingin mengenal saya lebih dekat, bisa menghubungi lewat Jejaring Sosial saya, di Facebook, Twitter, @mail Me, Call My Phone atau bisa Juga langsung main ketempat tinggal saya. Oke sobat sekian dulu ceritannya, dan saya ucapkan banyak terimaksih atas kunjungannya,,,!!!
</div>
</div>
</div>
</div>
</div>
<div class='menu'>
<a class='icon-off' href='javascript:toggle()'/>on/off
<a class='icon-phone-sign' href='javascript:toggle4()'/>contact
<a class='icon-envelope' href='javascript:toggle4()'/>message
<a class='icon-volume-up' href='javascript:toggle2()'/>music
</div>
</div>
<b:else/>
<div class='tablet-out'><div id='logo-apel'><i class='icon-apple'/></div><div class='tablet-inner'>
<div class='tablet-konten' id='sleep'>
<!--//*MENU-MENU FIXED*//-->
<div class='artikel' id='phone'><a class='close' href='javascript:toggle4()'>X</a>
<div class='konten'>
<div class='menu-phone'>
<a class='icon-facebook-sign' href=''/>Facebook
<a class='icon-twitter-sign' href=''/>Twitter
<a class='icon-google-plus-sign' href=''/>Google+
</div>
</div>
</div>
<div class='artikel' id='arsip'><a class='close' href='javascript:toggle3()'>X</a>
<div class='konten' id='music' style='overflow:hidden;'>
<embed height='100%' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/jembut44/player1.swf' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</div>
</div>
<div class='artikel' id='pencarian'><a class='close' href='javascript:toggle5()'>X</a>
<div class='konten'>
<div class='judul'>Blogspot <span class='jadul'>Search®</span></div>
<div class='goleki' id='search'><form action='/search/' id='searchform' method='get'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' type='text' value='✔ search something...'/><input id='cari' type='submit' value=''/></form></div>
</div>
</div>
<div class='artikel' id='sitemap'><a class='close' href='javascript:toggle6()'>X</a>
<div class='konten'>
<div class='jadul' style='text-align:center;'>Blog Archive®</div>
<script src='https://sites.google.com/site/binkbenk77/site-map.js'/><script src='/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'/><script type='text/javascript'>var accToc=true;</script><script src='https://sites.google.com/site/binkbenk77/acordion.js'/>
</div>
</div>
<!--//*MENU-MENU END*//-->
<div class='win-menu'><b:if cond='data:blog.pageType == "item"'>
comment<a class='icon-comment' href='javascript:toggle()'/></b:if>
search<a class='icon-zoom-in' href='javascript:toggle5()'/>
<a class='icon-win-start' href='javascript:toggle1()'/>
<div class='start-menu' id='start'>
<div class='startmenu-left'>
<ul>
<li><i class='icon-home'/><a expr:href='data:blog.homepageUrl'>homepage</a></li>
<li><i class='icon-globe'/><a href='javascript:toggle6()'>World map</a></li>
<hr/>
<li><i class='icon-film'/><a href='javascript:toggle6()'>video gallery</a></li>
<li><i class='icon-picture'/><a href='javascript:toggle6()'>image gallery</a></li>
<li><i class='icon-music'/><a href='javascript:toggle3()'>song gallery</a></li>
<hr/>
<li><a href='javascript:toggle6()'>All program <i class='icon-play'/></a></li>
</ul>
</div>
<div class='startmenu-right'><div class='icon-startmenu-right'/>
<ul>
<li><a href='javascript:toggle6()'>my document</a></li>
<li><a href='javascript:toggle6()'>my computer</a></li>
<hr/>
<li><a href='javascript:toggle6()'>control panel</a></li>
<li><a href='javascript:toggle4()'>connect to</a></li>
<li><a href='javascript:toggle5()'>search</a></li>
</ul>
</div>
<div class='startmenu-off'><a class='icon-lock' href='javascript:toggle2()'/>log off<a class='icon-off' href='javascript:toggle2()'/>turn off</div>
</div>
</div>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/><b:loop values='data:posts' var='post'>
<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><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'/>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4></b:includable>
<b:includable id='comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><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='' style='margin-left:10px;border-radius:5px;border:2px ridge;box-shadow:0 0 30px #fff,inset 0 0 30px #fff;padding:2%' width='650'/></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'/>
<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'><b:if cond='data:blog.pageType == "item"'>
<div class='comments' id='comments'><a class='close' href='javascript:toggle()'>X</a><b:if cond='data:post.allowComments'><b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> </b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></b:if></span></b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'><dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.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'/>
<dd class='comment-footer'><span class='comment-timestamp'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/></a></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></div></b:if></b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:else/></b:if></b:includable>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'><script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/><b:if cond='data:post.embedCommentForm == "false"'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/></a></b:if></b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'><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'><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:if cond='data:blog.pageType == "index"'><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-index-post'/></b:loop><b:else/><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-post'/></b:loop></b:if></div>
<b:include name='mobile-nextprev'/></b:includable>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting' 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-body entry-content' expr:id='"post-body"'>
<data:post.body/><div style='clear: both;'/><!-- clear for photos floats --></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></b:includable>
<b:includable id='nextprev'><div class='blog-pager' id='blog-pager'><b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'><i class='icon-chevron-sign-left'/>
<data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='icon-chevron-sign-right'/><data:olderPageTitle/></a></span></b:if><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div></b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting'><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'>
<span class='autor'>writed by : <data:post.author/></span><a expr:href='data:post.url'>❖ <data:post.title/></a><div class='komen'><data:post.commentLabelFull/> ®</div><b:else/>❖ <data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='"post-body"'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/><b:else/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
</b:if><b:else/>
<data:post.body/>
<div class='copyright'/><div class='foter'>* <a href='http://cuerosbhelatos.blogspot.com/'><i class='icon-android'/></a>Tablet Template Design by: <a href='http://cuerosbhelatos.blogspot.com/'>CuerosbhelatoS</a> *</div>
</b:if>
</b:if>
<div style='clear: both;'/><!-- clear for photos floats --></div></b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showFacebookButton'/><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 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'><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='400' id='comment-editor' name='comment-editor' src='' style='border-radius:5px;border:2px ridge;box-shadow:inset 0 0 30px #fff;padding:1%' width='97%'/></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 = '200px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');}}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;}};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);}};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);}})();// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='comments' id='comments'><a class='close' href='javascript:toggle()'>X</a><!-- AddThis Button BEGIN -->
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>
<!-- AddThis Button END -->
<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></div></b:if></b:includable>
</b:widget>
</b:section>
</div>
<div class='menu'>
<a class='icon-off' href='javascript:toggle2()'/>on/off
<a class='icon-phone-sign' href='javascript:toggle4()'/>contact
<a class='icon-envelope' href='javascript:toggle4()'/>message
<a class='icon-volume-up' href='javascript:toggle3()'/>music
</div>
</div>
</div>
<script src='https://sites.google.com/site/binkbenk77/ngakak.js' type='text/javascript'/></b:if><!--//*</body>*//--></body></html>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/><link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<!--//*PAGE AREA EDITOR*//-->
<script type='text/javascript'>
function toggle1() {var ele = document.getElementById("start");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("sleep");if(ele.style.display == "none"){ele.style.display = "";}else {ele.style.display = "none";}}
function toggle3() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle5() {var ele = document.getElementById("pencarian");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle6() {var ele = document.getElementById("sitemap");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<b:skin><![CDATA[
/*
================================================================
Template Name : Tablet Template
Design By : Atmim Lana Nurona Ula
Url author : http://AtmimLanaNuronaUla-Website.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{color:#999;transition:all 0.5s;text-decoration:none;
}
a:hover{color:#a00;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:"Apple";position:absolute;top:5px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:hidden;
}
.tablet-inner:before{content:"\2624";position:absolute;bottom:25%;left:44%;font-size:200px;color:#999;
}
.tablet-inner:after{content:"log off";position:absolute;bottom:25%;left:43%;font:bold 30px Courier New,Courier,monospace;color:#999;
}
.tablet-konten{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;z-index:5;overflow:hidden;
}
.tablet-konten:before{content:"\2623";position:absolute;bottom:20%;left:25%;font-size:200px;color:#999;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;z-index:-9;
}
.tablet-konten:after{content:"Loading ...!!!";position:absolute;bottom:45%;left:45%;font:bold 40px Courier New,Courier,monospace;color:#999;z-index:-9;
}
#main, .main section{background:#444;position:absolute;top:0;left:0;height:92%;margin:35px 2px 2px 2px;box-shadow: 0 0 0 1px #666;overflow:auto;
}
/*menu top-right*/
.menu{position:absolute;top:20px;right:50px;font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:20px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*menu windows vista*/
.win-menu{position:relative;width:auto;margin:1px;height:30px;background:#222;border-bottom:1px solid #999;box-shadow:0 0 0 1px #000;text-align:right;font:11px Courier New,Courier,monospace;color:#999;z-index:1;
}
.win-menu a{margin-right:10px;color:#999;font-size:20px;
}
.win-menu a:link,.win-menu a:visited{color:#999;
}
.win-menu a:hover{color:#aa0;
}
hr{margin:2px;
}
.icon-win-start{position:absolute;top:2px;left:5px;background:#000;width:35px;height:35px;border-radius:100%;border:1px solid #999;box-shadow:0 0 0 1px #000;
}
.icon-win-start:before{position:absolute;top:6px;left:6px;content:"\f009";font-size:25px;line-height:25px;color:#aa0
}
.icon-win-start:hover{box-shadow:0 0 4px #fff,0 0 0 2px #000;background:#a00;
}
.icon-win-start:hover:before{color:#ddd;
}
.start-menu{width:300px;height:300px;position:absolute;top:35px;left:0;border-radius:0 0 10px 10px;background:#000;padding:10px;border:1px solid #999;box-shadow:0 0 0 1px #000;z-index:1;text-align:left;display:none;
}
.startmenu-left{float:left;width:60%;height:230px;background:#ccc;border-radius:5px;border:1px solid #999;box-shadow:inset 0 0 0 1px #555;text-transform:capitalize;color:#000;
}
.startmenu-left ul,.startmenu-left li{margin:0;padding:2px;font:25px Courier New,Courier,monospace;list-style:none;
}
.startmenu-left li:hover{background:#aa0;
}
.startmenu-left a:link,.startmenu-left a:visited{font:bold 14px Courier New,Courier,monospace;color:#000;margin:5px;text-decoration:none;
}
.startmenu-left a:hover{color:#b00;
}
.startmenu-right{position:relative;float:right;width:37%;height:155px;color:#000;
}
.startmenu-right ul{margin:70px 0 0 0;padding:5px 2px 5px 2px;border-radius:2px;background:#444;border:1px solid #999
}
.startmenu-right li{margin:0;padding:2px;list-style:none;color:#ddd;
}
.startmenu-right li:hover{background:#000;
}
.startmenu-right a{font:12px Courier New,Courier,monospace;color:#999;margin:5px;text-decoration:none;text-transform:capitalize;
}
.icon-startmenu-right{position:absolute;top:-40px;right:25px;background:#aa0;border-radius:20%;padding:5px;font-size:60px;color:#000;border-width:1px 2px 1px 2px;border-style:solid;border-color:#999;box-shadow:inset 0 0 0 1px #555,0 0 0 1px #000;
}
.icon-startmenu-right:before{content:"\f17b";
}
.icon-startmenu-right:hover{background:#a00;color:#ddd;cursor:help;
}
.startmenu-off{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font:12px Courier New,Courier,monospace;color:#999;background:#222;border-top:1px solid #999;border-bottom:1px solid #999;
}
.startmenu-off a{color:#ddd;font-size:20px;margin:5px;border-radius:3px;background:#111;border:1px solid #999;padding:3px;
}
.startmenu-off a:hover{background:#b00;
}
/*N Tablet Style*/
/*Main Content*/
#main,.post-body{position:relative;width:99%;margin:0 auto;
}
h3{position:relative;background:#222;width:80%;margin:20px auto;padding:10px;font:25px/30px Niconne;text-transform:capitalize;text-align:left;border:2px solid #ccc;
box-shadow:1px 1px 0 #555,3px 3px 0 #ccc,4px 4px 0 #555,6px 6px 0 #ccc,7px 7px 0 #555,9px 9px 0 #ccc,10px 10px 0 #555,inset 0 0 3px 1px #333;
}
.autor:after{position:absolute;left:0;bottom:40%;content:"";width:100%;border-bottom:1px solid #999;
}
.autor{font:10px Verdana;color:#444;font-style:italic;float:right;right;10px;top:10px;border:4px double #222;padding:2px;background:#888;display:inline-block;cursor:help;
}
.komen{width:70%;font:12px Verdana;color:#444;font-style:italic;text-align:center;margin-top:30px;border:4px double #222;padding:4px;background:#999;
}
/*blog pager*/
.blog-pager,#blog-pager{font-size:0px;height:0;
}
#blog-pager a{color:#888;position:absolute;display:block;width:30px;height:30px;overflow:hidden;z-index:5;top:3px;
}
.blog-pager-older-link{font-size:23px;right:20%;
}
.blog-pager-newer-link{left:70%;font-size:23px;
}
#blog-pager a:hover{color:#a00;
}
/*menu-menu fixed*/
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;z-index:999;display:none;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;z-index:999;overflow:auto;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #222;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*pencarian*/
.goleki{position:relative;width:auto;text-align:center;
}
.goleki:after{width:40%;position:absolute;top:75px;left:40%;content:"Ini adalah jalan pintas untuk mencari artikel dalam blog ini. Ketikan sesuatu, apa yang ingin anda cari. Selamat mencoba semoga beruntung...!!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:20px Niconne;color:#ddd;text-align:justify;
}
.goleki:before{position:absolute;top:50px;left:46%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid #222;
}
form{display:inline-block;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type="text"] {background:#ddd;font:25px Niconne;color:#000;text-align:left;width:600px;height:38px;float:left;padding:0 5px 0 5px;color:#000;border:1px solid #fff;box-shadow:inset 0 0 5px #000;transition:all 1s;border-radius:50px;
}
#search input[type="text"]:hover {width:700px;background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;color:#b00;
}
#search input[type="text"]:focus {width:800px;background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
#cari{margin-left:4px;width:45px;height:40px;border-radius:3px;border:1px solid #fff;box-shadow:0 0 2px #333;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;cursor:pointer;transition:all 1s;z-index:10;
}
#cari:hover{background:#fc0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;width:55px;height:50px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);z-index:9999;
}
.judul{margin-top:50px;font-size:70px;font-weight:bold;color:#ddd;text-shadow:0 0 4px #000;text-align:center;
}
.jadul{margin-left:10px;font-size:35px;color:#000;
}
/*blog arsive*/
.sublabel{padding:0;border-radius:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font:12px Courier New,Courier,monospace;
}
.judul-label{background:#aa0;font:20px Niconne;color:#ddd;padding:4px;border-top:1px solid #ddd;border-bottom:1px solid #777;text-transform:capitalize;
}
.judul-label:hover{background:#fc0;color:#777;box-shadow:inset 0 0 4px #000;
}
.sublabel{background:#ccc;box-shadow:inset 0 0 0 1px #777;
}
.sublabel:hover{background:#eee;box-shadow:inset 0 0 5px #000;
}
.sublabel ol{list-style:square;margin:10px;
}
.headactive{background:#B40404;font:bold 20px Niconne;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #777;box-shadow:inset 0 0 2px #ddd;margin:0;padding:5px;
}
.sublabel a:link,.sublabel a:visited{color:#666;text-decoration:none;
}
.sublabel a:hover{color:#f00;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;color:#ccc;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#ddd;
}
]]></b:skin></b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<!--//*POST AREA EDITOR*//-->
<script type='text/javascript'>
function toggle() {var ele = document.getElementById("comments");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle1() {var ele = document.getElementById("start");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("sleep");if(ele.style.display == "none"){ele.style.display = "";}else {ele.style.display = "none";}}
function toggle3() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle5() {var ele = document.getElementById("pencarian");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle6() {var ele = document.getElementById("sitemap");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<style>
/*
================================================================
Template Name : Tablet Template
Design By : Binkbenk/bambang
Url author : http://cuerosbhelatos.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
@import url(http://fonts.googleapis.com/css?family=Stint+Ultra+Expanded);
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{color:#fc0;transition:all 0.5s;text-decoration:none;
}
a:hover{color:#a00;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:"Apple";position:absolute;top:10px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:hidden;
}
.tablet-inner:before{content:"\2624";position:absolute;bottom:25%;left:43%;font-size:200px;color:#999;
}
.tablet-inner:after{content:"log off";position:absolute;bottom:25%;left:43%;font:bold 30px Stint Ultra Expanded;color:#999;
}
.tablet-konten{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;z-index:5;overflow:hidden;
}
.tablet-konten:before{content:"\2623";position:absolute;bottom:20%;left:25%;font-size:200px;color:#999;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;z-index:-9;
}
.tablet-konten:after{content:"Loading ...!!!";position:absolute;bottom:45%;left:45%;font:bold 40px Stint Ultra Expanded;color:#999;z-index:-9;
}
#main, .main section{background:#444;position:absolute;top:0;left:0;width:99.5%;height:99%;margin:2px;box-shadow: 0 0 0 1px #666;overflow:auto;
}
/*menu top-right*/
.menu{position:absolute;top:20px;right:50px;font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:20px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*menu windows vista*/
.win-menu{position:relative;width:auto;margin:1px;height:30px;background:#222;border-bottom:1px solid #999;box-shadow:0 0 0 1px #000;text-align:right;font:11px Courier New,Courier,monospace;color:#999;z-index:1;
}
.win-menu a{margin-right:10px;color:#999;font-size:20px;
}
.win-menu a:link,.win-menu a:visited{color:#999;
}
.win-menu a:hover{color:#aa0;
}
hr{margin:2px;
}
.icon-win-start{position:absolute;top:2px;left:5px;background:#000;width:35px;height:35px;border-radius:100%;border:1px solid #999;box-shadow:0 0 0 1px #000;
}
.icon-win-start:before{position:absolute;top:6px;left:6px;content:"\f009";font-size:25px;line-height:25px;color:#aa0
}
.icon-win-start:hover{box-shadow:0 0 4px #fff,0 0 0 2px #000;background:#a00;
}
.icon-win-start:hover:before{color:#ddd;
}
.start-menu{width:300px;height:300px;position:absolute;top:35px;left:0;border-radius:0 0 10px 10px;background:#000;padding:10px;border:1px solid #999;box-shadow:0 0 0 1px #000;z-index:1;text-align:left;display:none;
}
.startmenu-left{float:left;width:60%;height:230px;background:#ccc;border-radius:5px;border:1px solid #999;box-shadow:inset 0 0 0 1px #555;text-transform:capitalize;color:#000;
}
.startmenu-left ul,.startmenu-left li{margin:0;padding:2px;font:25px Courier New,Courier,monospace;list-style:none;
}
.startmenu-left li:hover{background:#aa0;
}
.startmenu-left a:link,.startmenu-left a:visited{font:bold 14px Courier New,Courier,monospace;color:#000;margin:5px;text-decoration:none;
}
.startmenu-left a:hover{color:#b00;
}
.startmenu-right{position:relative;float:right;width:37%;height:155px;color:#000;
}
.startmenu-right ul{margin:70px 0 0 0;padding:5px 2px 5px 2px;border-radius:2px;background:#444;border:1px solid #999
}
.startmenu-right li{margin:0;padding:2px;list-style:none;color:#ddd;
}
.startmenu-right li:hover{background:#000;
}
.startmenu-right a{font:12px Courier New,Courier,monospace;color:#999;margin:5px;text-decoration:none;text-transform:capitalize;
}
.icon-startmenu-right{position:absolute;top:-40px;right:25px;background:#aa0;border-radius:20%;padding:5px;font-size:60px;color:#000;border-width:1px 2px 1px 2px;border-style:solid;border-color:#999;box-shadow:inset 0 0 0 1px #555,0 0 0 1px #000;
}
.icon-startmenu-right:before{content:"\f17b";
}
.icon-startmenu-right:hover{background:#a00;color:#ddd;cursor:help;
}
.startmenu-off{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font:12px Courier New,Courier,monospace;color:#999;background:#222;border-top:1px solid #999;border-bottom:1px solid #999;
}
.startmenu-off a{color:#ddd;font-size:20px;margin:5px;border-radius:3px;background:#111;border:1px solid #999;padding:3px;
}
.startmenu-off a:hover{background:#b00;
}
/*N Tablet Style*/
h3{width:auto;text-align:center;margin:32px 0 0 0;padding:2px;background:#777;font:bold 25px/25px Niconne;text-transform:capitalize;color:#444;border-bottom:1px solid;box-shadow:0 0 0 1px #999;
}
#post-body,.post-body{position:relative;margin:0 auto;padding:10px;border-bottom:1px solid;font:12px/18px Stint Ultra Expanded;color:#bbb;
}
.post-body ul{padding:0 1.5em;margin:.5em 0;
}
.post-body ul li{margin-bottom:.2em;
}
kode,blockquote{width:90%;margin:10px auto;display:block;overflow:auto;background:#777;border:4px double #ddd;padding:10px;font-size:12px;color:#fff;font-style:italic;
}
.tr_bq{background:#000;
}
/*comment area*/
#comments{z-index:999;position:fixed;top:60px;width:90%;height:70%;overflow:hidden;background:#999;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;
}
.comments-content{height:90%;overflow:auto;margin-top:30px;border-radius:3px;border:1px solid #555;box-shadow:0 0 0 1px #ddd;
}
.comments a{color:#ddd;
}
.comments a:hover{color:#fc0
}
#comments h4{font-size:14px;
}
.comment-header{position:relative;display:inline-block;padding:10px;background:#666;border-radius:5px;box-shadow:inset 0 0 0 1px #ddd;
}
.comment-header:after{content:"";position:absolute;bottom:-20px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd;
}
.share{position:absolute;top:5px;left:5px;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments .comments-content .comment-thread {background:#ddd;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0;
}
.comments .comments-content .comment, .comments .comments-content .comment:last-child {font-size:18px;color:#ddd;background:#999;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #333;
}
.comment .comment-block p.comment-content{background:#222;border-radius:10%;border:1px solid #000;box-shadow:inset 0 0 0 1px #ddd;padding:30px;font-size:20px;color:#ddd;
}
.comments .continue a,.comment-actions a{display:inline;background:#555;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:18px;color:#ddd;padding:4px;border:1px solid #333;box-shadow:inset 0 0 0 1px #ddd
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#ddd;background:#b00;padding:4px 15px 4px 15px;
}
.avatar-image-container{border-radius:5px;border:2px ridge #ddd;
}
#comments{display:none;
}
/*coments inset vidio mp3 and code*/
#comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:5px;margin:0;overflow:auto;font-size:11px;font-style:italic;text-align:left;background:#ddd;color:#000;border:4px double #000;
}
#comment-holder .gambar{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:200px;height:150px;
}
#comment-holder .vrame{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:2px;width:95%;height:400px;overflow:auto;
}
#comment-holder .musik{display:block;background:#2E9AFE url(https://sites.google.com/site/binkbenk77/musiks.png) no-repeat center;border:4px double #fff;margin:0 auto;width:300px;height:150px;
}
#comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:400px;height:300px;
}
/*blog pager*/
.blog-pager,#blog-pager{font-size:0px;height:0;
}
#blog-pager a{color:#888;position:absolute;display:block;width:30px;height:30px;overflow:hidden;z-index:5;top:3px;
}
.blog-pager-older-link{font-size:23px;right:20%;
}
.blog-pager-newer-link{left:70%;font-size:23px;
}
#blog-pager a:hover{color:#a00;
}
/*menu-menu fixed*/
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;z-index:999;display:none;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;z-index:999;overflow:auto;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #ddd;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*pencarian*/
.goleki{position:relative;width:auto;text-align:center;
}
.goleki:after{width:40%;position:absolute;top:75px;left:40%;content:"Ini adalah jalan pintas untuk mencari artikel dalam blog ini. Ketikan sesuatu, apa yang ingin anda cari. Selamat mencoba semoga beruntung...!!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:20px Niconne;color:#ddd;text-align:justify;
}
.goleki:before{position:absolute;top:50px;left:46%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid #222;
}
form{display:inline-block;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type="text"] {background:#ddd;font:25px Niconne;color:#000;text-align:left;width:600px;height:38px;float:left;padding:0 5px 0 5px;color:#000;border:1px solid #fff;box-shadow:inset 0 0 5px #000;transition:all 1s;border-radius:50px;
}
#search input[type="text"]:hover {width:700px;background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;color:#b00;
}
#search input[type="text"]:focus {width:800px;background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
#cari{margin-left:4px;width:45px;height:40px;border-radius:3px;border:1px solid #fff;box-shadow:0 0 2px #333;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;cursor:pointer;transition:all 1s;z-index:10;
}
#cari:hover{background:#fc0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTJlK7vYWcnjfmApObSrC1F7j2yRwoGEaiomBQ1uFnW5Caps4yvCZtRAtaBK_7aITqvO_YA-6czn9SKWiK6cFOBOwTEYkzssi_IsVXyDHZRiwc8oBWorV5J8IsioEAyVQlJU8v3rCA7f0/s400/search.png) no-repeat center;width:55px;height:50px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);z-index:9999;
}
.judul{margin-top:50px;font-size:70px;font-weight:bold;color:#ddd;text-shadow:0 0 4px #000;text-align:center;
}
.jadul{margin-left:10px;font-size:35px;color:#000;
}
/*blog arsive*/
.sublabel{padding:0;border-radius:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font:12px Courier New,Courier,monospace;
}
.judul-label{background:#aa0;font:20px Niconne;color:#ddd;padding:4px;border-top:1px solid #ddd;border-bottom:1px solid #777;text-transform:capitalize;
}
.judul-label:hover{background:#fc0;color:#777;box-shadow:inset 0 0 4px #000;
}
.sublabel{background:#ccc;box-shadow:inset 0 0 0 1px #777;
}
.sublabel:hover{background:#eee;box-shadow:inset 0 0 5px #000;
}
.sublabel ol{list-style:square;margin:10px;
}
.headactive{background:#B40404;font:bold 20px Niconne;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #777;box-shadow:inset 0 0 2px #ddd;margin:0;padding:5px;
}
.sublabel a:link,.sublabel a:visited{color:#666;text-decoration:none;
}
.sublabel a:hover{color:#f00;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#a00;color:#ddd;
}
/*footer*/
.copyright{position:relative;margin-top:30px;
}
.foter{height:25px;width:100%;position:absolute;bottom:0;left:0;background:#888;border-bottom:1px solid #111;border-top:1px solid #111;box-shadow:0 0 0 1px #999;font:15px/25px Niconne;color:#111;text-align:center;
}
.foter i{margin-right:5px;font-size:20px;line;height:20px;color:#fa0;
}
.foter a{position:relative;
}
.foter a:hover:before{width:200px;content:"What Are Doing With This Link..???";position:absolute;left:0px;top:-30px;border-radius:10%;background:#000;padding:5px;font:10px Verdana;color:#999;text-align:center;
}
.foter a:hover:after{content:"";position:absolute;top:-10px;left:5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--//*HOME AREA EDITOR*//-->
<script>function toggle() {var ele = document.getElementById("isi");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle1() {var ele = document.getElementById("artikel");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle2() {var ele = document.getElementById("arsip");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle3() {var ele = document.getElementById("about");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
function toggle4() {var ele = document.getElementById("phone");if(ele.style.display == ""){ele.style.display = "block";}else {ele.style.display = "";}}
</script>
<style>
/*
================================================================
Template Name : Tablet Template
Design By : Binkbenk/bambang
Url author : http://cuerosbhelatos.blogspot.com/
Icon by : font awesome css versi 3.2.1
================================================================
*/
body{background:#999;margin:0;color:#ddd;font:20px Niconne;
}
a:link,a:visited{text-decoration:none;
}
/*logo Apel*/
#logo-apel{position:absolute;top:5px;left:20px;font-size:35px;color:#555;
}
#logo-apel:before{content:'Apple';position:absolute;top:10px;left:35px;font:20px Niconne;
}
.tablet-out{position:fixed;top:10px;left:12px;width:93%;height:85%;background:#000;padding:50px 20px 0 20px;border-radius:5%;border:3px solid #555;box-shadow:0 0 0 1px #000;
}
.tablet-inner{position:relative;background:#222;width:auto;height:90%;border-radius:3px;border:1px solid #555;overflow:auto;
}
/*main menu*/
.window{width:100%;height:100%;background:#111;overflow:auto;
}
.icon-window:before{content:"\f17a";position:absolute;bottom:30%;left:40%;font-size:200px;
}
.icon-window:after{content:"Log Off";position:absolute;bottom:20%;left:43%;font:bold 30px Courier New,Courier,monospace;
}
.window a{color:#555;
}
.window a:hover{color:#aa0;opacity:0.7
}
.isi{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:auto;display:none;
}
.artikel{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;box-shadow:inset 0 0 0 1px #000;overflow:hidden;display:none;
}
.main-menu{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.main-menu a{font-size:60px;color:#aa0;margin:0 5px 0 20px;padding:5px
}
.main-menu a:hover{border-radius:10px;background:#aa0;color:#000;
}
.konten{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;color:#222;text-align:justify;text-shadow:none;background-color:#999;overflow:auto;
}
.about{width:90%;margin:20px auto;height:auto;background:#444;border-radius:20%;padding:30px;font-size:20px;color:#000;
}
#icon-about{float:left;margin:10px;font-size:80px;color:#000;border-radius:5px;background:#999;border:1px solid #222;padding:5px;
}
/*new post*/
#toc-outer{width:auto;height:93%;border-radius:5px;border:1px solid #000;box-shadow:0 0 0 1px #999;margin:10px;font:10px/11px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif;color:#222;text-align:justify;text-shadow:none;background-color:#999;overflow:auto;
}
#toc-outer:hover{background:#333;color:#ccc;
}
#toc-outer:hover .itemfoot{background:#999;
}
#toc-outer a{color:#ddd;
}
#toc-outer a:hover{color:#fc0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-decoration:none;
}
#loadingscript{background:#F6EFBB url('https://sites.google.com/site/binkbenk77/image-loader.gif?attredirects=0') no-repeat center;height:425px;text-indent:-9999px;-webkit-box-shadow:inset 0px 0px 0px 5px #000;-moz-box-shadow:inset 0px 0px 0px 2px #000;box-shadow:inset 0px 0px 0px 2px #000;
}
.itemposts{margin:2px auto 0px;padding:5px;height:auto;overflow:hidden;display:block;border-bottom:1px solid #000;
}
.itemposts h6{margin:0;font:16px/12px Niconne;padding:4px;background:#666;border-radius:2px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;text-transform:capitalize;
}
.itemposts img{float:left;height:30px;width:50px;margin:0 5px 5px 5px;padding:2px;background-color:#aa0;border-radius:4px;border:1px solid #222;box-shadow:0 0 0 1px #ddd;
}
.itemposts img:hover{background:#ddd
}
.itemposts .iteminside {margin:5px;font-style:italic;
}
.itemposts .itemfoot{padding:2px;margin:0 0 2px 0;background-color:#444;border:1px solid #ddd;box-shadow:inset 0 0 0 1px #222;color:#000;overflow:hidden;
}
.itemposts .itemfoot a.itemrmore{font-weight:bold;color:#000;float:right;
}
#itempager{background-color:#000;padding:4px;color:#777;border-top:1px solid #000;position:relative;margin:-2px 0 0 0;
}
#pagination, #totalposts{text-align:center;cursor:help;
}
#pagination{margin:4px;
}
#pagination span, #pagination a{font-size:10px;font-weight:bold;color:#555;display:inline;margin:0 1px;padding:2px 5px;text-indent:0px;background-color:#999;text-decoration:none;border:1px solid #ddd;
}
#pagination a:hover,#pagination span.actual{background-color:#fc0;color:#ddd;
}
#pagination span.hidden{display:none;
}
/*music*/
#music:after{width:auto;position:absolute;top:20px;left:30%;content:"Please Wait and Happy Listening this Music..!!";background:#333;border-radius:10%;padding:20px;border:1px solid #ddd;box-shadow:0 0 0 1px #111;font:15px Niconne;color:#ddd;text-align:justify;
}
#music:before{position:absolute;top:80px;left:32%;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid #222;
}
/*button close*/
.close{position:absolute;top:5px;right:5px;font:bold 14px Verdana;color:#ccc;background:#000;border-radius:2px;border:1px solid #999;padding:2px 5px 2px 5px;box-shadow:0 0 0 1px #000;z-index:4;
}
.close:hover{background:#b00;
}
/*menu bawah*/
.menu{font:10px Verdana;color:#333;text-align:center;margin:5px;
}
.menu a{font-size:25px;color:#444;margin:5px 5px 5px 15px;
}
.menu a:hover{color:#b00;
}
/*phone*/
.menu-phone{width:100%;position:absolute;top:40%;left:0;text-align:center;font-size:20px;
}
.menu-phone a{font-size:70px;color:#000;margin:0 5px 0 20px;padding:5px
}
.menu-phone a:hover{color:#aa0;text-shadow:1px 0px #000,-1px 0 #000,0 1px #000,0 -1px #000;
}
/*End HOME*/
</style>
</b:if>
<!--//*</head>*//--></head><!--/*<body>*/--><body>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='tablet-out'><div id='logo-apel'><i class='icon-apple' href=''/></div>
<div class='tablet-inner'>
<div class='window'><a class='icon-window' href='javascript:toggle()'/></div>
<div class='isi' id='isi'>
<div class='main-menu'>
<a class='icon-file-text' href='/search/label/max-result=5' target='_blank'/>new article
<a class='icon-folder-open' href='javascript:toggle1()'/>archive
<a class='icon-user' href='javascript:toggle3()'/>about 'us
<a class='icon-cogs' href='http://draft.blogger.com/home' target='_blank'/>setting
</div>
<div class='artikel' id='artikel'><a class='close' href='javascript:toggle1()'>X</a>
<div id='toc-outer'><div id='results'/><div id='itempager'><div id='pagination'/><div id='totalposts'/></div></div>
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "◄ Widget by : DTE ► Jumlah posting:",
jumpPageLabel = "Halaman",
commentsLabel = "Komentar",
rmoreText = "Selengkapnya ►",
prevText = "Sebelumnya",
nextText = "Berikutnya",
siteUrl = "",
postsperpage = 4,
numchars = 400,
imgBlank = "https://sites.google.com/site/binkbenk77/blured-entry.png";
</script>
<script src='https://sites.google.com/site/binkbenk22/new-with-pagination.js' type='text/javascript'/>
</div>
<div class='artikel' id='arsip'><a class='close' href='javascript:toggle2()'>X</a>
<div class='konten' id='music' style='overflow:hidden;'>
<embed height='100%' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/binkbenk22/player1.swf' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</div>
</div>
<div class='artikel' id='phone'><a class='close' href='javascript:toggle4()'>X</a>
<div class='konten'>
<div class='menu-phone'>
<a class='icon-facebook-sign' href=''/>Facebook
<a class='icon-twitter-sign' href=''/>Twitter
<a class='icon-google-plus-sign' href=''/>Google+
</div>
</div>
</div>
<div class='artikel' id='about'><a class='close' href='javascript:toggle3()'>X</a>
<div class='konten'>
<div class='about'>
<div class='icon-user' id='icon-about'/>
<hr/>Nama asli pemberian orang tua saya adalah Bambang, akan tetapi saya biasa di panggil Binkbenk, Keceng, Jheledhenk, dan itu adalah nama-nama konyol pemberian dari temen-teman sepermainan saya dulu.<hr/>Saya adalah manusia biasa yang pastinya makluk bumi juga hamba Allah, yang jauh dari kesempurnaan dan kebaikan, selalu dekat dengan segala kesalahan, yang berusaha berjuang meniti jalan kebenaran dan belajar hidup dalam keikhlasan.<hr/>Jika Sobat Ingin mengenal saya lebih dekat, bisa menghubungi lewat Jejaring Sosial saya, di Facebook, Twitter, @mail Me, Call My Phone atau bisa Juga langsung main ketempat tinggal saya. Oke sobat sekian dulu ceritannya, dan saya ucapkan banyak terimaksih atas kunjungannya,,,!!!
</div>
</div>
</div>
</div>
</div>
<div class='menu'>
<a class='icon-off' href='javascript:toggle()'/>on/off
<a class='icon-phone-sign' href='javascript:toggle4()'/>contact
<a class='icon-envelope' href='javascript:toggle4()'/>message
<a class='icon-volume-up' href='javascript:toggle2()'/>music
</div>
</div>
<b:else/>
<div class='tablet-out'><div id='logo-apel'><i class='icon-apple'/></div><div class='tablet-inner'>
<div class='tablet-konten' id='sleep'>
<!--//*MENU-MENU FIXED*//-->
<div class='artikel' id='phone'><a class='close' href='javascript:toggle4()'>X</a>
<div class='konten'>
<div class='menu-phone'>
<a class='icon-facebook-sign' href=''/>Facebook
<a class='icon-twitter-sign' href=''/>Twitter
<a class='icon-google-plus-sign' href=''/>Google+
</div>
</div>
</div>
<div class='artikel' id='arsip'><a class='close' href='javascript:toggle3()'>X</a>
<div class='konten' id='music' style='overflow:hidden;'>
<embed height='100%' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/jembut44/player1.swf' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</div>
</div>
<div class='artikel' id='pencarian'><a class='close' href='javascript:toggle5()'>X</a>
<div class='konten'>
<div class='judul'>Blogspot <span class='jadul'>Search®</span></div>
<div class='goleki' id='search'><form action='/search/' id='searchform' method='get'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' type='text' value='✔ search something...'/><input id='cari' type='submit' value=''/></form></div>
</div>
</div>
<div class='artikel' id='sitemap'><a class='close' href='javascript:toggle6()'>X</a>
<div class='konten'>
<div class='jadul' style='text-align:center;'>Blog Archive®</div>
<script src='https://sites.google.com/site/binkbenk77/site-map.js'/><script src='/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'/><script type='text/javascript'>var accToc=true;</script><script src='https://sites.google.com/site/binkbenk77/acordion.js'/>
</div>
</div>
<!--//*MENU-MENU END*//-->
<div class='win-menu'><b:if cond='data:blog.pageType == "item"'>
comment<a class='icon-comment' href='javascript:toggle()'/></b:if>
search<a class='icon-zoom-in' href='javascript:toggle5()'/>
<a class='icon-win-start' href='javascript:toggle1()'/>
<div class='start-menu' id='start'>
<div class='startmenu-left'>
<ul>
<li><i class='icon-home'/><a expr:href='data:blog.homepageUrl'>homepage</a></li>
<li><i class='icon-globe'/><a href='javascript:toggle6()'>World map</a></li>
<hr/>
<li><i class='icon-film'/><a href='javascript:toggle6()'>video gallery</a></li>
<li><i class='icon-picture'/><a href='javascript:toggle6()'>image gallery</a></li>
<li><i class='icon-music'/><a href='javascript:toggle3()'>song gallery</a></li>
<hr/>
<li><a href='javascript:toggle6()'>All program <i class='icon-play'/></a></li>
</ul>
</div>
<div class='startmenu-right'><div class='icon-startmenu-right'/>
<ul>
<li><a href='javascript:toggle6()'>my document</a></li>
<li><a href='javascript:toggle6()'>my computer</a></li>
<hr/>
<li><a href='javascript:toggle6()'>control panel</a></li>
<li><a href='javascript:toggle4()'>connect to</a></li>
<li><a href='javascript:toggle5()'>search</a></li>
</ul>
</div>
<div class='startmenu-off'><a class='icon-lock' href='javascript:toggle2()'/>log off<a class='icon-off' href='javascript:toggle2()'/>turn off</div>
</div>
</div>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/><b:loop values='data:posts' var='post'>
<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><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'/>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4></b:includable>
<b:includable id='comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><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='' style='margin-left:10px;border-radius:5px;border:2px ridge;box-shadow:0 0 30px #fff,inset 0 0 30px #fff;padding:2%' width='650'/></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'/>
<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'><b:if cond='data:blog.pageType == "item"'>
<div class='comments' id='comments'><a class='close' href='javascript:toggle()'>X</a><b:if cond='data:post.allowComments'><b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> </b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></b:if></span></b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'><dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.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'/>
<dd class='comment-footer'><span class='comment-timestamp'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/></a></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></div></b:if></b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:else/></b:if></b:includable>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'><script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/><b:if cond='data:post.embedCommentForm == "false"'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/></a></b:if></b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'><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'><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:if cond='data:blog.pageType == "index"'><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-index-post'/></b:loop><b:else/><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-post'/></b:loop></b:if></div>
<b:include name='mobile-nextprev'/></b:includable>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting' 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-body entry-content' expr:id='"post-body"'>
<data:post.body/><div style='clear: both;'/><!-- clear for photos floats --></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></b:includable>
<b:includable id='nextprev'><div class='blog-pager' id='blog-pager'><b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'><i class='icon-chevron-sign-left'/>
<data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='icon-chevron-sign-right'/><data:olderPageTitle/></a></span></b:if><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div></b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting'><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'>
<span class='autor'>writed by : <data:post.author/></span><a expr:href='data:post.url'>❖ <data:post.title/></a><div class='komen'><data:post.commentLabelFull/> ®</div><b:else/>❖ <data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='"post-body"'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/><b:else/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
</b:if><b:else/>
<data:post.body/>
<div class='copyright'/><div class='foter'>* <a href='http://cuerosbhelatos.blogspot.com/'><i class='icon-android'/></a>Tablet Template Design by: <a href='http://cuerosbhelatos.blogspot.com/'>CuerosbhelatoS</a> *</div>
</b:if>
</b:if>
<div style='clear: both;'/><!-- clear for photos floats --></div></b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showFacebookButton'/><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 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'><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='400' id='comment-editor' name='comment-editor' src='' style='border-radius:5px;border:2px ridge;box-shadow:inset 0 0 30px #fff;padding:1%' width='97%'/></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 = '200px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');}}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;}};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);}};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);}})();// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='comments' id='comments'><a class='close' href='javascript:toggle()'>X</a><!-- AddThis Button BEGIN -->
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>
<!-- AddThis Button END -->
<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></div></b:if></b:includable>
</b:widget>
</b:section>
</div>
<div class='menu'>
<a class='icon-off' href='javascript:toggle2()'/>on/off
<a class='icon-phone-sign' href='javascript:toggle4()'/>contact
<a class='icon-envelope' href='javascript:toggle4()'/>message
<a class='icon-volume-up' href='javascript:toggle3()'/>music
</div>
</div>
</div>
<script src='https://sites.google.com/site/binkbenk77/ngakak.js' type='text/javascript'/></b:if><!--//*</body>*//--></body></html>
Sampai
disini aja dulu thema lainya akan saya
buat dan saya publikasikan lain waktu . . .
0 komentar:
Posting Komentar