Cara Setting Adamz Premium Blogger Template

Setelah sebelumnya Bangiz berbagi Adamz Blogger Template, Berikut ini adalah cara setting template tersebut. Pastikan Anda sudah dowload templatenya disini. Untuk tutorial cara mengganti template, kalau belum tahu silahkan baca cara mengganti template Blogger.

Begitu juga cara menambahkan kode HTML/Javascript, bisa baca cara menambahkan kode HTML/JavaScript di Blog. Selengkapnya berikut merupakan cara pengaturan template Adamz Premium Blogger:

Setting Menu

Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

<ul class='sf-menu' id='menunav'>
  <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Archive</a></li>
  <li><a href='#'>Comments</a></li>
  <li><a href='#'>With Sub Menu</a>
    <ul>
      <li><a href='#'>Sub Menu</a></li>
      <li><a href='#'>Sub Sub Menu</a>
        <ul>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
          <li><a href='#'>Sub Menu</a></li>
        </ul>
      </li>
      <li><a href='#'>Sub Menu</a></li>
      <li><a href='#'>Sub Menu</a></li>
    </ul>
  </li>
  <li><a href='#'>Error 404</a></li>
</ul>

Ganti tanda # dengan link tujuan.

Setting Social Icon

 Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

 <ul>
  <li><a class='fbx' href='#' title='Facebook'>facebook</a></li>
  <li><a class='twix' href='#' title='Twitter'>twitter</a></li>
  <li><a class='goex' href='#' title='Google+'>Google+</a></li>
  <li><a class='linx' href='#' title='Linkedin'>Linkedin</a></li>
  <li><a class='pinx' href='#' title='Pinterest'>Pinterest</a></li>
  <li><a class='drix' href='#' title='Dribble'>Dribble</a></li>
  <li><a class='vmex' href='#' title='Vimeo'>Vimeo</a></li>
  <li><a class='rssx' href='#' title='RSS'>RSS</a></li>
</ul>

Ganti tanda # dengan link tujuan.

Auto Featured Post (Random, Recent, Random by Label or Recent by Label)

Tambahkan HTML/Javascript berikut:

<div id="featpost"></div>
<script type='text/javascript'>
featuredPostSlide({
idcontaint:"#featpost",
MaxPost:5
});
</script>

Default Javascript

featuredPostSlide({
blogURL: "",
MaxPost: 4,
idcontaint: "",           
ImageSize: 500,           
Summarylength: 150,                   
RandompostActive: true,           
pBlank: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",
tagName: false
});

Halaman Error

 Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

<div class='error-custom'>
<h2>404 Not Found</h2>
<p class='error-body'>We&#39;re sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.</p>

<p>You can try searching page again or go back to home</p>

<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</div>

Navigasi Halaman

Untuk merubahnya dengan Load More Post ajax, berikut tahapannya:
Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

loadMorePost ({
thumbnailSize:200,
summaryLength:300
});

Ganti dengan

PageNavi ({
pageCount:6,
displayPageNum:3
});

 Widget Komentar Terbaru

Tambahkan HTML/Javascript berikut:

<div id="rcentcomnets"></div>
<script type='text/javascript'>
RecentComments();
</script>

JSON Search Result

Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

searchxx({
blogURL:"",
srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
findText:"Search results for keyword",
NotfindText:"No result!",
Showthumb:true,
LoadingText:"Searching...",
summaryLength:100,
scrthumbSize:50
});

Emoticon

Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});

Latest News

Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:

 NewsTicker();

Kode Javascript lengkap untuk memanggil JSON Search Result adalah berikut ini:

NewsTicker({
blogURL:"",
MaxPost:4,
Speed:0.1,
titleText:"Latest News"                       
});

Kustomisasi Tema

Dalam kustomisasi ini, Anda bisa mengatur warna, ukuran huruf, jenis huruf, background, header, sidebar, footer dan sebagainya. Dari Dasbor Blogger > Template > Sesuaikan. Demikian cara setting Adamz Premium Blogger template. Berikan komentar Anda apabila ada yang kurang mengerti dan bagikan melalui sosial media yang tersedia.