Cara Membuat Widget Popular Posts Keren Animasi 3 Dimensi

Cara Membuat Widget Popular Post Animasi 3 Dimensi


Membuat Widget Popular Posts Dengan Animasi 3 Dimensi - Widget Popular Posts dapat mempercantik tampilan dari sebuah blog, meskipun blog itu sederhana sekalipun.

Widget Popular Post


Para blogger pasti mengidam-idamkan memiliki blog dengan tampilan keren, khususnya para penggiat blog yang masih baru. Umumnya blogger newbie masih bingung mengenai cara membuat tampilan blognya lebih menarik.

Membuat desain blog jadi lebih keren bisa dilakukan dengan banyak cara.

Bagi para blogger pengguna blogspot, salah satu cara untuk membat desain blog yang menarik dan sumriwah salah satunya adalah membuat/memasang widget.

Baca Juga :


Apa Itu Widget Popular Blog Post

Widget adalah fitur tambahan untuk memberikan sejumlah informasi tentang blog anda. Widget blogspot punya banyak macam dan jenis. Anda bisa melihat macam-macam widget blogger/blogspot melalui tampilan Layout dari Dashboard blogspot. Anda bisa memasang widget tersebut di elemen-elemen baik di halaman utama, sidebar maupun footer.

Salah satu widget blog blogger paling sering dipasang di blogspot adalah widget Popular Post.

Cara Membuat Widget Populer Post Animasi

Widget Popular Post merupakan fitur blog yang dipasang untuk memberikan daftar judul postingan/artikel yang paling populer. Paling populer di sini adalah paling sering dikunjungi.

Bila sebelumnya Googelio telah memposting tutorial atau tips membuat widget popular post warna warni keren yang bisa bikin blog menjadi lebih menarik, maka kali ini akan dibahas mengenai topik serupa tapi syle berbeda, yaitu widget popular post dengan animasi 3 dimensi keren.

Namun membuat widget popular post keren dengan animasi 3 dimensi ini membutuhkan pengetahuan dan pemahaman tentang koding (coding). Oleh karena itu, anda perlu seorang teman yang paham mengenai bahasa coding. Atau bisa bertanya di forum tutorial blogger, contohnya Group Blogger Indonesia di facebook.


Membuat Widget Blog Keren Popular Post Animasi 3 Dimensi di Blogspot.


  • Log in ke blog anda > Design >Add gadget baru pada elemen, jangan lupa pilih HTML / Javascript (bebas ditaruh dimana saja, karena hanya untuk penempatan Css dan koda javascript saja )
  • Copy kode atau script berikut dan paste pada gadget tadi kemudian save ( tidak perlu judul ).

<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://script-bamz-us.googlecode.com/files/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/popularcube.js"></script>


  • Sekarang masih pada halaman Design.. Silahkan add Gadged baru lagi dan pilih gadget popular post ( penempatannya terserah anda, bisa pada sidebar kanan atau kiri dan bawah ) kemudian save dan lihat hasilnya.

Pertimbangan Untuk Membuat/Memasang Widget Blog Di Blogspot

Bagi blogger pemula, beberapa hal yang perlu dipertimbangkan untuk membuat desain blog jadi lebih menarik antara lain yaitu :

Menambahkan widget Popular Post sangat membantu memberikan informasi terkait topik paling viral atau paling sering dikunjungi di blog anda.

Menambahkan widget secara umum bisa menambah daya tarik bagi pengunjung bila didesain dengan kreatif dan keren

Tapi Widget blog bukanlah segalanya. Ingat, membuat/memasang widget secara berlebihan akan membuat volume blog jadi lebih berat, dan berpengaruh terhadap waktu loading konten secara keseluruhan. Masalah ini juga akan mempengaruhi minat visitor untuk berlama-lama di blog.
Buat/pasanglah widget seperlunya saja. Kecuali anda sudah tahu trik untuk mempercepat loading blog dan mengkompres blog, anda bisa membuat/menambahkan widget blog apa saja di blog anda.

2 komentar

  1. waahhh ijin c0ba dlu gan..
    makasi sbelummnya ^_^




    ehh follow back di blogku yah ^_^

    http://thalp0uz.blogspot.com

    BalasHapus
  2. trims udah mampir gan...saya udah follow blog agan...smoga blog saya juga difollow ya, hehehe...

    BalasHapus