Cara Pasang Wana Latar Popular Posts Blog
Postingan kali ini seputar tambahan untuk mempercantik tampilannya blog sobat, salahsatu dengan cara memberi warna pada latar postingan populer/popular post.
Warna latar ini dapat sobat ganti sesuai keinginan sendiri yang lebih enak dipandang. Selain itu tampilannya akan berbeda dengan tampilan popular bawaan blogspot.
Oke langsung saja silahkan ikuti langkah-langkah dibawah ini :
1. Login www.blogger.com
2. Masuk area edit HTML
3. Cari kode berikut " </style> atau ]]></b:skin> ;
jika kesulitan mencari secara manual dengan menyorot kebawah, untuk mempermudah dan lebih cepat tekan CTRL+F lalu paste </style> atau ]]></b:skin> dan Enter.
4. Jika sudah ketemu silahkan paste kode dibawah ini diatasnya " </style> atau ]]></b:skin> :
<!-- BisaPapua Popular -->
/* Popular Post */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:normal;
color:#000 !important;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num) !important;
display:block;
position:absolute;
background-color:#333;
color:#fff !important;
width:22px;
height:22px;
line-height:22px;
text-align:center;
top:0px;
right:0px;
padding-right:0px !important;
}
/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:2% !important}
.PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:3% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:4% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:5% !important}
.PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:6% !important}
.PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:7% !important}
.PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:8% !important}
.PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:9% !important}
.PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:10% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11px;
}
.widget-content ul li{margin:0;padding:6px 0px;border-bottom:1px solid #ededed
}
.widget-content ul li:last-child{border-bottom:medium none !important
}
.widget-content ul li a{color:#333
}
.widget-content ul li a:hover{color:#C80441
}
.item-date {font-size:11px;font-style:italic;font-weight:bold;color:#FFCC00
}
<!-- BisaPapua Popular -->
#warna merah yang diatas dapat diganti kode warnanya
Untuk pilihan warna silahkan lihat ditabel warna dibawah ini:
WARNA HITAM DAN ABU-ABU (BLACK AND GRAY) | ||
---|---|---|
Warna | Nama | Kode |
Black | #000000 | |
Dark Slate Gray | #2F4F4F | |
Slate Gray | #708090 | |
Light Slate Gray | #778899 | |
Dim Gray | #696969 | |
Gray | #808080 | |
Dark Gray | #A9A9A9 | |
Silver | #C0C0C0 | |
Light Gray | #D3D3D3 | |
Gainsboro | #DCDCDC |
WARNA MERAH (RED) | ||
---|---|---|
Warna | Nama | Kode |
Dark Red | #8B0000 | |
Fire Brick | #B22222 | |
Red | #FF0000 | |
Crimson | #DC143C | |
Light Salmon | #FFA07A | |
Dark Salmon | #E9967A | |
Salmon | #FA8072 | |
Light Coral | #F08080 | |
Indian Red | #CD5C5C |
WARNA MERAH MUDA(PINK) | ||
---|---|---|
Warna | Nama | Kode |
Pale Violet Red | #DB7093 | |
Medium Violet Red | #C71585 | |
Deep Pink | #FF1493 | |
Hot Pink | #FF69B4 | |
Light Pink | #FFB6C1 | |
Pink | #FFC0CB |
WARNA ORANGE | ||
---|---|---|
Warna | Nama | Kode |
Orange | #FFA500 | |
Dark Orange | #FF8C00 | |
Orange Red | #FF4500 | |
Tomato | #FF6347 | |
Coral | #FF7F50 |
WARNA KUNING (YELLOW) | ||
---|---|---|
Warna | Nama | Kode |
Dark Khaki | #BDB76B | |
Khaki | #F0E68C | |
Pale Goldenrod | #EEE8AA | |
Peach Puff | #FFDAB9 | |
Moccasin | #FFE4B5 | |
Papaya Whip | #FFEFD5 | |
Light Goldenrod Yellow | #FAFAD2 | |
Lemon Chiffon | #FFFACD | |
Light Yellow | #FFFFE0 | |
Yellow | #FFFF00 | |
Gold | #FFD700 |
WARNA HIJAU (GREEN) | ||
---|---|---|
Warna | Nama | Kode |
Teal | #008080 | |
Dark Cyan | #008B8B | |
Light Sea Green | #20B2AA | |
Dark Sea Green | #8FBC8F | |
Medium Aquamarine | #66CDAA | |
Dark Olive Green | #556B2F | |
Olive | #808000 | |
Olive Drab | #6B8E23 | |
Yellow Green | #9ACD32 | |
Dark Green | #006400 | |
Green | #008000 | |
Forest Green | #228B22 | |
Sea Green | #2E8B57 | |
Medium Sea Green | #3CB371 | |
Spring Green | #00FF7F | |
Medium Spring Green | #00FA9A | |
Light Green | #90EE90 | |
Pale Green | #98FB98 | |
Lime Green | #32CD32 | |
Lime | #00FF00 | |
Lawn Green | #7CFC00 | |
Chartreuse | #7FFF00 | |
Green Yellow | #ADFF2F |
WARNA BIRU (BLUE) | ||
---|---|---|
Warna | Nama | Kode |
Midnight Blue | #191970 | |
Navy | #000080 | |
Dark Blue | #00008B | |
Medium Blue | #0000CD | |
Blue | #0000FF | |
RoyalBlue | #4169E1 | |
Medium Slate Blue | #7B68EE | |
Cornflower Blue | #6495ED | |
Dodger Blue | #1E90FF | |
Deep Sky Blue | #00BFFF | |
Light Sky Blue | #87CEFA | |
Sky Blue | #87CEEB | |
Light Blue | #ADD8E6 | |
Powder Blue | #B0E0E6 | |
Light Steel Blue | #B0C4DE | |
Steel Blue | #4682B4 | |
Cadet Blue | #5F9EA0 | |
Dark Turquoise | #00CED1 | |
Medium Turquoise | #48D1CC | |
Turquoise | #40E0D0 | |
Aquamarine | #7FFFD4 | |
Pale Turquoise | #AFEEEE | |
Light Cyan | #E0FFFF | |
Cyan | #00FFFF | |
Aqua | #00FFFF |
WARNA UNGU (PURPLE) | ||
---|---|---|
Warna | Nama | Kode |
Medium Slate Blue | #7B68EE | |
Dark Slate Blue | #483D8B | |
Slate Blue | #6A5ACD | |
Indigo | #4B0082 | |
Purple | #800080 | |
Dark Magenta | #8B008B | |
Dark Orchid | #9932CC | |
Dark Violet | #9400D3 | |
Blue Violet | #8A2BE2 | |
Amethyst | #9966CC | |
Medium Purple | #9370DB | |
Medium Orchid | #BA55D3 | |
Magenta / Fuchsia | #FF00FF | |
Orchid | #DA70D6 | |
Violet | #EE82EE | |
Plum | #DDA0DD | |
Thistle | #D8BFD8 | |
Lavender | #E6E6FA |
WARNA COKLAT (BROWN) | ||
---|---|---|
Warna | Nama | Kode |
Maroon | #800000 | |
Brown | #A52A2A | |
Sienna | #A0522D | |
Saddle Brown | #8B4513 | |
Chocolate | #D2691E | |
Peru | #CD853F | |
Dark Goldenrod | #B8860B | |
Goldenrod | #DAA520 | |
Sandy Brown | #F4A460 | |
Rosy Brown | #BC8F8F | |
Tan | #D2B48C | |
Burly Wood | #DEB887 | |
Wheat | #F5DEB3 | |
Navajo White | #FFDEAD | |
Bisque | #FFE4C4 | |
Blanched Almond | #FFEBCD | |
Cornsilk | #FFF8DC |
WARNA PUTIH (WHITE) | ||
---|---|---|
Warna | Nama | Kode |
Misty Rose | #FFE4E1 | |
Lavender Blush | #FFF0F5 | |
Linen | #FAF0E6 | |
Antique White | #FAEBD7 | |
Ivory | #FFFFF0 | |
Floral White | #FFFAF0 | |
Old Lace | #FDF5E6 | |
Beige | #F5F5DC | |
Seashell | #FFF5EE | |
White Smoke | #F5F5F5 | |
Ghost White | #F8F8FF | |
Alice Blue | #F0F8FF | |
Azure | #F0FFFF | |
Mint Cream | #F5FFFA | |
Honeydew | #F0FFF0 | |
Snow | #FFFAFA | |
White | #FFFFFF |
Demikian postingan kali ini tentang Cara Pasang Wana Latar Popular Posts Blog, jika ada kesulitan dalam penempatan kode jangan lupa untuk kasitau melalui kolom komentar dibawah ini.
Salam Blogger
Gabhex | Bisa Papua