My.Archive Documents: Sliding Style Template

Kali ini saya akan Share sebuah template Sederhana buat Sobat Blogger semua. Template yang sangat sederhana ini mungkin bisa dibilang memiliki style Seperti Portal Template atau Juga bisa dibilang seperti Blogazine Template. Template ini adalah "Sliding Style Template", yang merupakan Template dengan style Sliding Menu. Untuk style homepagenya bisa sobat lihat pada Contoh gambar di atas ini, dan untuk melihatnya dalam ukuran penuh silahkan di klik (klik image to see in large size 1024 x 768). Dengan menggunakan perpaduan warna yang sangat simple (Blue n White) terlihat sedikit menarik. Untuk background pada search label menggunakan warna Red n White (Indonesia banget brow), dan background pada area posting menggunakan warna white Wall (image Background).

Namun dengan menggunakan template semacam ini (Blogazine Template) sobat mesti berpikir dua kali, karena tidak semua browser support dengan tampilannya (terutama Browser IE). Dan sobat juga harus berpikir lagi, karena survey membuktikan kalau pemakai Browser IE cuman sedikit, dan yang paling besar dipakai saat ini adalah Browser Firefox dan Google Chrome. Dan template ini support banget dengan Browser Firefox, Google Chrome, dan beberapa Browser baru seperti Rocketmelt dll. Kalau begitu kenapa gak dicoba saja sobat ?

Oke sobat langsung saja nih silahkan di lihat dulu beberapa fitur dari template ini.

Fitur-Fitur Template Sliding Style

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.
New label recent post thumbnail with image, yang teletak didalam area Comments. seperti gambar dibawah ini.

*(Show Recent Post silahkan diklik "♣|| Click To Post Comments ||♣") *

Bagi yang demen sama Blogazine Style, template ini Support dengan Blogazine Post (Blogazine Template).
Loading Home page bisa dibilang enteng yaitu cuma 11,85kb.

Cara Pemasangan Template

Klik Code Source Nya dibawah ini.

Masuk ke Edit HTML (jangan lupa kasih tanda centang Expand Template Widget)

Copy Kode Slider Style Template dan Pastekan kedalam Template Blog Sobat, Edit dulu LInk FaceBook, Twiter, Blogger Profile, G-plus Profile.

Lalu simpan, Perhatikan waktu penyimpanan ada info yang bertuliskan Template berikut tidak berisi/memuat widget (Atributte, Navbar, Header, dll) pilih saja "HAPUS WIDGET"

Oke Sobat semua ( Mas Brow ataupun juga Mbak Brow) apabila penasaran (asal jangan kesurupan) pengen memakai dan menggunakan Template Sliding Style ini, silahkan dicek terlebih dulu demonya pada link demo dibawah ini. Dan apabila mas brow dan mbak brow setelah melihat demonya ternyata tidak suka, mending gak usah di Copy Code Nya. Dan bagi sobat semua yang ternyata demen dan pengen mencobanya langsung saja silahkan Copy Code Source Nya dibawah ini GRATIS (bayar juga boleh).Oke sobat cukup sekian share dari saya tentang Template Sliding Style ini, semoga bisa sedikit bermanfaat buat sobat semua.

CLICK DEMO HERE

Sliding Style Template

Windows 7 Template

CODE SOURCE HERE

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
   <b:else/>
<title><data:blog.pageTitle/></title>
    </b:if>
<meta content='DESKRIPSI BLOGMU' name='description'/>
<meta content='KEYWORD BUAT PENCARIAN' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='follow, all' name='googlebot'/>
<meta content='general' name='rating'/>
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[
/*Design by : Binkbenks*/
/*Url       : http://cuerosbhelatos.blogspot.com */
body{background:#f00;background-image:-moz-linear-gradient(left,#f00,#fff);background-image:-webkit-linear-gradient(left,#f00,#fff);background-image:linear-gradient(left,#f00,#fff);margin:0;font:22px Baumans;color:#000;
}
a:visited,a:link{color:#fff;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;
}
#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:0;width:100%;
}
#kontol-besar{padding:0;margin:0 auto;
}
#weteng-gede{padding:0;margin:0 auto;
}
h2{font-size:10px;font-style:italic;float:right;display:none;
}
h3{font:40px Baumans;color:#fff;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000, 0 -2px #000;text-transform:capitalize;text-align:left;margin:10px;padding:5px;border:2px inset #fff;-moz-box-shadow:0 0 30px #000,inset 0 0 20px #000;-webkit-box-shadow:0 0 30px #000,inset 0 0 20px #000;box-shadow:0 0 30px #000,inset 0 0 20px #000;
}
.tempikmu{-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;
}
h3:first-letter,h3,.tempikmu{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}
h3:first-letter{background:#FFC900;font:50px Baumans;color:#fff;
padding:0 20px 0 20px;border:1px inset #fff;-moz-box-shadow:inset 0 0 30px #000;-webkit-box-shadow:inset 0 0 30px #000;box-shadow:inset 0 0 30px #000;
}
#blog-pager a{font-size:15px;background:rgba(0,0,0,.5);display:inline-block;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:5px;border:1px solid #424242;-moz-box-shadow:inset 0 0 20px #fff;-webkit-box-shadow:inset 0 0 20px #fff;box-shadow:inset 0 0 20px #fff;transition:all 2s ease-out;-moz-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;
}
#blog-pager a:hover{background:#ff8000;color:#fff;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
.tempikmu{width:800px;margin:0 auto;margin-bottom:20px;font:18px Baumans;text-align:center;padding:5px;
}
.tempikmu a{text-shadow:-2px 0 #000,0 2px #000,2px 0 #000, 0 -2px #000;
}
]]></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 type='text/css'>
/*POST*/
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
body{background:#fff url(https://sites.google.com/site/cuerosbhelatos/bintik.png) repeat center fixed;font:bold 20px Poiret One, cursive;color:#000;
}
#tempik{width:100%;height:35px;background:#BDBDBD;position:fixed;top:-10px;right:0;border-bottom:2px dotted #000;z-index:999;
}
#tempik ul{float:right;font:14px Baumans;color:#fff;text-transform:uppercase;display:block;padding:0 15px 0 0;
}
#kontol-besar{margin-top:50px;
}
#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{list-style-type:square;border:1px solid;padding:5px;
}
#weteng-gede .widget .post-body ul li:hover{list-style-type:disc;background:#ff8000;
}
h3:first-letter{font-size:30px;
}
h3{text-align:center;font-size:30px;
}
#weteng-gede{width:100%;margin:0 auto;padding:0;
}
#main .post-body{position:relative;padding:10px;border-bottom:3px solid;
}
#main .post-body a:visited{color:#ff8000;
}
#main .post-body a:link{color:#ff8000;
}
.post-body img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;border:1px solid #6e6e6e;-moz-box-shadow:10px 10px 5px #000,inset 0 0 15px #fff;-webkit-box-shadow:10px 10px 5px #fff,inset 0 0 15px #fff;box-shadow:10px 10px 5px #000,inset 0 0 15px #fff;
}
.tempikmu{border:2px inset #fff;-moz-box-shadow:0 0 30px #000,inset 0 0 20px #000;-webkit-box-shadow:0 0 30px #000,inset 0 0 20px #000;box-shadow:0 0 30px #000,inset 0 0 20px #000;}
/*Komentar*/
.comments-content{width:60%;float:right;height:450px;overflow:auto;
}
#comments h4{font-size:20px;
}
.comments-content .icon.blog-author{
background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content .datetime a{float:right;
}
.comments-content,.comment-thread ol li{font-size:16px;color:#fff;background:rgba(0,0,0,.3);padding:5px;-webkit-border-radius:5px;-moz-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: #000;border: 4px double #fff;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;box-shadow:inset inset 0 0 30px #FFF;-moz-box-shadow:iinset 0 0 30px #FFF;-webkit-box-shadow:inset 0 0 30px #FFF;margin-right:-5px;padding: 10px;z-index:-999;
}
.comments .continue a,.comment-actions a{display:inline;background:#000;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;padding:4px;border:1px solid #fff;
}
.comments .continue a{float:right;margin:-15px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#ff0000;
}
.avatar-image-container{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:4px ridge #fff;
}
#comments{display:none;
}
.cocot{background:rgba(0,0,0,.5);width:98%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:24px;border:2px solid;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;
}
.cocot:hover{background:#ff8000;
}
.cocot:active{background:#ff8000;border:none;-moz-box-shadow:inset 0 0 30px #000;-webkit-box-shadow:inset 0 0 30px #000;box-shadow:inset 0 0 30px #000;
}
#blog-pager a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;
}
#blog-pager a:active{background:#fff;
}
/*End Komentar*/
/*Label*/
#rp_plus_img{width:auto;height:460px;overflow:hidden;font-size:16px;color:#fff;background:rgba(0,0,0,.3);padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px ridge #fff;
}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0;
}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;
}
#rp_plus_img li{height:80px;padding:5px;list-style:none;border:1px solid #fff;-moz-box-shadow:inset 0 0 30px #000;-webkit-box-shadow:inset 0 0 30px #000;box-shadow:inset 0 0 30px #000;
}
#rp_plus_img .news-title{display:block;font-size:12px;font-weight:bold;text-align:center;text-transform:uppercase;
}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal;color:#000;text-align:left;text-transform:capitalize;
}
#rp_plus_img img{float:left;margin-right:14px;padding:2px;width:60px;height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:4px double #fff;
}
/*N Label*/
/*End POST*/
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script>
<script src='https://sites.google.com/site/cuerosbhelatos/labeles.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link href='https://sites.google.com/site/cuerosbhelatos/Slider.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script>
<script src='https://sites.google.com/site/cuerosbhelatos/labeles.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
</b:if>
</head>
<body>
<b:if cond='data:blog.pageType == "item"'>
<div id='tempik'>
<ul><a href='http://www.blogger.com/follow-blog.g?blogID=6631195924502433055'>Follow Me</a></ul>
<ul><a href='/p/buku-tamu-sahabat.html'>Guest Book</a></ul>
<ul><a href='/p/about-me.html'>About Me</a></ul>
<ul><a href='/search/label/max-result=5'>New Post</a></ul>
<ul><a href='/p/daftar-isi-blogku.html'>Archive</a></ul>
<ul><a expr:href='data:blog.homepageUrl'>Home</a></ul>
</div>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='kontol'>
<h1>
<ul>
<li><a href='#isi1'>Archieve</a></li>
<li><a href='#isi2'>New Post</a></li>
<li><a href='#isi3'>About Us</a></li>
<li><a href='#isi4'>Contact</a></li>
</ul>
</h1>
<div id='isi1'>
<script src='https://sites.google.com/site/cuerosbhelatos/site-map.js'/>
<script src='/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'/>
<script type='text/javascript'>
var accToc=true;
</script></div>
<div id='isi2'>
<ul id='rp_plus_img'><script>
var numposts = 5;
var numchars = 150;
</script> <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt'>
</script></ul>
</div>
<div id='isi3'>
<div class='pejuh'>
blogger id cards</div>
<div class='foto'>
<img border='0' height='175' src='http://i838.photobucket.com/albums/zz302/raymond_085/d55ce479-1e10-492f-b21c-ec8dcea2b162_zps066db53e.jpg' width='200'/></div>
<div class='nama'>
<p>
Name Us : Raymond</p>
<p>
Born For : Pray To God</p>
<p>
Countrie : Indonesia</p>
</div>
<div class='brodol' style='text-align:justify;font-style:italic;font-size:20px'>
Please Love U Live, Love U Mother, Love U Father, Love U All Family, Love U All Friend, and Please Say Love For INDONESIA
</div>
</div>
<div id='isi4'>

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fsyber.hacker.net&width=290&height=258&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=false&appId=223426824353309" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:258px;" allowtransparency="true"></iframe>
</center>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center>
<div id="social">
  <a title="Grab Our Rss Feed" href=" http://feeds.feedburner.com/PhotographyGalleryEphphathaIndonesia " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSsDPI_7_erNI1ge1hWLukHVy53I01pZysBm6hgbXb97BbBqC6kTWThMQ82qJjDrSzhNJ_unRyKKK4PEdALM5CFUGzzEGU8tPMUGQ43EjPk3nwnGBPX7KTXsQkH-qeq8cqXTFJEtov8_3P/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Get Free Updates Via Email" href="http://feeds.feedburner.com/PhotographyGalleryEphphathaIndonesia" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFKxQt69rBoagQUEZOux1bqkL26RUJvCVtQ_iww_SAQg0RYP_l16Tc3Saz2iRWzFLbRkpHmos5dKExTM-tFoUyGZ3EDDQ4b73ZDfEF9AdUA0Gy11U0A7RIUtP2Zs9J8xvHwNhY36zZbWG/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/franky.raymond.jacob" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYWmV89Kzg91pMwanKOAuwV3tdcQvzMYArz4R9rxxSbH-4RWHkMomIn1blDxdwyj2JDVOAByO8lcKVPgW9GEb4P2kMxQE7rJhYQxjzTrPBVzMvNnD0pbLEaaZB7m-gpK_pHImBbNS8AYDm/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/RaYMonD_QT " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9a1dHUJT-WdJaeIdhIm7L7Zrytz0GQc6kF4BRJZYtwSidcQM9mMQkSBxpgrrCiPG00zNG0VXXoasYGD-vTTrrGdHxFhpZ6N91xjg_Tnr0bdNjOlczUPrSJK0yanaFJ4JxCgofFg3FlSXc/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/113739160431780404177 " target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLGeYKUjjJXtbs93juBvIvD79cUnEcZuWsE87L-BaKKrJjzk47kdcq9iHRkY2LAyqzvyt4rqEyDn477YhgdoU1cMkXOZ1bdFo_NUYpNluwqFJf3l4XXw8n8_0tRiuCAlim2CbeBFOralGX/s1600/GOOGLE-PLUS-48x48.png"/></a></div>
</center>

<div class='brodol'>
When U Find A Trouble Please Contact on My Facebook</div>
</div>
</div>
<div class='gelas'>
<img border='0' height='300' src='http://i1206.photobucket.com/albums/bb455/binkbenk/bloks.png' width='300'/></div>
<div class='termos'>
<h1>
<div style='float:left;left:10px;font-size:12px'>
® || Copyright 2013 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ||
</div>
<div class='jembut'>
<a href='/#'>
<data:blog.title/></a></div>
<div style='float:right;right:10px;font-size:12px'>
|| Template Created By : <a href='http://archive-doc.blogspot.com/'>Raymond</a> ||</div>
</h1>
</div>

<b:else/>
<div id='badan-besar'>
<div id='kontol-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'>
    <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>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "_blank", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4>
Arena Nyocot</h4>
</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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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='mobile-main' var='top'>
    
    <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'>
            <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;'/>
 
    </div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <data:post.iframeMessage/>
    <b:include data='post' name='iframe_comments'/>
    <data:post.iframeMessage/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <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:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form' style='float:right'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
    <b:else/>
      <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='-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px ridge #fff;box-shadow:inset 0 0 30px #000;padding:10px;margin-left:10px' width='auto'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
<ul id='rp_plus_img' style='height:360px;width:auto;'><script>
var numposts = 20;
var numchars = 100;
</script> <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt'>
</script>
</ul>
</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'>
    <a name='comments'/>
    <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>
<ul id='rp_plus_img'><script>
var numposts = 20;
var numchars = 100;
</script> <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt'>
</script>
</ul>
<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>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
</b:if>
    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

<div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>
</b:if>
    <div class='date-posts'>
      <div class='post-outer'>
        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
</b:if>
          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/>
 
          </div>
<div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>
              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>
<div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
            </div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>
    
    <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>

    <b:include name='nextprev'/>
    
    <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>
<b:includable id='feedLinks'>
</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/>
      <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:2px ridge #fff;box-shadow:0 0 30px #fff,inset 0 0 30px #000;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'>
›</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.allowIframeComments'>
    <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>
<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'>

<a name='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'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
<data:comment.body/>
                </p>
</b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
              </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'/>
</div>
</div>
<div class='tempikmu'>
|| <a href='http://archive-doc.blogspot.com/'><img border='0' height='20' src='http://i1206.photobucket.com/albums/bb455/binkbenk/homes.png' width='20'/></a> | Copyright 2013 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Created By : <a href='http://archive-doc.blogspot.com/'>Raymond</a> ||
</div>
</b:if><script src='https://sites.google.com/site/cuerosbhelatos/ngakak.js' type='text/javascript'/></body></html>

Sliding Style Template

0 comments:

Post a Comment

SUBSCRIBE US

Live Traffic Feed