Random Posts

Monday, November 28, 2011

Cara Nak Buat Popular Post Dalam 3D

Sebelum ini saya nak buat tutorial Cara Nak Buat Popular Post Dalam 3D, saya ada buat tutorial Cara Nak Buat Popular Post Bergerak/Slide Show. Jadi untuk tutorial kali ini, saya dapat daripada blog abu-farhan. Tutorial bergambar dengan 3D ini nampak lebih smart dan menarik. Jom ikuti tutorial ini.

Step 1:
Masukkan gadget Popular Post ke dalam blog anda.

Step 2:
Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 3 :
Copy kod dibawah dan paste di dalam kotak HTML tersebut dan save.

<style type="text/css">
.cube { width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

Step 4:
Drag kod html tersebut ke bawah gadget Popular Post anda seperti dalam gambar dibawah.
Step 5:
Save !

Selamat Mencuba. Sila komen jika berjaya.

Entri Rakan Blogger