Widget Popular Post Hitam Dan Merah


Sebelum ini admin pernah membuat artikel mengenai Cara pasang widget popular post  berwarna warni.Kali agak berbeza sedikit kerana ia berwarna hitam dan merah serta akan bergerak bila dilalukan mouse diatas nya

cara memasangnya pada blog:
1.Masuk ke blogger dan masukkan widget popular post pada blog anda
   Pada dashboard pilih Layout dan klik pada Add A gadget

2.Pilih popular post dari senarai tersebut dan namakan widget tersebut dengan perkataan yang sesuai


3.Seterusnya pada template pilih Edit HTML

4.Cari kod ]]></b:skin> gunakan CTRL+F
Kemudian letakkan kod ini diatasnya

/*Popular Post by http://www.bloggerspice.com */
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li:hover {
border:4px groove #fff;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
#PopularPosts1 ul li a {
-webkit-text-size-adjust: auto;
-webkit-text-stroke-width: 0px;
color: #ffffff;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 18px;
margin: 0px 40px 0px 0px;
min-height: 30px;
orphans: 2;
padding: 0px;
text-align:-webkit-auto;
text-decoration: none !important;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: 2;
word-spacing: 0px;
}
#PopularPosts1 ul li .item-thumbnail{
float:left;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px;
}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;
right:5px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid #ccc;
background:#353535;
box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
width:30px;
height:30px;
line-height:1em;
text-align:center;
font-size:28px;
color:#fff;
}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{
background:#000000;
width:90%;
}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#C50101; width:93%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#1a1a1a ;width:93%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{
margin:0;
padding:0px 0;
list-style-type:none;
}
#PopularPosts1 ul li{
position:relative;
margin:6px 0;
border: 1px solid #c2c0b8;
-webkit-box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
-moz-box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
padding:10px;
}
.PopularPosts .item-title a{
font: normal bold 36px Segoe UI;
font-size:16px;
color: #ffffff;
}
.PopularPosts .item-title a:hover{
color:#ffffff;
text-decoration:none;
}
.widget-content.popular-posts li{
font: normal normal 16px Segoe UI;
}
.item-snippet {
height:2.5em;
overflow:hidden;
}
5.Klik pada preview template untuk melihat paparannya.
6.Klik pada save template

sumber:bloggerspice

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

http://teknikbuatblog.blogspot.com/2014/03/widget-popular-post-hitam-dan-merah.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
Cara Pasang Widget Popular Post Berwarna Warni

Cara Pasang Widget Popular Post Berwarna Warni

papar berkaitan - pada 12/11/2021 - jumlah : 208 hits
Popular post adalah salah satu widget yang disediakan oleh blogger bagi memaparkan posting yang popular pada sesuatu bulan minggu atau sepanjang masa Anda boleh memilih bagaimana ia akan dipaparkan Tutorial ini adalah cara untuk mengubahsua...
Cara Pasang Widget Related Post Nrelate

Cara Pasang Widget Related Post Nrelate

papar berkaitan - pada 12/11/2021 - jumlah : 180 hits
Sebelum ini Admin ada membuat posting tentang cara memasang artikel terkait Nrelate adalah satu widget yang serupa dengan tetapi lebih menarik kerana anda mempunyai pilihan bagi mengubah setting pada widget ini Terdapat enam styles widget y...
Cara Buat Widget Popular Posts Dengan Animasi Gambar Berputar

Cara Buat Widget Popular Posts Dengan Animasi Gambar Berputar

papar berkaitan - pada 12/11/2021 - jumlah : 187 hits
Widget popular posts dengan animasi gambar berputar ini sangat cantik dan menarik sekali terlebih lagi jika dipasang di blog anda yang pasti pengunjung blog akan teruja dan tertarik ingin membuatnya juga Tentunya penampilan blog yang cantik...
Hiburan Niezam Zaidi Anggap Insiden Hitam Peluang Mematangkan Hidup

Hiburan Niezam Zaidi Anggap Insiden Hitam Peluang Mematangkan Hidup

papar berkaitan - pada 9/11/2021 - jumlah : 386 hits
Pelakon Niezam Zaidi mengharapkan agar dirinya tidak terus dipersalahkan oleh segelintir pihak sebagai punca industri hiburan tidak boleh berjalan seperti biasa susulan insiden hitam yang dilaluinya pada Oktober lalu ARTIKEL BERKAITAN Adver...
Serba Hitam Pada Hari Kamis Inilah Edaran Baru Seragam Pns

Serba Hitam Pada Hari Kamis Inilah Edaran Baru Seragam Pns

papar berkaitan - pada 11/11/2021 - jumlah : 215 hits
Model Seragam Hitam hanya Ilustrasi publik MedsosSerba Hitam Pada Hari Kamis Inilah Edaran Baru Seragam PNS Dalam surat edaran nomor 025 4660 SJ tanggal 12 Juni Tahun 2019 Tentang Penggunaan Lebih Lengkapnya Kunjungi http kkgjaro blogspot c...
Detik Hitam Wanita Dipaksa Jadi Pelacur

Detik Hitam Wanita Dipaksa Jadi Pelacur

papar berkaitan - pada 11/11/2021 - jumlah : 206 hits
Loan Dumitru 24 Kisah sedih buat wanita dijadikan hamba seks dan dipaksa berkerja sebagai pelacur Wanita itu pada mulanya dijanjikan perkerjaan di kilang Detik hitam ini bermula This is a content summarry Visit my website for full link othe...
Penduduk Kulit Hitam Menang Jawatan Datuk Bandar New York

Penduduk Kulit Hitam Menang Jawatan Datuk Bandar New York

papar berkaitan - pada 3/11/2021 - jumlah : 264 hits
NEW YORK Bekas anggota polis Eric Adams memenangi Pilihan Raya Datuk Bandar New York pada Selasa menurut beberapa stesen televisyen Amerika Syarikat dan keputusan tidak rasmi Stesen televisyen NBC CBS dan New York 1 mengumumkan kemenangan A...
Dapatkan Big Patty Burger Dengan Sos Lada Hitam Dan Cheese Dengan Harga Murah

Dapatkan Big Patty Burger Dengan Sos Lada Hitam Dan Cheese Dengan Harga Murah

papar berkaitan - pada 11/11/2021 - jumlah : 257 hits
Batu Maung is a small town in Penang Malaysia It is located in the southeastern part of Penang Island It consists of several smaller villages namely Kampung Seronok Kampung Binjai Permatang Damar Laut Kampung Batu Maung Kampung Teluk Tempoy...
Makan Makan Di Camden Market

Bun Cheese Gula Gebu Gebu

Why You Should Upgrade To The Huawei Freebuds 6 Today

Bekas Timbalan Speaker Dewan Negara Didakwa Terima Rasuah Range Rover Sport

Senarai Bantuan Kerajaan Malaysia 2025

Konsert Elite Jadi Perhatian Ramai Peminat Tetap Setia Sokong Walau Harga Tiket Jadi Perbualan

Evergreen Edupress Pelancaran Siri Pembelajaran Sosial Emosi Di Pesta Buku Antarabangsa Beijing 2025

Redefining Intimacy In The Menopausal Years With Gummies That Do More Than Taste Good


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


Salam Maal Hijrah 1447 Semoga Takdir Hidupmu Lebih Baik

Mercedes Benz Will Continue To Offer Combustion Engines After 2030

Lirik Lagu Gelora Jiwa Meronta Asmara Tomok Siti Nordiana

Kes Bunuh Pelajar Universiti 3 Suspek Direman 7 Hari

Flat Peach Selepas Viral

Resipi Lobster Butter Cheese Yang Ringkas Sedap Menu Untuk Sambut Hari Istimewa