Free Blogger Template MagzNote



Bagaimana Cara Menginstal Template ini ? ( English Version )

SET UP MENU NAVIGASI

ketik halaman "edit html"
cari kode seperti dibawah ini :

<div class='menu-1-container' id='mainmenu'>
<ul class='menu' id='menu-1'>
<li class='current_page_item'><a href='/'>Home</a></li>
<li><a href='#'>About</a>
<ul class='sub-menu'>
<li><a href='#'>test1</a>
<ul class='sub-menu'>
<li><a href='#'>Test4</a></li>
</ul>
</li>
<li><a href='#'>Test3</a></li>
</ul>
</li>
<li><a href='#'>themes</a></li>

<li><a href='#'>Advertise</a></li>
<li><a href='/p/test-static-page.html'>Test Static Page</a></li>
</ul>
</div>




Ganti "#" dengan link atau url kamu
Ganti "Teks biru" dengan teks kamu sendiri

SET UP SLIDE FEATURE

untuk slide, itu terserah kamu untuk mempergunakannya atau tidak. tapi kalau kamu tertarik dan ingin mencobanya, kamu bisa lakukan langkah nya seperti berikut ini :

untuk menambahkan fitur slide, kamu hanya pergi ke "elemen halaman" kemudian "tambah gadget" (lihat gambar di bawah) pilih "HTML/Java script" copy kode di bawah ini, kemudian paste



<div id="slider-wrap">
<script type='text/javascript'>
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = false;
var numchars_gal = 150;
var numposts_gal = 10;
function showgalleryposts(json) {

document.write('<div class="slider-wrap">');
document.write('<div id="main-photo-slider" class="csw"><div class="panelContainer">');
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if("content"in entry_gal){
var postcontent_gal=entry_gal.content.$t;
}

s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src="", a);
c = s.indexOf(""", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d;
}
else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
var _no=i+1;
document.write('<div class="panel" title="'+posttitle_gal+'">');
document.write('<div class="wrapper">');
document.write('<a href="'+ posturl_gal + '"><img src="'+thumburl_gal+'" alt="temp" width="620px" height="270px"/></a>');
document.write('<div class="photo-meta-data"><span>'+posttitle_gal+'</span><br>');
var re = /<S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
}
else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0,quoteEnd_gal);
document.write(postcontent_gal + '...');
}
}
document.write('</div>');
document.write('</div>');
document.write('</div>');
}
document.write('</div>');
document.write('</div>');
for (var i = 0; i < numposts_gal; i++) {
if (random_posts == true){
var random_int = Math.floor(Math.random()*json.feed.entry.length);
var entry_gal = json.feed.entry[random_int];
}
else{
var entry_gal = json.feed.entry[i];
}
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if("content"in entry_gal){
var postcontent_gal=entry_gal.content.$t;
}

s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src="", a);
c = s.indexOf(""", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d;
}
else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
<!-- Note this caption is before the image, all others it is after -->
var _no=i+1;
if (_no==1){
document.write('<a href="#'+_no+'" class="cross-link active-thumb"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="30px" height="20px" />'+posttitle_gal+'</a>');
document.write('<div id="movers-row">');
}
else{
document.write('<div><a href="#'+_no+'" class="cross-link"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="30px" height="20px"/>'+posttitle_gal+'</a></div>');
}
}
document.write('</div>');
document.write('</div>');

}
</script>
<script style="text/javascript">
var numposts_gal = 7;
var numchars_gal = 300;
var random_posts = false; // random posts
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>



var numchars_gal = 300; <- Jumlah karakter ringkasan.
random_posts var = false; <- set "benar" untuk posting acak

Jika kamu ingin berlangganan artikel gratis Masukan Email Kamu Disini:

Photobucket

SponsoredFeedBurner

Baca Juga Yang Berhubungan Di Bawah

Artikel Terkait



3 comments:

vendy 24 Februari 2012 17.58  

keren sob templatenya. ane sedot dulu dech, mau coba

Blogger Sorong 28 Februari 2012 20.27  

mantap themesnya.. tutornya juga komplit dan jelas... makasih masgan.... :-p

Xwaru 30 Maret 2012 15.38  

Many thank for sharing

Poskan Komentar

Terima Kasih sudah Berkomentar Di Blog ini..!!!

  © Blogger templates The Professional Template by Ourblogtemplates.com 2001

Back to TOP  

twitter gif