Download Template Sederhana dan simple Buat Blogspot, Untuk Tampilan beranda hanya seperti Portal Template (tak ada entry yang tampil diberanda) hanya Link yang menuju ke Artikelnya. Template ini mengunakan warna dasar biru dan background image yang yang tidak di upload di web hosting, Image background loading dari dalam komputer. Berat loading Homepage sekitar 18kb (lumayan entenglah). Dan Untuk posting area menggunakan warna background putih. Untuk tampilan Beranda ( Homepage ) bisa sobat lihat pada gambar di bawah ini.
Tampilan gambarnya
| Fitur & Demo | Template Source Code |
|---|---|
Fitur:
Cara Pasang :
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(http://3.bp.blogspot.com/-tfmi0nUe6j8/UL8YPnfP6MI/AAAAAAAACbk/D3q3mNpx_d4/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> |
Sekian dulu sobat share template yang sangat sederhana ini, maaf masih banyak sekali kekurangannya.
Artikel Terkait
| Beranda Tips Blogger Tips Komputer Seo Kontes | Theme Windows 7 Theme Windows XP Portal Template Tool n Widget | Mp3 Song N Lyrik Petuah Bijak Healthy Live Info n News | Please Klik Like, When U Like My Blog |
Posted On : 9 Desember 2012 Time : 22.13
