Posted by Aak
Aak-share.com Updated at: 12:59:00 AM

Cara membuat Popular Post Thumbnail Bentuk Gallery

No comments:
Pada kesempatan kali ini saya akan menuliskan cara membuat populer post Thumbnail Grid/Gallery, populer post berbentuk gallery ini lebih menghemat ruang di blog, dan dapat menambah tampilan lebih menarik.


Dengan menggunakan populer post galerry dapat menuntun pengunjung lebih mudah kepada artikel yang dicari, poipuler post Thumbnail Bentuk Gallery berikut ini tidak mengunakan jQuery hanya menggunakan CSS, jadi bila diterapkan pada blog tidak mengurangi kecepatan loding blog. jika anda ingin memerapkannya pada blog berikut ini langkah mudahnya :

Cara membuat Popular Post Thumbnail Bentuk Gallery

1. Anda login keBlogger
2. Klik Template
3. Klik edit Template
4. Selanjutnya anda cari kode ]]</b:skin>
5. Jika sudah anda letakkan kode CSS berikut ini sebelum kode ]]</b:skin>

.sidebar .popular-posts ul li img:hover, .cross2 ul li img:hover {-moz-transform:scale(1.1) rotate(-0deg); -webkit-transform:scale(1.1) rotate(-0deg); -o-transform:scale(1.1) rotate(-0deg); -ms-transform:scale(1.1) rotate(-0deg); transform:scale(1.1) rotate(-0deg);filter:alpha(opacity=100);opacity:1;border-radius: 50%;} .sidebar .popular-posts ul{margin:0;padding:2px;} .PopularPosts .widget-content ul li {padding: .1em 0;} .sidebar .popular-posts ul li {margin: 0 3px;background:none;float:left;width:91px;list-style-type:none;border:none;line-height:0px;} .sidebar .popular-posts ul li img {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;width: 85px;height: 85px;opacity: 0.7;opacity:0.7;filter:alpha(opacity=70);background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;padding:4px;} .PopularPosts .item-thumbnail {margin: 0;} .sidebar .PopularPosts .item-title {display: none;} 

6. Simpan Template

Sabar ya sobat karena tahap penerapan belum selesai, masih ada beberapa proses lagi.
Tahap selanjutnya :
1. Anda kembali kedasbor
2. Klik Layout/Tata Letak
3. Add Gadget
4. Klik Entri Populer
5. Pasang popular post bawaan blogger dibagian sidebar. Bagi yang telah memasangnya, settingan yang harus dilakukan adalah seperti gambar dibawah ini.


Keterangan :
Hilangkan ceklis pada cuplikan dan anda atur jumlah postingan yang dimunculkan kelipatan 3 seperti 3, 6 atau 9 karena populer post ini menampilkan 3 baris.

6. Klik simpan

Sekarang anda lihat hasilnya, selamat anda memiliki Populer post baru dengan tampilan Grid atau Gallery. Sekian dari saya Cara membuat Popular Post Thumbnail Bentuk Gallery, selamat mencoba dan semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments