Pasang Random Post (Galery Image Bookflip) Uniqx ala Utta'

MET Subuh All,.. btw, da makan sahur belum nih..hehee,..
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">
 // 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>

4.Terakhir Save, dan Lihat hasilnya.

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!!

Berbagi :