Oia pada kesempatan kali ini, utta ingin share lagi nih, yaitu cara 'membuat random posts ala galery image [Bookflip]', yang jelas tutorial yang akan saya berikan kli ini beda dari biasanya dari temn2 blogger sering share diblog mereka, mungkin yang biasa kita jumpai dibeberapa blog teman 'random post thumb'random post lengkap dgn tgl'dsb......! pokoknya seperti itulah.hohooo,..
dan karena berhubung utta jg blm pernah membahas tutorial mngenai random posts, nah ini kesempatan saya untuk menshare kepada tmn2 bgmna membuat random post ala utta tentunya.ckckkkk,..
Baiklah tdk usah byk ngomong, untuk screenshoots dan demonya sobat bisa lihat dibawah ini:
Jika masih kurang puas, silahkan lihat demonya klik disini....
gimana??? mau mencoba.... yaaa wlau tutorial ini kurang bgus sih :(( , tp gpp lah, asal yg mau ajj siapa yg mau coba...... silahkan ikuti langkah berikut :
1. Seperti biasa Login Ke Akun Blogger Anda
2. Lalu Pilih Rancangan ===> Tambah Gadget ===> HTML / Java Script
3. Lalu Copy & Paste Kode di bawah ini:
<script type="text/javascript">4.Terakhir Save, dan Lihat hasilnya.
// 7 variables to control behavior
var Book_Image_Width =232; // Lebar Images
var Book_Image_Height =335; // Tinggi Images
var Book_Border =true;
var Book_Border_Color ="gray"; // Warna Border
var Book_Speed =10; // Kecepatan
var Book_NextPage_Delay =1500; // 1 second=1000
var Book_Vertical_Turn =0; // please not edit
// variables for content
var random_posts = true; // random posts
var numposts_gal = 20; // jumlah posts
</script>
<div id="Book" style="position:relative"><img src="http://picturestack.com/899/966/9kLakauttavZQ.gif" width="232" height="335" /></div><script src="http://ut2a-4down-blogspot-com.googlecode.com/files/galerypost-akaUTta.js" type="text/javascript"></script><script src="http://ut2a-4down-blogspot-com.googlecode.com/files/akaUTtabookflip.min.js" type="text/javascript"></script><script src="http://ta-movie87.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">ImageBook();</script>
KET::
- Teks yang saya beri warna diatas, Silahkan Rubah sesuai keinginan masing2, dan harap tidak merubah apapun yang saya tidak beri warna.- dan yang paling penting jika merubah angka lebar dan tinggi gambar, harap angkanya disamaain semua. pada image bagian dibawah. :D
Semoga Bermanfaat ya all :D dan
Selamat Mencoba!!
Posting Komentar