Cara Membuat Widget Popular Posts Keren Animasi 3 Dimensi

01 Mei

Membuat Widget Popular Posts Animasi 3 Dimensi - 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 Blog Menarik Dengan Widget Popular Post

Widget Popular Post

Membuat desain blog jadi lebih keren bisa dilakukan dengan banyak cara. Bagi para blogger pengguna blogspot, salah satu cara untuk membuat desain blog yang menarik dan sumriwah salah satunya adalah membuat/memasang widget.

Baca Juga : Cara Membuat Homepage Blog Hanya Judul Postingan Saja

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.

Baca Juga : Cara Membuat Recent Post 1 Thumbnail Ala Blog Teknoplug

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 Cara 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.

.

Baca Juga : Cara Test Kecepatan Akses Internet

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.

Langkah-Langkah Membuat Widget Popular Post 3 Dimensi di Blogspot

Nah, bila tertarik menggunakan widget popular post keren animatif di blogspot kamu, coba ikuti langkah-langkahnya berikut ini.

  • 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.

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.

Itulah Cara Membuat Widget Popular Posts Animasi 3 Dimensi di blogspot. Selamat mencoba.

Share this

Related Posts

Previous
Next Post »

3 Comments

Write Comments
13/6/13 21:09

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




ehh follow back di blogku yah ^_^

http://thalp0uz.blogspot.com

avatar
15/6/13 00:17

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

avatar
4/12/21 01:36

Ijin pake boleh y min Script ?

avatar