Cara Mudah Membuat Tampilan Popular Post Bulat Berubah dengan Animasi Kotak

Tutorial Blog: Cara Mudah Membuat Tampilan Popular Post Bulat Berubah dengan Animasi Kotak

Salam Saungjiwa Blog teman teman blogger semuanya, kali saya mencoba sharing artikel dari mas Zel Afriad, tentang cara membuat Tampilan Popular Post menjadi keren. Saya telah menerapkannya untuk blog saungjiwa ini, mungkin para sahabat blogger tertarik juga untuk menerapkannya di blog sobat. 

 

Langsung saja cara membuatnya :

1. Login akun blogger sobat.
2. Menuju Ke menu Tata Letak
3. Sebelumnya Tambahkan Widget Popular Post Terlebih Dahulu pada blog sobat dengan cara Klik Menu Tata letak, Tambah Gadget, Popular post / Entri Popular, Pilih 7 Hari Terakhir, Centang Thumbnail gambar Dan Jangan Centang Cuplikan ! Jika sudah, simpan
4. Kemudian, Tambah gadget kembali, Pilih Html Javascript.
5. Masukan Semua kode dibawah ini.     

<style> .PopularPosts .item-title { display: none; } .PopularPosts ul li { background: none repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 3px !important; padding: 0 !important; } .PopularPosts ul li img { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #3e78b3; -moz-box-shadow: 0 1px 1px #3e78b3; box-shadow: 0 1px 1px #3e78b3; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -o-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; } .PopularPosts ul li img:hover { padding: 3px; border-radius: 5px; -o-transform: scale(1.2) translate(0px); -moz-transform: scale(1.2) translate(0px); -webkit-transform: scale(1.2) translate(0px); -o-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -moz-box-shadow: 0px 0px 50px #555555; -webkit-box-shadow: 0px 0px 50px #555555; box-shadow: 0px 0px 50px #555555; } </style>
     6. Dan kemudian simpan, dan lihat hasilnya.

 

Semoga Membuat tampilan blog sobat menjadi lebih keren dapat bermanfaat, Salam Saungjiwa blog  :) 

 

Discl:

Blog ini berisi Artikel yang merupakan artikel dari Tahun 2013 lalu, namun dalam prakteknya masih dapat digunakan ataupun bisa juga tidak dapat digunakan pada era jaman sekarang Setelah di Perbaharui Kembali. Kalau teman teman blogger penasaran trik dan tips jadul ini, silahkan dicoba.  

• Khusus Artikel Game dan Aplikasi, untuk  link unduhan/download akan saya perbaharui sesuai yang disarankan oleh peraturan T.O.S Google tahun ini. Dan juga bisa saya link-kan pada situs lain (bisa situs resmi atau situs yang menyediakan) yang berhubungan dengan artikel tersebut. Terimakasih.

- Gambar diambil dari mana saja saat itu.

Demikianlah artikel saya tentang "Cara Mudah Membuat Tampilan Popular Post Bulat Berubah dengan Animasi Kotak" Semoga dapat diambil manfaatnya untuk para pengguna blogger semuanya. Akhir kata saya ucapkan terimakasih telah berkunjung ke Saungjiwa Blog ini, semoga teman teman semua dapat berkreasi dengan tutorial yang saya tampilkan. 🙏 

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...