Cara Membuat Slide Show 3D di Blog (HTML 5)

Posted on Jan 21, 2013

Slide Show 3D -Blog Netfori

Oke kali ini saya akan share cara membuat slide show dengan menggunakan pengembangan dari HTML 5. Slide Show ini berjenis 3D. Memberikan kesan berbeda dari slide show lainnya. Untuk Demonya silahkan lihat web di bawah ini:
Slide Show 3D -Blog Netfori
Bagi yang tertarik, berikut langkah-langkahnya:

1. Seperti biasa masuk ke akun blog anda.
2. Masuk ke Template => Edit HTML => Expand Widget
3. Cari <head>, lalu masukkan kode dibawah ini tepat di bawah kode <head>

<link href="http://www.script-tutorials.com/demos/252/css/main.css" rel="stylesheet" type="text/css" /> <script src="http://yourjavascript.com/24175431111/script.js"></script>
 4. Setelah selesai masukkan kode berikut tepat di bawah kode <body> 
<canvas id="slideshow" width="1500" height="500"></canvas>
5. Simpan Template, selesai.

Tutorial ini memang sangat mudah, tetapi memberikan hasil maksimal. Untuk gambar yang ingin dirubah, masih harus mengganti java scriptnya terlebih dahulu. Tidak bisa langsung lewat Edit HTML. Bila sobat ingin/dapat mengembangkan lebih lanjut, sangat dianjurkan. Terimakasih.
Di-edit, diterjemahkan, dan dikembangkan oleh "Blog Netfori"dari "script-tutorials.com".

Artikel Terkait :



Bagi yang merasa artikel ini menarik, dan ingin menyebarluaskannya dimohon bagi siapa pun yang ingin mengutip diwajibkan untuk mencantumkan kode link di bawah ini. Hargailah karya cipta orang lain. Terimakasih.