setting templateSetelah 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
Setting Adamz Premium Blogger Template

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

Setting Adamz Premium Blogger Template
 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)
Setting Adamz Premium Blogger Template
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
Setting Adamz Premium Blogger Template
 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
Setting Adamz Premium Blogger Template
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

Setting Adamz Premium Blogger Template
Tambahkan HTML/Javascript berikut:
<div id="rcentcomnets"></div>
<script type='text/javascript'>
RecentComments();
</script>

JSON Search Result
Setting Adamz Premium Blogger Template
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
Setting Adamz Premium Blogger Template
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
Setting Adamz Premium Blogger Template
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
Setting Adamz Premium Blogger Template

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.

Loading...
 
Top