Rocket Dock template

Rocket Dock Template

erikut ini adalah Rocket Dock Template Sobat, merupakan style template yang pernah saya pakai. Namun dalam template yang saya share kali ini ada beberapa fitur tambahan yang mungkin lebih bagus dari yang saya pakai saat itu. yaitu widget profil dan blog archive pada area fotter posting Untuk style homepagenya bisa sobat lihat pada gambar dibawah ini.

Dengan menggunakan perpaduan warna yang simple, dan minimalis CSS dan Js, mungkin akan sedikit ringan. Dan tampilan yang tidak sama, pada Home (beranda), seach label (page) juga area posting (post/entry) bisa jadi Rocket Dock Template ini sedikit bisa menarik. Dan masing-masing skin (CSS/HTML) dipisahkan dengan menggunakan hastag (tag pemutus/pemanggil), jadi tidak semua CSS/HTML tampil pada setiap halaman.

1. Homepage Style

Lalu kenapa Template ini saya beri nama Rocket Dock Template ? Karena menurut saya Style Home Page nya sedikit mirip dengan Menu Rocket Dock pada Windows XP / Windows seven.

Inspirasi datang dari rocket dock menu, dan saya mencoba membuatnya menjadi style homepage blog. Maaf kalau masih sangat jelek...!!!

2. Page/seach Style

Untuk style/tampilan pada seach label bisa dilihat seperti gambar disamping. Dengan menampilkan judul posting saja, tanpa gambar, tanpa widget membuat loadingnya lumayan ringan.

Dengan menggunakan perpaduan warna yang simpel dan cool mungkin membuat sedikit bisa enak dipandang mata.

3. Entry Style

Untuk posting area begitu sederhana, menggunakan warna yang cerah, yaitu putih dengan, dengan menu yang simpel, tentunya minim CSS dan tanpa gambar.

Untuk show hidden comment form cukup menggunakan javatoggle tanpa JQuery, jadi saat dibuka tidak terlihat efek animasinya. Tujuannya hanya menggunakan javatoggle adalah supaya loading blog ringan.

Untuk fotter ada dua widget yaitu, widget profil dan blog archive, tentunya juga memakai kombinasi warna yang sederhana. Nah kalau sobat berminat untuk memasangnya silahkan copy kode templatenya dibawah ini.

Kode Rocket Dock Template

Dibawah ini adalah kode Rocket Dock Template. Kenapa tidak saya Upload di Hosting dan pakai link download ?? Hal ini saya maksudkan agar sobat mudah mendapatkannya, tinggal copy dan paste, artinya tidak usah muter-muter mengunjungi link downloadnya.

Kode Template :

<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><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'/>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:skin><![CDATA[
@import url(http://fonts.googleapis.com/css?family=Niconne);
body{background:#A9A9F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Niconne;color:#000;
}
a:visited,a:link{color:#fff;text-decoration:none;
}
a:hover{color:#A9A9F5;text-decoration:line-through;
}
html body{min-width:0;max-width:100%;width:100%;
}
#badan-besar{margin:0 auto;padding:15px 0 15px 0;
}
#weteng-gede{width:auto;margin:0 auto;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:5px;
}
h3{background:#A9A9F5;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:30px Niconne;text-transform:capitalize;text-align:left;border:4px solid #fff;
box-shadow:1px 1px 0 #555,3px 3px 0 #fff,4px 4px 0 #555,6px 6px 0 #fff,7px 7px 0 #555,9px 9px 0 #fff,10px 10px 0 #555,inset 0 0 3px 1px #333;
}
h3:first-letter{border-radius:5px;background:#FFC900;font:35px Niconne;color:#fff;padding:0 10px 0 10px;border:1px solid #ddd;box-shadow:inset 0 0 2px #000;
}
h3 a{text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
h3 a:hover{color:#A9A9F5;text-shadow:-1px 0 #ddd,0 1px #ddd,1px 0 #ddd, 0 -1px #ddd;
}
.autor{font:12px Verdana;color:#A9A9F5;font-style:italic;float:right;right;10px;top:10px;border:4px double #A9A9F5;padding:4px;background:#ddd;display:inline-block;cursor:help;
}
.komen{width:70%;font:14px Verdana;color:#A9A9F5;font-style:italic;text-align:center;margin-top:50px;border:4px double #A9A9F5;padding:4px;background:#ddd;
}
#blog-pager a{overflow:hidden;position:fixed;z-index:9;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;bottom:20px;font-size:18px;color:#555;border-radius:30%;background:#ddd;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;padding:5px;
}
.blog-pager-older-link{right:5px;
}
.blog-pager-newer-link{left:5px;
}
#blog-pager a:hover{opacity:0.3;
}
.ndas{position:fixed;width:100%;height:35px;padding:2px;top:-5px;right:0;background:#A9A9F5;border-bottom:3px solid #ddd;box-shadow:0 0 10px #000,inset 0 0 2px #000;font:35px Niconne;color:#ddd;text-transform:capitalize;text-align:center;
}
.ndas a{color:#ddd;font:35px Niconne;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000, 0 -2px #000;
}
.foter{margin:0 auto;margin-bottom:2px;font-size:20px;text-align:center;padding:2px;border-top:2px solid #ddd;color:#ddd
}
]]></b:skin></b:if>
</b:if><b:if cond='data:blog.pageType == "item"'><link href='//www.blogger.com/static/v1/widgets/103638431-widget_css_bundle.css' rel='stylesheet' type='text/css'/><script type='text/javascript'>function toggle() {var ele = document.getElementById("comments");var text = document.getElementById("cocot");if(ele.style.display == "block") {ele.style.display = "none";text.innerHTML = "➦ ♦ Click To Post Comments ♦";}else {ele.style.display = "block";text.innerHTML = "➦ ♦ Close This Comments ♦";}}</script>
<style>
@import url(http://fonts.googleapis.com/css?family=Niconne);
body{background:#fff url(https://sites.google.com/site/cuerosbhelatos/bintik.png) repeat center fixed;margin:0;font:15px Courier New,Courier,monospace;color:#000;
}
html body{min-width:0;max-width:100%;width:100%;
}
#menu{width:100%;display:block;background:#000;position:absolute;top:0;right:0;border-bottom:2px solid #fff;box-shadow:0 0 0 1px #777;z-index:999;padding:5px;
}
#menu a{float:right;font:bold 16px Courier New,Courier,monospace;text-transform:uppercase;text-decoration:none;margin:0 10px 0 10px;
}
#menu a:hover{color:#f00;text-shadow:-1px 0 #999,0 1px #999,1px 0 #999, 0 -1px #999;
}
#weteng-gede .widget .post-body ul{padding:0 1.5em;margin:.5em 0;
}
#weteng-gede .widget .post-body ul li{margin-bottom:.2em;
}
#badan-besar{margin:0 auto;margin-top:40px;padding:0;
}
#weteng-gede{width:auto;margin:0 auto;padding:0;
}
h3{width:auto;text-align:center;font:40px Niconne;text-transform:capitalize;color:#999;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-bottom:2px solid;margin:5px 0 0 0;padding:2px;
}
a:link,a:visited{color:#999;text-decoration:none;
}
a:hover{color:#f00;text-decoration:line-through;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{position:relative;padding:10px;border-bottom:1px solid;
}
kode,blockquote{display:block;overflow:auto;background:#777;margin:10px;border:4px double #ddd;padding:15px;font-size:14px;color:#fff;font-style:italic;
}
.tr_bq{background:#000;
}
/*comment*/
#comments{margin-top:0;padding:10px 10px 0 10px;border-top:1px solid;
}
#comments h4{font-size:14px;
}
.share,.comments-content .datetime a{float:right;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content,.comment-thread ol li{font-size:14px;color:#fff;background:rgba(0,0,0,.5);padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px ridge #fff;-moz-box-shadow:inset 0 0 30px #fff;-webkit-box-shadow:inset 0 0 30px #fff;box-shadow:inset 0 0 30px #fff;
}
.comment .comment-block p.comment-content{background:rgba(0,0,0,.5);border-radius:4px;border:1px solid #fff;margin-right:-5px;padding:10px;z-index:-999;
}
#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;
}
.comments .continue a,.comment-actions a{display:inline;background:#848484;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#f00;padding:4px;border:1px solid #fff;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#f00;padding:4px 15px 4px 15px;
}
.avatar-image-container{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px ridge #fff;
}
#comments{display:none;
}
.cocot{width:98%;font:25px Niconne;margin:0 auto;text-align:center;background:#666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid;box-shadow:inset 0 0 1px 1px #ddd;
}
.cocot:hover{background:#fc0;box-shadow:inset 0 0 5px #000;
}
.cocot:active{background:#f00;
}
.blog-pager,#blog-pager{font-size:0;height:0;
}
#blog-pager a {overflow:hidden;position:fixed;text-indent:-9999px;font-size:0;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;bottom:0;opacity:0.8;
}
.blog-pager-older-link{background:url(https://sites.google.com/site/binkbenk77/olds.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(https://sites.google.com/site/binkbenk77/news.png) no-repeat;left:92%;
}
#blog-pager a:hover{opacity:0.1;
}
/*fotter*/
.foter{position:relative;width:auto;margin:0;border-top:1px solid;
}
#sidebar,.sidebar{width:auto;height:150px;padding:5px 30px 5px 30px;font:11px Courier New,Courier,monospace;text-align:justify;font-style:italic;color:#ddd;
}
#BlogArchive1,#Profile1{border-radius:10%;padding:10px;border:1px solid;box-shadow:0 0 5px #000;height:130px;background:#666;overflow:auto;position:relative;
}
#BlogArchive1{width:40%;float:left;
}
#Profile1{width:40%;float:right;
}
#BlogArchive1:before,#Profile1:before{content:"";width:10px;height:10px;position:absolute;top:10px;left:5px;border:1px solid;border-radius:100%;background:#000;
}
#BlogArchive1:after,#Profile1:after{content:"";width:10px;height:10px;position:absolute;top:10px;right:5px;border:1px solid;border-radius:100%;background:#000;
}
.sidebar h2{font-size:20px;text-align:center;margin-top:0;margin-bottom:0;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
/*profil setting*/
img.profile-img{float:left;width:50px;height:50px;border-radius:5px;border:3px solid #6E6E6E;box-shadow:0 0 5px #000;
}
.widget-content{background:#333;height:90px;width:auto;overflow:hidden;font-style:italic;padding:5px;border:1px solid #ddd;border-radius:5px;
}
.widget-content:hover{overflow:auto;
}
.widget-fotter{background:#666;width:auto;margin:0;font-size:14px;text-align:center;padding:6px;border-top:1px solid;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
/*Dock Skin*/
@import url(http://fonts.googleapis.com/css?family=Niconne);
#dock-skin{background:#A9A9F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;position:fixed;top:0;left:0;width:99%;height:98%;overflow:hidden;cursor:move;border-left:5px solid #8181F7;border-right:5px solid #8181F7;border-top:5px solid #8181F7;border-bottom:10px solid #8181F7;-moz-box-shadow:inset 0 0 0 2px #C4CDE0,inset 0 0 15px #000;-webkit-box-shadow:inset 0 0 0 2px #C4CDE0,inset 0 0 15px #000;box-shadow:inset 0 0 0 2px #C4CDE0,inset 0 0 15px #000;z-index:9;color:#A9A9F5;
}
#h3{width:100%;position:absolute;top:55px;font:bold 90px/90px Niconne;text-transform:capitalize;letter-spacing:-5px;background:#8181F7;-moz-box-shadow:0 0 0 2px #C4CDE0,0 0 15px #000;-webkit-box-shadow:0 0 0 2px #C4CDE0,0 0 15px #000;box-shadow:0 0 0 2px #C4CDE0,0 0 15px #000;cursor:help;
}
#h3:first-letter{font:bold 130px/80px Niconne;background:#8181F7;padding-left:10px;letter-spacing:10px;color:#A9A9F5;margin-left:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:2px solid #C4CDE0;-moz-box-shadow:inset 0 0 10px #000,0 0 5px #000;-webkit-box-shadow:inset 0 0 10px #000,0 0 5px #000;box-shadow:inset 0 0 10px #000,0 0 5px #000;
}
.copy{position:absolute;top:70px;right:5px;background:#A9A9F5;display:inline-block;padding:3px;border:4px double #8181F7;font:18px Niconne;color:#8181F7;letter-spacing:1px;
}
.nice:hover{color:#8181F7;
}
.nice{position:absolute;bottom:15%;right:50px;z-index:-999;font:bold 60px Niconne;color:#C4CDE0;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000,0 0 5px #000;
}
#dock-skin a:link,#dock-skin a:visited{color:#A9A9F5;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000,0 0 10px #000;text-decoration:none;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;
}
#dock-skin a:hover{color:#ddd;
}
#lefdock{position:absolute;width:100%;left:0;bottom:30%;
}
ul#lefdock{text-align:center;margin:0 auto;width:95%;font-size:0;color:transparent;
}
ul#lefdock li{margin:0;display:inline-block;
}
ul#lefdock li a{background-position:center;background-repeat:no-repeat;background-size:120px 80px;display:inline-block;width:140px;height:140px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;padding:5px;border:2px solid #C4CDE0;-moz-box-shadow:0px 0px 15px #8181F7,0 0 40px #000,inset 0 0 30px #000;-webkit-box-shadow:0px 0px 15px #8181F7,0 0 40px #000,inset 0 0 30px #000;box-shadow:0px 0px 15px #8181F7,0 0 40px #000,inset 0 0 30px #000;background-color:#8181F7;
}
ul#lefdock li a:hover{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-size:130px 140px;display:inline-block;width:140px;height:150px;background-color:#ddd;-moz-box-shadow:0 0 50px #000,inset 0 0 10px #000;-webkit-box-shadow:0 0 50px #000,inset 0 0 10px #000;box-shadow:0 0 50px #000,inset 0 0 10px #000;border:2px solid #C4CDE0;-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg);transform: rotate(10deg);z-index:9;
}
ul#lefdock .home a{background-image:url(https://sites.google.com/site/binkbenk77/omah.png);
}
ul#lefdock .isi a{background-image:url(https://sites.google.com/site/binkbenk77/isi.png);
}
ul#lefdock .quest a{background-image:url(https://sites.google.com/site/binkbenk77/blog.png);
}
ul#lefdock .follow a{background-image:url(https://sites.google.com/site/binkbenk77/quest.png);
}
ul#lefdock .fb a{background-image:url(https://sites.google.com/site/binkbenk77/kontak.png);
}
#thempik{height:55px;width:100%;margin:0 auto;position:absolute;bottom:10px;z-index:-999;
}
#sikil{color:#BDBDBD;font:bold 18px Niconne;text-shadow:2px 2px 2px #000;margin:0 auto;width:95%;padding:10px 10px 30px 10px;background:#8181F7;-moz-box-shadow:inset 0 0 20px #000,0 0 10px #000;-webkit-box-shadow:inset 0 0 20px #000,0 0 10px #000;box-shadow:inset 0 0 20px #000,0 0 10px #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid #C4CDE0;
}
#sikil a{color:#BDBDBD;text-shadow:2px 2px 2px #000;
}
#sikil a:hover{color:#ddd;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
/*tooltip dock skin*/
.toltip{position:relative;
}
.tooltip span{display:block;position:absolute;top:-1000px;font:15px Niconne;color:#fff;text-align:center;padding:5px;border-radius:10px;-moz-box-shadow:0px 0px 9px #000;-webkit-box-shadow: 0px 0px 9px #000;box-shadow:0px 0px 9px #000;border:1px solid #fff;background:#08088A;opacity:0.7;width:200px;z-index:9;
}
.tooltip span:before{content:"i";position:absolute;top:-10px;left:-10px;font:bold 70px/40px Niconne;color:#ddd;text-shadow:0 0 3px #000;border-radius:100%;background:#000;border:1px solid #ddd;padding:5px;width:40px;height:40px;
}
.tooltip:hover span{position:absolute;top:-50px;left:0;-moz-transform: rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);
}
.tooltip p{font:bold 25px/35px Niconne;margin:0 0 0 30px;
}
.tooltip em{font:bold 20px/20px Niconne;
}
</style>
</b:if>
</head><body><b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='dock-skin'><div id='h3'><a href=''><data:blog.title/></a></div><div class='copy'>My Personal Blog ®</div><ul id='lefdock'><li class='home'><a class='tooltip' href='/p/portal.html'>BLOG portal<span><p>Blog Portal</p><em>U</em> can see my portal</span></a></li><li class='isi'><a class='tooltip' href='/p/archive.html' target='_blank'>Blog Archive<span><p>Blog Archive</p><em>A</em>ll Blog Content</span></a></li><li class='quest'><a class='tooltip' href='/search/label/max-result=5' target='_blank'>Blog Entry<span><p>Blog Entry</p><em>U</em> Can Read New Entry</span></a></li><li class='follow'><a class='tooltip' href='/p/forum.html' target='_blank'>Blog Forum<span><p>Blog Forum</p><em>U</em> Can Write Anything</span></a></li><li class='fb'><a class='tooltip' href='/p/about-me.html' target='_blank'>Contact Us<span><p>Contact Us</p><em>U</em> Can Find My Place</span></a></li></ul><div class='nice'>Share Any More</div><div id='thempik'><div id='sikil'><div style='float:left;left:10px'>|| Copyright 2012 By : <a href=''><data:blog.title/></a> ||</div><div style='float:right;right:10px'>|| Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> ||</div></div></div></div>
<b:else/>
<b:if cond='data:blog.pageType != "item"'><div class='ndas'><a expr:href='data:blog.homepageUrl'>* <data:blog.title/> *</a></div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='menu'><a href='/p/donasi.html'>✔Donasi Blog</a><a href='/p/my-friends.html'>☹Follow Me</a><a href='/p/buku-tamu-sahabat.html'>✉Guest Book</a><a href='/search/label/max-result=5'>❖New Post</a><a href='/p/daftar-isi-blogku.html'>☶Archive</a><a class='active' expr:href='data:blog.homepageUrl'>✪Home</a></div></b:if>
<div id='badan-besar'><div id='weteng-gede'>
<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"'>

<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>
<b:include name='nextprev'/>
<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='cocot'><a href='javascript:toggle()' id='cocot'>➦ ♦ Click To Post Comments ♦</a></div><div class='comments' id='comments'><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'>

<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;'/></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:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data: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/></b:if></b:if>
<div style='clear: both;'/></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='cocot'><a href='javascript:toggle()' id='cocot'>➦ ♦ Click To Post Comments ♦</a></div><div class='comments' id='comments'>
<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>

<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>
<b:if cond='data:blog.pageType == "item"'>
<div class='foter'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'>
    <b:includable id='main'>
<b:if cond='data:title'>
    <h2>✔ <data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
    <b:includable id='flat' var='data'>
<ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
    <b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
    <b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2>☻ <data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> 

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

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
            <data:displayname/>
          </a>
        </dt>

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

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

     <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
</b:section></div>
<div class='widget-fotter'>|| <a href='http://cuerosbhelatos.blogspot.com/'>❖</a> | Copyright 2012 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> ||</div>
</b:if>
</div></div><div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<div class='foter'>|| <a href='http://cuerosbhelatos.blogspot.com/'>❖</a> | Copyright 2012 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> ||</div></b:if>
<script src='https://sites.google.com/site/binkbenk77/ngakak.js' type='text/javascript'/></b:if></body></html>

Fitur-fitur :

Support dengan Browser Mozilla, Google Chrome and Safari, rocketmelt dll.
Thread Comments/reply commments (new blogger style).
Emoticon yahoo for comments, dan auto hide Comments.
Bagi yang demen sama Blogazine Style, template ini Support dengan Blogazine Post.
Loading Home page agak ringan, yaitu hanya 11kb (silahkan diukur/dicek disini)

Cara Pemasangan Template :

Copy semua kode diatas
Note : jangan ada yang tersisa...!!
Masuk ke Edit HTML (jangan lupa kasih tanda centang Expand Template Widget)
Pastekan kedalam Template Blog Sobat, Edit dulu Link Blog portal, Blog Archive, Blog Forum dan Contact Us, untuk Blog Entry tidak usah.
Lalu simpan, Perhatikan waktu penyimpanan ada info yang bertuliskan Template berikut tidak berisi/memuat widget (Atributte, Navbar, Header, dll) pilih saja "HAPUS WIDGET"

Selamat mencoba semoga bermanfaat, maaf masih banyak kekurangannya...!!!

Get Menu Like This...?
Please Visit Here Now

Posted On : 17 Juni 2012 Time : 15.46