Ada kalanya juga membosankan, Seperti yang akan saya bagi kali ini adalah sebuah template yang sudah saya modifikasi,bukan membuat atau istilah kebanyakan orang adalah created by bla..bla..bla..
Nama template kali ini adalah penerus template yang pernah saya yang pernah di publish sebelumnya yaitu Panjz Template dan Template kali ini saya berinama Panjz Template #2, Seperti biasa template ini tidak ada yang sepesial.hehehe Untuk lebih jelas nya lihat gambar di bawah ini
DEMO | DOWNLOAD |
Meletakkan Slideshow
Masuklah ke menu Tata Letak kemudian edit halaman HTML/JavaScript yang terletak di bagian atas posting.Salin kode di bawah ini kemudian letakkan di dalam nya.
<div id="s3slider-container">Ganti URL http://nama_blog.blogspot.com/ dengan alamat blog Anda lalu simpan.
<div class="s3slider loading" style="width:420px;height:270px;"> Memuat...
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script> var s3slider_config = { url: 'http://mari-kita-ber.blogspot.com/',
numPost: 7,
labelName: null,
monthArray: [
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember" ],
noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
newTabLink: false, containerId: 's3slider-container', slider: { width: 390, height: 270, timeOut: 4000 } }; </script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script>
Widget Label:
Nah untuk widget label label1 dan video category 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 :
Untuk labelthumbs yang ada di sebelah kanan anda hanya memasukan kode di bawah ini dengan cara tambahkan sebuah elemen halaman HTML/JavaScript
<script type='text/javascript'>var numposts = 6;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script> <script type="text/javascript" src="/feeds/posts/default/-/Rolem?orderby=updated&alt=json-in-script&callback=labelthumbs"></script> <script type="text/javascript"> function recentpostslist(json) { document.write('<ul>'); for (var i = 1; i < json.feed.entry.length; i++) { for (var j = 1; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs var entryTitle = json.feed.entry[i].title.$t; var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script>
ganti label Rolem yang bertanda dengan label yang ada pada blog anda dan angka 6 yang saya tandai adalah jumlah yang akan di tampilkan.
Untuk kotak pencarian
cari kode di bawah ini
<script type='text/javascript'>
//<![CDATA[ var searchFormConfig = { url: "http://mari-kita-ber.blogspot.com/", // URL Blog
numPost: 9999, // Jumlah maksimal temuan summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting summaryLength: 400, // Jumlah karakter ringkasan posting resultTitle: "Hasil penelusuran untuk kata kunci", // Judul hasil pencarian noResult: "No result", // Deskripsi 'tak ditemukan' resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting thumbSize: 40, // Ukuran & resolusi thumbnail fallbackThumb: "http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png" // Fallback thumbnail untuk posting tak bergambar }; //]]> </script>
Ganti Url http://mari-kita-ber.blogspot.com/ dengan URL blog anda
Mungkin hanya itu saja yang perlu di rubah, jika ada yang kurang paham silakn isi form komentar dan sebisa mugkin saya akan menjawabnya,tapi mohon maaf saya tidak bisa membalas langsung,karena hal dan kerjaan saya...
semoga bermanfaat
Terlalu Lebar mas .. :)
BalasHapussengaja mas :D
Hapusmantap banget,, izin yah!
BalasHapusassalamualaikum mas....
BalasHapussaya mw bertanya ni mas, tapi maaf melenceng dari topik...setelah saya baca2 komentar di blognya maskolis saya lihat mas juga sering muncul disana..jadi saya ingin bertanya,,,kenapa di blog saya tampilan artikel nya makin lama makin sedikit, padahal di settingannya saya buat 9 post..sekarang hanya tampil 4 post...mohon bantuannya mas...
ini blog saya mas...
http://www.allaboutminangkabau.com/
keren mas panj..ijin share ya..
BalasHapusketemplate.com - free blogger template
Wah ... keren masbro .
BalasHapusBlogwalking ...
Asli kereeen bgt mas (y)
BalasHapusaku ijin download ya mas :)
Maaf Kang,kenapa setelah tempalte ini dipasang kok ada yang minta nama pengguna dan sandi, harus gimana ya, soalnya sebelumnya tak ada register, duka tapi..cobu waler nya..diantos
BalasHapusbuat #Otang K.Baddy ada javascript yng udah rusak.. itu harus di ganti,dan mohon maaf belom saya perbaiki,atau mas bisa buang di pengaturan template dan cari " http://reader-download.googlecode.com" atau yang menyerupai..yang saya tau yang berhubungan mas kalau ga salah juga javascript ni juga bermnasalah "http://reader-download.googlecode.com/svn/trunk"/s3Slider.js'
BalasHapusMas,saya pakai template mas yang di maskolis,tpi kenapa postingan blog saya jadi full ga hanya kilasan seperti pada blog demo..saya pke untuk blog saya phoniexblog.blogspot.com tolong di cek dan balas via email saya alfarisybey84@gmail.com trims
BalasHapusmaksudnya saya pakai template mas untuk blog saya http://phoniexblog.blogspot.com
BalasHapusTolong bantuanya mas biar postinganya ga full.
nanti saya cek mas paling malam soalnya saya pake ho ol nya..
Hapus