My.Archive Documents: Rocket Dock Template

Berikut ini adalah Rocket Dock Template Sobat, merupakan style template yang saat ini saya pakai. Namun dalam template yang saya share kali ini ada beberapa fitur tambahan yang mungkin lebih bagus dari yang saya pakai saat ini. Untuk style homepagenya bisa sobat lihat pada gambar diatas, dan untuk melihatnya dalam ukuran penuh silahkan di klik (klik image to see in large size 1024 x 768). Dengan menggunakan perpaduan warna yang 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. Lalu kenapa Tempalte ini saya beri nama Rocket Dock Template ? Karena Style Home Page nya sedikit mirip dengan Menu Rocket Dock pada Windows XP / Windows seven.

Namun dengan menggunakan template semacam ini 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 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 :

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.

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

Cara Pemasangan Template :

Klik Link Downloadnya dibawah ini
Klik Link "cara pasang template.txt" dulu untuk melihat cara pemasangannya.
Klik Link "Rocket dock Template.txt" untuk melihat kode templatenya.
Masuk ke Edit HTML (jangan lupa kasih tanda centang Expand Template Widget)
Copy Kode Rocket Dock Template dan Pastekan kedalam Template Blog Sobat, Edit dulu LInk FaceBook, Buku Tamu and Guest Book.
Lalu simpan, Perhatikan waktu penyimpanan ada info yang bertuliskan Template berikut tidak berisi/memuat widget (Atributte, Navbar, Header, dll) pilih saja "HAPUS WIDGET"

Kekurangan dari template ini :

Not support dengan browser IE (tampilan Beranda hancur kalau dilihat dengan Internet Explorer).
Tanpa header dan sidebar juga footer pada posting area (namun loading enteng).
Tidak dapat ditambahkan Widget default blogspot, pada sidebar.
Untuk membuat link full archive, caranya silahkan lihat disini (Create Auto Site-Map)

Oke Sobat semua (Mas Brow atau pun juga Mbak Brow) apabila penasaran (asal jangan kesurupan) pengen memakai dan menggunakan Rocket Dock Template 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 Source Nya.. Dan bagi sobat semua yang ternyata demen dan pengen mencobanya langsung saja Copy Code Nya Di Bawah Ini .Oke sobat cukup sekian share dari saya tentang Rocket Dock Template ini, semoga bisa sedikit bermanfaat buat sobat semua.

Selamat Mencoba Semoga Bermanfaat

COPY SOURCE CODE

<?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'/>
  <link href='http://i838.photobucket.com/albums/zz302/raymond_085/search-icon_zps7043caca.png' rel='shortcut icon'/>
<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'/>
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'/>
<link href='https://sites.google.com/site/cuerosbhelatos/body-dock.css' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[
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;
}
]]></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;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 Audiowide;color:#fff;text-transform:uppercase;display:block;padding:0 15px 0 0;
}
#kontol-besar{margin-top:20px;padding:10px;
}
#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{width:940px;margin:0 auto;padding:10px;
}
h3:first-letter{font-size:30px;
}
h3{text-align:center;font-size:30px;
}
#main .post-body{position:relative;padding:10px;border-bottom:5px solid;font:bold 20px Poiret One, cursive;
}
#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;
}
.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:-30px 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,.2);padding:2px 100px 2px 100px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:30px;border:6px double;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;display:inline-block;
}
.cocot:hover{background:#f00;
}
.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;
}
/*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/dock-style.css' rel='stylesheet' type='text/css'/>
</b:if>
</head>
<body>
<b:if cond='data:blog.pageType == "item"'>
<div id='tempik'>
<ul><a href='https://twitter.com/RaYMonD_QT'>Follow Me</a></ul>
<ul><a href='http://doc-ephphatha.blogspot.com/p/quest-book.html'>Quest Book</a></ul>
<ul><a href='/search/label/max-result=5'>New Post</a></ul>
<ul><a href='http://archive-doc.blogspot.com/'>Archive</a></ul>
<ul><a expr:href='data:blog.homepageUrl'>Home</a></ul>
<ul><a href='http://doc-ephphatha.blogspot.com/p/blog-page.html'>Hacker Zone</a></ul>
<ul><a href='http://doc-ephphatha.blogspot.com/p/contact-me.html'>Contact Me</a></ul>
</div>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<ul id='lefdock'>
<li class='home'><a class='toltip' href='http://ephphathaindonesia-net.blogspot.com/'><span class='tooltip'><span class='top'/><span class='middle'>Home Page</span><span class='bottom'/></span></a></li>
<li class='isi'><a class='toltip' href='/search/label/max-result=5'><span class='tooltip'><span class='top'/><span class='middle'>New Post</span><span class='bottom'/></span></a></li>
<li class='fb'><a class='toltip' href='https://www.facebook.com/franky.raymond.jacob'><span class='tooltip'><span class='top'/><span class='middle'>My Facebook</span><span class='bottom'/></span></a></li>
<li class='quest'><a class='toltip' href='http://doc-ephphatha.blogspot.com/p/contact-me.html'><span class='tooltip'><span class='top'/><span class='middle'>Contact Me</span><span class='bottom'/></span></a></li>
<li class='follow'><a class='toltip' href='http://doc-ephphatha.blogspot.com/p/quest-book.html'><span class='tooltip'><span class='top'/><span class='middle'>Quest Book</span><span class='bottom'/></span></a></li>
</ul>
<div class='nice'>
Ephpatha Indonesia</div>
<h1>
<a href='/'><data:blog.title/></a></h1>
<div id='thempik'>
<div id='sikil'>
        
<div style='float:left;left:10px'>
®Copyright 2013 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> 
</div>
<div style='float:right;right:10px'>
Template Created By : <a href='http://syber-hacker-net.blogspot.com/'>Raymond Hacker</a></div>
</div>

</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='Blog Posts' type='Blog'>
    <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:include name='feedLinks'/>
    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4>
Arena Nyocot</h4>
</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='commentDeleteIcon' var='comment'>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<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.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <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='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='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>
<div class='clear'/>
</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='postQuickEdit' var='post'>
</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='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='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='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='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:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + "_select"'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>▼</span>

<b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
        </b:loop>
      </ul>
</b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>

<div class='clear'/>
</div>
</div>
<div class='tempikmu'>
  <a href='http://doc-ephphatha.blogspot.com/'><img border='0' height='20' src='http://i1206.photobucket.com/albums/bb455/binkbenk/homes.png' width='20'/></a>Copyright 2013 Template Created <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Autor Admin By : <a href='http://syber-hacker-net.blogspot.com/'>Raymond Hacker</a>
</div>
</b:if><script src='https://sites.google.com/site/cuerosbhelatos/ngakak.js' type='text/javascript'/></body></html>

DEMO ROCKET DOC TEMPLATE

ROCKET DOC TEMPLATE

Windows 7 Template

Rocket Dock Template

0 comments:

Post a Comment

SUBSCRIBE US

Live Traffic Feed