Home » » Cara Membuat Animasi 3D Popular Posts

Cara Membuat Animasi 3D Popular Posts

Written By Unknown on Saturday, October 13, 2012 | 3:36:00 PM

Animasi 3D Popular Post adalah sebuah Widget untuk Blog yag menampilkan beberapa artikel atau postingan paling populer dengan tampilan Animasi 3D Cube dan yang pasti akan membuat Blog sobat semua lebih cerah dan menarik.



Berikut Cara Pembuatannya:
  1. Login/Masuk Ke Akun Blogger Sobat.
  2. Masukah pada Rancangan dan pilih yang Edit HTML.
  3. Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
  4. Carilah Kode </head> Pada Kode HTML Tempalte Sobat
  5. Bila sudah ketemu silahkan Sobat Taruh Kode berikut tepat diatasnya.

    <style type="text/css">
    .cube { width: 250px; height: 250px;}
    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://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/imagecube.js"></script>
    <script type="text/javascript" charset="utf-8">
    $(function () {
    $('.popular-posts ul').abupopularcube();
    });
    </script>
    <script type="text/javascript" src="http://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/popularcube.js"></script>

  6. Keterangan:

    • Kode Berwarna Biru adalah Kode untuk Menentukan Tinggi dan Lebar Animasi Gambar Popular Post Tersebut.

  7. Selanjutnya Simpan Template.
  8. Sekarang Silahkan Sobat Masuk Pada Rancangan dan Pilih Elemen Laman.
  9. Klik Tambah Gadget Baru dan pada menu silahkan sobat pilih Gadget Popular Posts atau Entri Populer.


  10. Selanjutnya Silahkan Sobat Atur Konfigurasi Widget Tersebut Dan Pastikan Thumbnail Gambar Sudah Tercentang.


  11. Terakhir Simpan Widget Tersebut Dan Lihat Hasilnya.
Cetak Halaman Ini Cetak Halaman Ini
Share this article :

Post a Comment

Yang Sudah baca Artikel Ini, Wajib koment Ya..!!

 
Support : Creating Website | Johny Template | Mas Template
Di Modifikasi Ulang Oleh : Beben Iskandar | Motekar Karya
Copyright © 2011. Belajar Komputer Online - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger