Template Cool Blogazine by cuerosbhelatos aka binkbenk
Tampilan gambarnya
| Fitur & Demo | Source Code |
|---|---|
Fitur:
Preview This Demo | <!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,Mediafire,Action,Rip,Sport,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'/> <b:skin><![CDATA[ @import url(http://fonts.googleapis.com/css?family=Audiowide); body{background:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Audiowide;color:#000; } h2{display:none; } a:visited,a:link{color:#fff;text-decoration:none; } a:hover{color:#0080FF;text-decoration:line-through; } #badan-besar .widget ul,#weteng-gede .widget #ArchiveList ul.flat{margin:2px 0;padding:0;list-style:none; } #badan-besar .widget ul li,#weteng-gede .widget #ArchiveList ul.flat li{text-indent:0; } #badan-besar .widget #ArchiveList ul li{padding-top:.25em;padding-bottom:.25em; } 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;border-radius:10px;padding:0; } h3{background:#0080FF;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:25px Audiowide;text-transform:capitalize;text-align:left;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border:4px double #fff;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out; } h3:first-letter{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFC900;font:35px Audiowide;color:#fff;padding:0 10px 0 10px;border:1px inset #fff;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000; } h3:hover{background:#0080FF;width:60%;margin:0 auto;margin-top:50px;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg);transform: rotate(-2deg); } .autor{font:12px Verdana;color:#fff;font-style:italic;float:right;right;10px;top:10px;border:6px double #0080FF;padding:4px;background:#ddd;display:inline-block; } .komen{font:14px Verdana;color:#fff;font-style:italic;text-align:center;margin-top:50px;border:6px double #0080FF;padding:4px;background:#ddd; } #blog-pager a{margin:0 0 0 5px;overflow:hidden;position:fixed;top:40%; opacity:0.3;text-indent:-9999px;width:130px;height:130px;z-index:9;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out; } .blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/nek-1.png) no-repeat;right:5px; } .blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bek.png) no-repeat;left:0; } #blog-pager a:hover{opacity:1; } .ndas{position:fixed;width:100%;height:35px;padding:2px;top:-5px;right:0;background:#0080FF;border-bottom:2px solid #ddd;-moz-box-shadow:0 0 20px #000,inset 0 0 10px #000;-webkit-box-shadow:0 0 20px #000,inset 0 0 10px #000;box-shadow:0 0 20px #000,inset 0 0 10px #000;font:30px Audiowide;text-transform:uppercase;text-align:center;text-shadow:-2px 0 #ddd,0 2px #ddd,2px 0 #ddd, 0 -2px #ddd; } .tempikmu{width:auto;margin:0 auto;font-size:14px;text-align:center; } .status-msg-wrap{font-size:12px;margin-top:20px; } ]]></b:skin> <style type='text/css'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'>.post-body{display:none;}</b:if></b:if></style> <b:if cond='data:blog.pageType == "item"'> <style> body{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;font:15px Courier New,Courier,monospace;color:#000; } .menu ul{background:#000;width:auto;margin:0;margin-top:5px;font-size:16px;text-align:right;text-transform:uppercase;border-top:2px solid #C4CDE0;border-bottom:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;list-style-type:none; } .menu li{background:#000;display: inline;padding:5px;margin-right:10px;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;list-style-type:none; } .menu li a{color:#ddd;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;text-decoration:none; } .menu li:hover{background:#0080FF;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000,inset 0 0 5px #000;-webkit-box-shadow:0 0 10px #000,inset 0 0 5px #000;box-shadow:0 0 10px #000,inset 0 0 5px #000;list-style-type:none; } .menu a:hover{color:#ddd;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;padding-right:20px; } .menu a:active{color:#f00;background:#fc0;border:1px solid #ddd;border-radius:30px;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;padding:3px; } #weteng-gede .widget .post-body ul{padding:0 1.5em;margin:.5em 0; } #weteng-gede .widget .post-body ul li{margin-bottom:.2em; } #weteng-gede .widget .post-body ul li{background:#ddd;list-style-type:square;border:1px solid;padding:5px;transition:all 2s ease-out; } #weteng-gede .widget .post-body ul li:hover{background:#fc0;list-style-type:disc;transition:all 0s ease-out; } #badan-besar{margin-top:20px;padding:0; } #weteng-gede{width:auto;margin:0 auto;padding:0; } h3{display:none; } a:visited,a:link{color:#000;text-decoration:none;ext-shadow:none; } a:hover{color:#fc0;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; } .post-body img{padding:5px;border-radius:5px;border:1px solid #6E6E6E;box-shadow:6px 6px 3px #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out; } .post-body img:hover{background:#000;border:1px solid #C4CDE0; } /*comment area*/ #comments h4{font-size:14px; } #comments{background:#6E6E6E;margin-top:0;padding:10px 50px 0 50px;border-top:1px solid;border-bottom:1px solid; } .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{background:#000;width:auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #ddd; } .comment-thread ol li{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0 auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;box-shadow:inset 0 0 5px #000; } .comment .comment-block p.comment-content{background:#1c1c1c;border: 4px double #ddd;box-shadow:inset inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd;-webkit-box-shadow:inset 0 0 5px #ddd;margin-right:-5px;padding: 5px;z-index:-999; } .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:#000;padding:4px;border:1px solid #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out; } .comments .continue a{float:right;margin:-10px 10px; } .comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#0080FF;padding:4px 10px 4px 10px; } .avatar-image-container{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:4px ridge #fff; } /*comment kode insert image and video*/ #comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:3px;margin:5px; font-size:11px ;font-style:italic; background:#ddd; color:#000;border:4px double #000; } #comment-holder .gambar, #comment-holder i[rel="image"] {display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:200px; height:150px; } #comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:400px; height:300px; } /*comment kode end*/ #comments{display:none; } .cocot{width:auto;font-size:20px;margin:0;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;background:#000; } .cocot a{color: #C4CDE0;text-align:center; } .cocot:hover{background:#0080FF;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000; } .cocot:active{background:#fc0; } #blog-pager a {overflow:hidden;position:fixed;text-indent:-9999px;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;top:93%;opacity:0.8; } .blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/necs.png) no-repeat;right:5px; } .blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bacz.png) no-repeat;left:90%; } #blog-pager a:hover{opacity:0.1; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){$(".tombol").click(function(){$("#comments").slideToggle("slow");$(this).toggleClass("active");return false;});});</script> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <style> @import url(http://fonts.googleapis.com/css?family=Devonshire); body{background:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;font:18px Courier New,Courier,monospace;color:#000;overflow:hidden;cursor:move; } /*heading*/ .heading{background:#0080FF;width:100%;position:absolute;left:0;top:0;border-bottom:1px solid #000;border-top:1px solid #000;padding-top:5px; } .heading a{color:#000;font:50px Courier New,Courier,monospace;color:#000;text-shadow: -1px 0px #ddd, 0px 1px #ddd, 1px 0px #ddd, 0px -1px #ddd;text-decoration:none;margin-left:2%; } .heading a:hover{color:#ddd;text-decoration:line-through;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000; } /*disclaim*/ .copy{background:#81BEF7;border:4px double #0080FF;display:inline-block;font-size:14px;float:right;margin:5px;padding:5px; } .shared{background:#81BEF7;border:4px double #0080FF;padding:5px;position:absolute;top:30%;left:2%;z-index:-9999;-moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg);transform: rotate(-25deg); } .shareds{font:500% Devonshire,cursive;color:#333;text-shadow: -1px 0px #ddd, 0px 1px #ddd, 1px 0px #ddd, 0px -1px #ddd;padding:10px;border:1px dashed #0080FF; } /*pencarian*/ #cari{background:#000;position:fixed;bottom:40%;right:10%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;border:1px solid #000;padding:1px;z-index:999; } #cariform{margin:0;padding:0; } #caritek{width:400px;background:#58ACFA;height:35px;border:2px solid #C4CDE0;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;box-shadow:inset 0 0 5px #000;font:normal 75% Verdana, Arial, Helvetica, sans-serif;color:#333;float:left;display:inline-block;margin:0;padding:3px 5px;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;cursor:n-resize; } #caritek:hover{width: 450px;background:#ddd;border: 2px solid #C4CDE0;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000; } #caritek:focus{width: 500px;background:#ff8000;border: 2px solid #C4CDE0;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000; } #carisubmit{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8pBIlHL3UxCodvMkSVVx_1pzGyFs1blO8VabjRc8yUZT4kWNaiTLXSn_l4rBCT6kiFeb84scCjdaSEY30u8W2Rct_segoenNflm6peqVnoBDtZgcTuBRklw0eoeZzq47ahCeGGfWrNq6/s400/cari.png) no-repeat center;border:none;height:40px;width:55px;cursor:help; } /*menu*/ .kimpet{background:#0080FF;width:100%;position:fixed;bottom:0;left;0;border-top:1px solid;border-bottom:1px solid;z-index:9999;padding-top:10px; } .kimpet ul{text-align:center;text-transform:uppercase;margin:0 auto; } .kimpet li{display: inline;margin: 0; } .kimpet li a{font-size:70px;line-height:85px;color:#000;text-shadow: -1px 0px #ddd, 0px 1px #ddd, 1px 0px #ddd, 0px -1px #ddd;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;text-decoration:none;margin-right: 10px;padding:5px;border-left:1px solid; } .kimpet a:hover{background:#ddd;color:#fff;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;border:4px double #000;box-shadow:inset 0 0 3px #000;padding:10px; } .kimpet a:active{background:#81BEF7;color:#ff8000; } /*animasi*/ @-webkit-keyframes kentu{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kentu{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kentu{from{-ms-transform:translate(0px,1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kentu{from{transform:translate(0px,1000px);opacity:0}to{transform:translate(0px,0px);opacity:1} } @-webkit-keyframes kontol{from{-webkit-transform:translate(0px,-1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kontol{from{-moz-transform:translate(0px,-1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kontol{from{-ms-transform:translate(0px,-1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kontol{from{transform:translate(0px,-1000px);opacity:0}to{transform:translate(0px,0px);opacity:1} } @keyframes earn { from{opacity:0;} to{opacity:10;}} @-moz-keyframes earn { from{opacity:0;} to{opacity:10;}} @-webkit-keyframes earn { from{opacity:0;} to{opacity:10;}} .heading,#cari{-webkit-animation:kentu 8s;-moz-animation:kentu 8s;animation:kentu 8s;} .kimpet,.shared{-webkit-animation:kontol 2s;-moz-animation:kontol 2s;animation:kontol 2s;} </style> </b:if> </head><!--/*<body>*/--><body> <b:if cond='data:blog.pageType == "item"'> <div class='menu'><ul><li><a href='/'>✪ beranda</a></li> <li><a href='/search/label/max-result=2'>☶ new post</a></li> <li><a href='/p/daftar-isi-blogku.html'>❖ archieve</a></li> <li><a href='/p/about-me.html'>✉ contact'us</a></li> </ul></div> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!--heading--> <div class='heading'><a href='/'>✔ <data:blog.title/> ®</a><div class='copy'>My Personal Site</div></div> <div id='cari'><form action='/search' id='cariform' method='get'> <input id='caritek' 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='carisubmit' type='submit' value=''/> </form></div> <div class='shared'><div class='shareds'>Share More</div></div> <!--menu--> <div class='kimpet'><ul><li><a href='http://ndesopol55.blogspot.com/'>✪</a>beranda</li> <li><a href='/search/label/max-result=2'>☶</a>new post</li> <li><a href='/p/daftar-isi-blogku.html'>❖</a>archive</li> <li><a href='/p/contact-me.html'>✉</a>contact'us</li> <li><a href='/p/about-me.html'>☹</a>about'us</li> </ul></div> <!-- home --> <b:else/> <b:if cond='data:blog.pageType != "item"'><div class='ndas'>* <data:blog.title/> *</div></b:if> <div id='badan-besar'><div id='weteng-gede'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <b:includable id='nextprev'><div class='blog-pager' id='blog-pager' style='font-size:1px'><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='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='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='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4></b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'><b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-index-post'/></b:loop><b:else/><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-post'/></b:loop></b:if></div> <b:include name='mobile-nextprev'/></b:includable> <b:includable id='post' var='post'><div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><a expr:name='data:post.id'/> <b:if cond='data:post.title'><h3 class='post-title entry-title' itemprop='name'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'> <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-header'><div class='post-header-line-1'/></div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <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'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <b:else/> <data:post.body/> </b:if> </b:if> <div style='clear: both;'/><!-- clear for photos floats --> <div class='tempikmu' style='margin:0;font-size:10px;text-align:right;padding:0;'>|| <a href='http://cuerosbhelatos.blogspot.com/'><font size='4'>❖</font></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'>Cuerosbhelatos</a> ||</div> </div></div> </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='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><div class='status-msg-body'><data:navMessage/></div><div class='status-msg-border'><div class='status-msg-bg'/></div></div><div style='clear: both;'/> </b:if></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='threaded_comments' var='post'> <b:if cond='data:blog.pageType == "item"'> <center><div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>☹|| Click To Post Comments ||☹</a></div></center> <div class='comments' id='comments'><!-- 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:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='mobile-nextprev'/> <b:includable id='mobile-post' var='post'><div class='date-outer'><div class='date-posts'><div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <a expr:name='data:post.id'/><b:if cond='data:post.title'><h3 class='post-title entry-title' itemprop='name'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/> <data:post.title/></b:if></b:if></h3></b:if><div class='post-header'><div class='post-header-line-1'/></div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'><data:post.body/><div style='clear: both;'/><!-- clear for photos floats --></div></div> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/></b:if></b:if></div></div></div></b:includable> <b:includable id='postQuickEdit' var='post'/> <b:includable id='main' var='top'> <b:if cond='data:mobile == "false"'> <!-- posts --> <div class='blog-posts hfeed'><b:include data='top' name='status-message'/> <data:defaultAdStart/><b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'><b:if cond='data:post.isFirstPost == "false"'></div></div></b:if></b:if><b:if cond='data:post.isDateStart'><div class="date-outer"></b:if><b:if cond='data:post.dateHeader'><h2 class='date-header'><span><data:post.dateHeader/></span></h2></b:if><b:if cond='data:post.isDateStart'><div class="date-posts"></b:if><div class='post-outer'><b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if></div><b:if cond='data:post.includeAd'><b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/><b:else/><data:adEnd/></b:if><div class='inline-ad'><data:adCode/></div><data:adStart/></b:if></b:loop> <b:if cond='data:numPosts != 0'></div></div></b:if><data:adEnd/></div> <!-- navigation --><b:include name='nextprev'/><!-- feed links --> <b:include name='feedLinks'/><b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if><b:else/><b:include name='mobile-main'/></b:if> <b:if cond='data:top.showDummy'><data:top.dummyBootstrap/></b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <b:else/></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='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'><b:if cond='data:post.dateHeader'><div class='date-header'><span><data:post.dateHeader/></span></div></b:if> <div class='mobile-post-outer'><a expr:href='data:post.url'><h3 class='mobile-index-title entry-title' itemprop='name'><data:post.title/></h3><div class='mobile-index-arrow'>&rsaquo;</div> <div class='mobile-index-contents'><b:if cond='data:post.thumbnailUrl'><div class='mobile-index-thumbnail'> <div class='Image'><img expr:src='data:post.thumbnailUrl'/></div></div></b:if> <div class='post-body'><b:if cond='data:post.snippet'><data:post.snippet/></b:if></div></div> <div style='clear: both;'/></a><div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:post.allowComments'><b:if cond='data:post.numComments != 0'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></b:if></div></div></div></b:includable> <b:includable id='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='feedLinksBody' var='links'/> <b:includable id='comments' var='post'><b:if cond='data:blog.pageType == "item"'> <center><div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>☹|| Click To Post Comments ||☹</a></div></center> <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:widget> </b:section></div> <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'/></div><div class='clear'/> <!-- badan-besar --></div> <b:if cond='data:blog.pageType != "item"'><div class='tempikmu'>|| <a href='http://cuerosbhelatos.blogspot.com/'><img border='0' height='20' src='http://i1206.photobucket.com/albums/bb455/binkbenk/homes.png' width='20'/></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'> <data:blog.title/></a> ||</div></b:if> <!-- aremania --><script src='https://sites.google.com/site/koplaks99/ngakak.js' type='text/javascript'/></b:if></body></html> |