Home » » Cara Membuat Animasi 3D Popular Posts

Cara Membuat Animasi 3D Popular Posts


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


Berikut Cara Pembuatannya:
  1. Login/Masuk Ke Akun Blogger Anda.
  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.
Share this video :

0 komentar:

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. BELAJAR KOMPUTER - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger