Berikut ini adalah cara setting template tersebut. Pastikan Anda sudah dowload templatenya.
Setting Menu
Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:
<ul class='sf-menu' id='menunav'>Ganti tanda # dengan link tujuan.
<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>
Setting Social Icon
Dasbor Blogger > Pilih Template > Pilih Edit HTML > Cari kode berikut:
<ul>Ganti tanda # dengan link tujuan.
<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>
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'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'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 == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = "";}' 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.
0 Response to "Cara Setting Adamz Premium Blogger Template"
Post a Comment