Header Ads

Breaking News
recent

Panjz Template

Sebenarnya saya buat posting ini lagi gada ide apa lagi bahan buat posting..hahha
dari pada ga update mending saya posting hahahh..lagi dah xixixi.

Postingan kali ini saya mau bagi Template editan saya,sebenarnya ini template sudah di publikasikan sama maskolis di sini.. xixixi
Blog ini hasil modifikasi dari template Johny Kena Banned
dengan sedikit perbedaan dimana kalau johny kena banned hampir sama dengan salah satu situs nasional, nah kalau template panjz template hampir menyerupai situs nasioanal..? lah..sama aja iah..heheh,tp disini memmang berbeda.sedikit saya bedakan biar ga terlalu mirip banget,ntar kena hak cipta lagi .hihihi

panjz template
DEMO | DOWNLOAD

DEMO | DOWNLOAD


untuk jeniss template ini ber kelamin magazine dan memiliki banyak fitur serta javascript yang di pake dengan otomatis resiko nya blog semakin agak berat.
Ok tanpa panjang lebar apa lagi panjang tangan saya langsung aja.

SLIDER

Untuk slider saya memakai dari template jhony prett
Untuk memasang slider ini, cari kode berikut di Edit HTML (jangan lupa centang expand widget templates) :

<ul id='sliderTimer'>
<li class='sliderTimer-item active' id='mas-1' ref='pariwisata' style='background: none'>
<script> document.write("<script src=\"/feeds/posts/default/-/wisata?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script></li>
<li class='sliderTimer-item active' id='mas-2' ref='News' style='background: none'>
<script> document.write("<script src=\"/feeds/posts/default/-/news?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script></li>
<li class='sliderTimer-item active' id='mas-3' ref='Ekonomi' style='background: none'>
<script> document.write("<script src=\"/feeds/posts/default/-/wisata?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script></li>
<li class='sliderTimer-item active' id='mas-4' ref='Olahraga' style='background: none'>
<script> document.write("<script src=\"/feeds/posts/default/-/news?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script></li>
</ul> 

 ket:  untuk yang berwarna merah adalah judul dari label
untuk yang berwarna biru adalah label yang harus anda ganti dengan lebel anda sendiri (besar kecilnya huruf harus sama dengan yang ada di web anda)
Silahkan ganti dengan judul dan label yang Anda inginkan.ata baca lagi atikel dr maskolis di sini http://www.maskolis.com/2013/02/template-blogger-super-genit.html

Widget Label:

Nah untuk widget label dari label atas ,label1, label2, label4 sampai label 10 Anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut, perlu diingat besar kecil huruf harus sama dengan label yang sudah dibuat. Seperti contoh gambar di bawah :





Reply Komentar

Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :blogID=2155162152840313264
kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda

Untuk mengganti News Ticker atau headline News yang ada di bawah navigasi anda tinggal cari URL : http://panjz-online.blogspot.com/ setelah ketemu ganti dengan URL blog anda

Jika anda ingin memakai tanggal sperti contoh di blog demo
copy kode di bawah lalu taro tepat di bawah kode <div class='page-menu'>
<div style="float: left; font: bold 12px Arial; margin-left: 12px; margin-top: 10px; padding: 0px; text-align: right;"> <script type="text/javascript"> dispDate(0); </script>
Untuk js nya simpan di atas kode </head>
function dispDate(dateVal) { DaystoAdd=dateVal TodaysDate = new Date(); TodaysDay = new Array('Minggu', 'Senin', 'Selasa','Rabu', 'Kamis', 'Jum'at', 'Sabtu'); TodaysMonth = new Array('Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'); DaysinMonth = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31'); function LeapYearTest (Year) { if (((Year % 400)==0) || (((Year % 100)!=0) && (Year % 4)==0)) { return true; } else { return false; } } CurrentYear = TodaysDate.getYear(); if (CurrentYear < 2000) CurrentYear = CurrentYear + 1900; currentMonth = TodaysDate.getMonth(); DayOffset = TodaysDate.getDay(); currentDay = TodaysDate.getDate(); month = TodaysMonth[currentMonth]; if (month == 'February') { if (((CurrentYear % 4)==0) && ((CurrentYear % 100)!=0) || ((CurrentYear % 400)==0)) { DaysinMonth[1] = 29; } else { DaysinMonth[1] = 28; } } days = DaysinMonth[currentMonth]; currentDay += DaystoAdd; if (currentDay > days) { if (currentMonth == 11) { currentMonth = 0; month = TodaysMonth[currentMonth]; CurrentYear = CurrentYear + 1 } else { month = TodaysMonth[currentMonth+1]; } currentDay = currentDay - days; } DayOffset += DaystoAdd; function offsettheDate (offsetCurrentDay) { if (offsetCurrentDay > 6) { offsetCurrentDay -= 6; DayOffset = TodaysDay[offsetCurrentDay-1]; offsettheDate(offsetCurrentDay-1); } else { DayOffset = TodaysDay[offsetCurrentDay]; return true; } } offsettheDate(DayOffset);TheDate = DayOffset + ', '; TheDate += currentDay + ' '; TheDate += month + ' '; if (CurrentYear<100 data-blogger-escaped-currentyear="" data-blogger-escaped-document.write="" data-blogger-escaped-hedate="" data-blogger-escaped-pre="" data-blogger-escaped-thedate="">

atau  akalau ga mau pusing pasng nya pake yang ini,dan letakan di atas kode </head>
<script src='http://panjz-online.googlecode.com/files/jam.js' type='text/javascript'></script>
Jika anda tertarik silakan menuju link demo dan download..ya mudah-mudahan aja berguna buat anda..heheh

semoga bermanfaat.

Tidak ada komentar:

Diberdayakan oleh Blogger.