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 : 386 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 : 389 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 : 342 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 : 307 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 : 409 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 : 481 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 : 597 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...
Alat Pengehad Kelajuan Mula Berkuat Kuasa 1 Oktober 2025 Loke

Ketua Bersatu Pahang Dikatakan Mahu Sertai Pas

Sarang Warga Asing Kampung Madura Diserbu Pati Beranak Pinak Dicekup

Kontroversi Hutang Intan Najuwa Giliran Rizman Ruzaini Pula Bersuara Saya Tak Tahu Menahu Pasal Tu

Pekasam Puyu

Visit Malaysia 2026 To Make Malaysia A Destination The World Remembers Says Tourism Minister

Are Detractors Claiming 300 Litre Mth Budi95 Ain T Enough Going On Trans Continental Expeditions

Pahang Bersatu Chief Denies Plans To Join Pas


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


Cekodok Pisang Rangup Di Luar Dan Tanda Kematian

Top Reasons Online Casino Malaysia Has Become A Preferred Choice For Gamblers

Jemput Trump Waktu Terbaik Bincang Isu Negara Bergolak Tegaskan Pendirian Malaysia Fahmi

Selepas Setahun Terima Kasih Allah Beego Kongsi Foto Bersama Linda Hashim Amp Anak Anak

Ular Sawa Kekenyangan Makan Anak Lembu

Buasir Otak Tv Buasir Otak The Muzik Validasi