Popular Post Style Baru




Assalamualaikum,
Popular Post ni bagi saya antara widget penting yang wajib ada dalam blog.
Tidak terhad di ruang sidebar, di bawah entry post pun boleh letak.
Ikut kreativiti anda lahh. Blog masing-masing punya kan.
Kita boleh pilih jenis popular post ni berdasarkan entry yang memiliki jumlah tertinggi

- komen,
- like facebook, atau
- paparan halaman (page view)


Terpulang kepada anda,
tapi untuk sebab peribadi, saya paling suka popular post berdasarkan page view tertinggi.
Untuk kali ni, saya cuma nak share style widget Popular Post yang satu ni.
Sebenarnya suke sebab rasa macam matching je dengan widget komen terkini saya tu


Jom cuba buat sendiri.
Sebelum tu, jangan lupa add widget Popular Posts terlebih dahulu.
Sebabnya kod yang kita akan cari nanti kat bawah ni tak kan wujud kalau belum add widgetnya terlebih dahulu.
Faham ke faham?




Masuk ke Template - Edit Html.
Aktifkan kotak search (tekan keyboard : Ctrl + F)Cari kod

]]></b:skin>



Copy & paste kod di bawah.Masukkan di atas kod ]]></b:skin>

.PopularPosts li {margin-bottom:-10px}
.PopularPosts .item-thumbnail {float:left}
.popular-posts ul li img {width:60px;height:60px;padding:2px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;
transition:all 0.3s ease;border:2px solid #fff;}
.popular-posts ul li img:hover {border:2px solid #fff;-moz-transform:scale(1.2) rotate(-360deg);-webkit-transform:scale(1.2) rotate(-360deg);-o-transform:scale(1.2) rotate(-360deg);
-ms-transform:scale(1) rotate(-360deg);transform:scale(1.2) rotate(-360deg);}
.popular-post-isi {position:relative;background-color:#f7f7f7;padding:5px;min-height:60px;border:1px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
margin-left:75px;margin-bottom:5px;}
.popular-post-isi:before {content:"";width:0;height:0;position:absolute;right:100%;top:19px;border-width:10px;border-style:solid;border-color:transparent #f7f7f7 transparent transparent;}
.item-title {font-size:12px;line-height:1.1em;}
.item-snippet {color:#606060;font-size:11px;line-height:1em;}

Seterusnya, cari kod di bawah ni, DELETE semua

<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>

ganti dengan kod tadi dengan kod baru di bawah ni


<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img border='0' expr:alt='data:title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:title' expr:width='data:thumbnailSize' itemprop='photo'/>
</a>
</div>
<b:else/>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img border='0' expr:alt='data:title' expr:height='data:thumbnailSize' expr:title='data:title' expr:width='data:thumbnailSize' itemprop='photo' src='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg'/>
</a>
</div>
</b:if>
<div class='popular-post-isi'><div class='item-title'><a expr:href='data:post.href' itemprop='url'><span itemprop='summary'><data:post.title/></span></a></div>
<div class='item-snippet'><span itemprop='description'><data:post.snippet/></span></div></div>
</div>
<div style='clear: both;'/>

Klik SAVE, SIAP !
Senangnya, memangla senang sebab ni kod saya dah siap2 edit punya. Bhahah.
Kalau nak tukar2 color, boleh adjust kod color yang saya dah highlight kat tu ye. Sekian.
Selamat mencuba.
Kalau dah berjaya kongsi la dengan saya.
Terima kasih.

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

http://byzanamn.blogspot.com/2014/07/popular-post-style-baru.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Menampilkan Popular Post Sebagai Featured Post Di Homepage Blog

Menampilkan Popular Post Sebagai Featured Post Di Homepage Blog

papar berkaitan - pada 6/7/2019 - jumlah : 373 hits
Popular Post adalah postingan atau tulisan terbanyak dibaca atau dikunjungi Kita biasa menampilkannya di sidebar Widgetnya pun sudah disediakan Blogger Kali ini CB berbagi kode Popular Posts yang ditampilkan sebagai Featured Post di Homepag...
Avengers Endgame Baru Masukkan Post Kredit Watak Spoiler Tribute Stan Lee Dan Mesej Dari Pengarah

Avengers Endgame Baru Masukkan Post Kredit Watak Spoiler Tribute Stan Lee Dan Mesej Dari Pengarah

papar berkaitan - pada 25/6/2019 - jumlah : 383 hits
Belum habis lagi tayangan Avengers Endgame di serata dunia para penonton MCU dikejutkan dengan filem versi terbaru yang bakal mempunyai beberapa ubahsuai Terdahulu kita didedahkan bahawa Avengers Endgame versi release semula ini akan menamb...
Bakke Salleh Dilantik Pengerusi Baru Felda

Bakke Salleh Dilantik Pengerusi Baru Felda

papar berkaitan - pada 27/6/2019 - jumlah : 338 hits
Diterbitkan Hari ini 7 01 malamMohd Bakke Salleh telah dilantik sebagai pengerusi Lembaga Kemajuan Tanah Persekutuan yang baru untuk tempoh dua tahun berkuat kuasa 1 Julai 2019 sehingga 30 Jun 2021 umum Kementerian Hal Ehwal Ekonomi Menteri...
Tiga Wajah Baru Sertai Suhakam

Tiga Wajah Baru Sertai Suhakam

papar berkaitan - pada 27/6/2019 - jumlah : 303 hits
Suhakam kini akan diketuai oleh bekas pegawai kanan kerajaan Othman Hashim
Menyusu Badan Tidur Cukup Kurang Meragam Baru 2 Bulan Berat Sarima Cecah 6kg

Menyusu Badan Tidur Cukup Kurang Meragam Baru 2 Bulan Berat Sarima Cecah 6kg

papar berkaitan - pada 27/6/2019 - jumlah : 386 hits
Selepas dua bulan melahirkan bayi perempuan Syatilla Melvin berkongsi gambar terkini Sarima yang buatkan ramai geram melihat badan Sarima yang bersemangat dan pipinya yang tembam Menerusi perkongsian Syatilla berat Sarima kini dah hampir me...
Adakah Minyak Akan Mencapai Paras Harga 30 Sekiranya Berlaku Konflik Perdagangan Yang Baru

Adakah Minyak Akan Mencapai Paras Harga 30 Sekiranya Berlaku Konflik Perdagangan Yang Baru

papar berkaitan - pada 27/6/2019 - jumlah : 475 hits
Menurut pakar pakar dari Bank of America Merrill Lynch kos minyak mungkin jatuh ke paras kritikal 30 setong sekiranya rundingan yang tidak berjaya antara China dan Amerika Syarikat dan ketidakmampuan untuk mencari kompromi Dalam keadaan ini...
Apa Saja Perlengkapan Bayi Baru Lahir Yang Harus Dibeli

Apa Saja Perlengkapan Bayi Baru Lahir Yang Harus Dibeli

papar berkaitan - pada 27/6/2019 - jumlah : 593 hits
Persalinan merupakan momen yang paling di tunggu tunggu oleh setiap pasangan yang berumah tangga Biasanya ada saja hal yang mesti dipersiapkan sejak jauh jauh hari Mulai dari kesiapan mental fisi hingga untuk urusan perlengkapan bayi baru l...
Khairul Aming Dedikasikan Anugerah Maulidur Rasul Kepada Peniaga Kecil

Misi Membeli Perfume Luggage Dan Hadiah Encik Suami Gagal

Kenangan Bercuti Di Pulau Pangkor

Sambutan Birthday Malam Ambang Merdeka 2025

Filem Badak

Ideas Beef Asado Recipe Slow Cooker

Salam Maulidur Rasul

Jual Daging Kucing Rm26 Sekilogram Kerana Terdesak Perlu Wang


echo '';
Info Dan Sinopsis Drama Berepisod Dendam Seorang Madu Slot Tiara Astro Prima

10 Fakta Biodata Amira Othman Yang Digosip Dengan Fattah Amin Penyanyi Lagu Bila Nak Kahwin

5 Tips Macam Mana Nak Ajak Orang Kita Suka Dating Dengan Kita

Info Dan Sinopsis Drama Berepisod Keluarga Itu Slot Lestary TV3

Bolehkah Manusia Transgender Mencapai Klimaks Selepas Bertukar


Bila Lagu Lama Mengusik Jiwa

Menulis Dengan Hati Kerana Tulisan Hidup Lebih Lama

Kotak Packaging Produk Travel Set Solusi Branding Mudah Untuk Usahawan Baru Dengan Design Premium

666 Apa Yang Ditulis Buku Santai Untuk Asah Kreativiti Menulis

Karipap Daging

Menyeramkan Darah Menitis Dari Siling Hospital