Rabu, 19 Desember 2012
Bima4rt - Pagi semua sahabat Bima4rt, kali ini Bima4rt ingin berbagi template yang lumayan keren nih gan. Template ini mungkin kloningan dari Cyber4rt makanya Bima4rt namakan Cyber4rt Template. Nah, sebelumnya juga udah pernah Bima4rt berikan template cyber4rt ini di situs bima-cyber4rt.blogspot.com. Namun, template yang sekarang ini akan benar-benar mirip 100 % Cyber4rt gan! Nah, informasi yang Bima4rt dapatkan dari mastemplate kalau dia punya masalah di googlecode nya. Katanya sih dibanned lagi gan, nah untuk itu Bima4rt udah memperbaiki semua javascript yang hilang. Mau Template nya? Baca dulu petunjuknya yaa gan...
Cara Pemakaian:
1. Slider
Isi dengan code HTML berikut
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Tricks?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Tricks?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'>
</div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
Tulisan yang berwarna merah silahkan ganti dengan label and, atau kalau mau otomatis dengan post terbaru, silahkan hapus /-/Tricks
2. Label
Isi ganti dengan label kamu contoh.
