Cara Membuat Popular Post Warna Warni Di Blog Terbaru

Popular Article Adalah Dftar/Orutan Article Yang Paling Banyak Delihat Yang Fongsenia Sama Spirits Random Tool Other Related Posts Recent Posts Trade Navigation Atao Mimodahkan and Bingonjung Miglajah Siluru Content Postingan Yang Ada Denspot Website, WordPress. Bernese blogger Dan Basti Sopat has the most popular blog posts to post or the most popular post to post widget to improve your blog. Scroll down for more information. Sebenarnya itu Adalah Widget Popular blog change/change clothes.

Dear Member Press Share Popular Post Warni Warni Di Blog Terbaru , weapon tutorial ikuti langkah langkah berikut lengkap beserta gambarnya this time the most popular message widget / menambahkan the most popular message widget keren padbloggera yan model.

Dear popular Warna Warne D blog post:

1. You must be alerted to stay up to date with popular posts so that you can learn more.

2. Log in to Popular/Popular Mail

3. Set configuration itu tersebut sesuai keinginan sobat, thumbnail by centang gambar jika sobat ingin Membuat populer post dengan gambar (with thumbnail) or kosongkan bila ingin hanya judul (title only), popular jika sudah bisawi click tombger post

4. Selanjutnya kita list template akan mengubah nya menjadi lebih berwarna dan keren yaitu dengan cara masukke and click Edit HTML.

5. expensive code code ]]> Atao , You can press Ctrl + F

6. Using the popular post widget, you can use to copy the script:

Tip 1

/* ----- POPULAR TABS ----- */
#PopularPosts1 ul li a:hover {color:#fff; text decor: no}
#PopularPosts1 ul li a {-webkit-text-size-adjust:auto; - webkit text panel width: 0px; Color: #333333; the offer is blocked; Font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font style: simple; character variant: normal; font weight: normal; character spacing: normal; line-height: 18px; border: 0px 40px 0px 0px; minimum height: 30px; orphans: 2; padding: 0px; text sorting: -webkit-auto; Text formatting: Nothing! text indent: 0px; Translation of the text: no; white space: normal; widows: 2; word range: 0px ;}
#PopularPosts1 ul li .element-thumbnail { float: Ground; border: 0; right edge: 10px; background: transparent fill: 0; width: 70px; height: 63px}
#PopularPosts1 ul li: First child: So
# PostPopolari1 ul li: first child + li: later,
# PostPopolari1 ul li: first child + li + li: later,
# PostPopolari1 ul li: first child + li + li + li: then,
# PostPopolari1 ul li: first child + li + li + li + li: then,
# PostPopolari1 ul li: first child + li + li + li + li + li + li: then,
# PostPopolari1 ul li: first child + li + li + li + li + li + li + li: then,
# PostPopolari1 ul li: first child + li + li + li + li + li + li + li + li: then,
# PostPopolari1 ul li: first child + li + li + li + li + li + li + li + li + li: then,
# PopularPosts1 ul li: first child + li + li + li + li + li + li + li + li + li + li: {position: absolute; top: 10px; right: 5 pixels; border radius: 50%; border: 2px solid #ccc; background:#353535; -webkit-box-shadow: 0px 0px 5px #000; -moz-shadow box: 0px 0px 5px #000; width: 30px; height: 30px; line height: 1em; text alignment: center; font size: 28px; Colour: #fff
#PostPopolari1 ul li: first child + li + li + li + li + li + li + li + li {background: #DF01D7; Eni: 90%}
# PopularPosts1 ul li: first child + li + li + li + li + li + li + li + li: {content: after "8"}
#PostPopolari1 ul li: first child + li + li + li + li + li + li + li + li + li { background: # B041FF; Eni: 90%}
# PopularPosts1 ul li: first child + li + li + li + li + li + li + li + li + li: {content: after "9"}
#PostPopolari1 ul li: first child + li + li + li + li + li + li + li + li + li + fon { background: # F52887; Eni: 90%}
# PopularPosts1 ul li: first child + li + li + li + li + li + li + li + li + li + li: {content: after "10"}
#PopularPosts1 ul li:first baby +li+li+li+li+li{fon:#7ee3c7; Eni: 90%}
# PopularPosts1 ul li: first child + li + li + li + li + li: {content: "6"} then
#PopularPosts1 ul li: first baby + li + li + li + li + li + li { li { background: # f6993d; width: 90%}
# PopularPosts1 ul li: first child + li + li + li + li + li + li + li: {content: "7"} then
# PopularPosts1 ul li: first baby + li + li + li + li { background: # 33c9f7; Eni: 90%}
# PopularPosts1 ul li: first child + li + li + li + li: {content: "5"} then
# PopularPosts1 ul li: first baby + li + li + li { background: # c7f25f; width: 90%}
# PopularPosts1 ul li: first child + li + li + li: {content: "4"} then
# PopularPosts1 ul li: first baby + li + li { background: # ffde4c; width: 90%}
# PopularPosts1 ul li: first child + li + li: then {content: "3"}
# PopularPosts1 ul li: first baby + li { background: # ff764c; Eni: 90%}
# PopularPosts1 ul li: first child + li: {content: "2"} then
# PopularPosts1 ul li: first child { background: # ff4c54; width: 90%}
# PopularPosts1 ul li: first child: then {content: "1"}
# PopularPosts1 ul { margin: 0; padding: 0px 0; list style type: none}
# PopularPosts1 ul li { position: dynamic; border: 6px 0; border-radius: 25px 0px 25px 0px; border: solid 2px #f7f7f7; -webkit-box-shade: 3px 3px 3px #000; -moz-box-shadow: 3px 3px 3px #000; padding: 10px}

Tip 2

/* special popular post */
.PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img {margin: 0 0; padding: 0 0; list style: no; border: no; background: no; Example: none}
.PopularPosts ul { margin: .5em 0; list style: no; black counter reset: units}
.PopularPosts ul li { background color: #eee; field: 0 0 0 0! important; stuffing: .5em 1.5em .5em .5em!
.PopularPosts ul li a {color: #fff! important}
.PopularPosts ul li a:hover {color: #2c3e50! important}
.PopularPosts ul li: first, .PopularPosts ul li .element-title a, .PopularPosts ul li a {face weight: bold; color: inherit text decor: none}
.PopularPosts ul li:before{content:counter(num)! important; screen block; position: absolute; background color: #333; color: #fff! important; width: 22px; height: 22px; line-height: 22px; text alignment: center; low: 0; right: 0; Filling: 0! Important}
/* Varna Bingatoran */
.PopularPosts ul li:nth-child(1) {background color: #f1c40f;}
.PopularPosts ul li:nth-child(2) {background color: #f39c12;}
.PopularPosts ul li:nth-child(3) {background color: #2ecc71;}
.PopularPosts ul li:nth-child(4) {background color: #27ae60;}
.PopularPosts ul li:nth-child(5) {background color: #e67e22;}
.PopularPosts ul li:nth-child(6) {background color: #d35400;}
.PopularPosts ul li:nth-child(7) {background color: #3498db;}
.PopularPosts ul li:nth-child(8) {background color: #2980b9;}
.PopularPosts ul li:nth-child(9) {background color: #ea6153;}
.PopularPosts ul li:nth-child(10) {background color: #c0392b;}
.PopularPosts .item-thumbnail {margin: 0 7 0}
.PopularPosts .item-snippet {font-size: 11px}

Tip 3

/* famous post */
Popular publications of the Mujahideen
.Message me a celebrity,
Popular posts on IMG,
my famous writings,
.PopularPopularPosts li a img {
edge: 0 0;
padding: 0 0;
menu style: no;
Restrictions: no;
background: no;
Contour: no;
}}
.PopularPosts st {
Margin: 0.5em0;
menu style: no;
Black color;
Reverse reset: cylinders;
}}
.PopularPosts ul li img {
the offer is blocked;
Margins: 0.5 cm 0 0;
Width: 50px;
Height: 50px;
float: earth;
}}
.PopularPosts ul li {
background color: #eee;
Margin: 0 10% .4em 0! Important;
Filling: .5em 1.5em .5em .5em!
reverse thrust: cylinders;
position: relative;
}}
.PopularPosts ul li: first,
.PopularPosts ul li .element-title a, .PopularPosts ul li a {
font weight: normal;
Color: #000! important;
text formatting: no;
}}
.PopularPosts ul li:before {
Included: meter (quantity)! important;
the offer is blocked;
Position: Absolutely.
background color: #333;
Color: #fff! important;
Eni: 22 pixels;
Height: 22px;
character height: 22px;
text alignment: center;
top: 0px;
right: 0 pixels;
Correct resolution: 0 pixels! important;
}}
/* Set color and level */
.PopularPosts ul li:nth-child(1){background color:#A51A5D; right edge: 1%! important}
.PopularPosts ul li:nth-child(2) { background color: #F53477; straight edge: 2%! important}
.PopularPosts ul li:nth-child(3){background color:#FD7FAA; straight edge: 3%! important}
.PopularPosts ul li:nth-child(4){background color:#FF9201; right edge: 4%! important}
.PopularPosts ul li:nth-child(5){background color:#FDCB01; straight edge: 5%! important}
.PopularPosts ul li:nth-child(6){background color:#DEDB00; straight edge: 6%! important}
.PopularPosts ul li:nth-child(7){background-color:#89C237; right edge: 7%! important}
.PopularPosts ul li:nth-child(8){background-color:#44CCF2; straight edge: 8%! important}
.PopularPosts ul li:nth-child(9){background-color:#01ACE2; straight edge: 9%! important}
.PopularPosts ul li:nth-child(10) { background color: #94368E; straight edge: 10%! important}
.PopularPosts .thumbnail element {
margin: 0 0 0 0;
}}
.PopularPosts
font-size: 11px;
}}
.widget-content ul li { margin: 0; padding: 6px 0px; bottom border: 1px solid #eded
}}
.widget-content ul li: last child {border-bottom: middle Nothing! is an 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
}}

Tip 4

.PopularPosts ul, .PopularPosts li, .PopularPosts li at {margin: 0; padding: 0; list style: no; border: no; background: no; scheme: none}.PopularPosts ul {margin: 0; list style: no; black reverse reset: number}.PopularPosts ul li {background color: #eee; field: 0 0 0 0! important; stuffing: .5em 1.5em .5em .5em! important; inverse increase: units; position: match} .item-thumbnail img {float: left; edge: 0 10px 0 0} .PopularPosts a {color: #fff! Important}.PopularPosts a:hover{color:#222! ul li: first, .PopularPosts ul li .item-title a, .PopularPosts ul li a {font weight: bold; color: inherit terrain from text: no}.PopularPosts ul li:before{content:counter(num)! important; screen block; position: absolute; background color: #333; Color: #fff! :0; correct padding: 0! important}. PopularPosts ul li:nth-child(3) {round background-color:#FD7FAA}.PopularPosts ul li:nth-child(4){background-color:#FF9201}.PopularPosts ul li:nth-child(5){ background- color: #FDCB01} .PopularPosts ul li:nth-child(6) {background-color: #DEDB00} .PopularPosts ul li:nth-child(7) {background-color:#89C237}.PopularPosts:nth- child ( 8) {background-color: #44CCF2} .PopularPosts ul li: nth-child(9) {background-color: #01ACE2}. PopularPosts ul li: nth-child(10) { background-color: #94368E} .cloud-label -widget-content { text-align: left} .label-size { view: block; background: #fff; float: earth; edge: 0 2px 2px 0; color: #000! important; border: 1px solid #ccc; padding: 5px} .label -size: hover {border: 1px solid #000; color: #000! important}. label size a:hover {color: #000! important}

tip 5

/* Pengaturan Warna */ .PopularPosts ul li:nth child(1) { background color: #E11E28; right margin: 1%}.PopularPosts ul li:nth-child(2) {background color: #FD3C03; right margin: 2%}.PopularPosts ul li:nth-child(3) {background color: #FECB09; right margin: 3%}.PopularPosts ul li:nth-child(4) {background color: #6EBE27; right margin: 4%}.PopularPosts ul li:nth child(5) { background-color: #149A48; right margin: 5%}.PopularPosts ul li:nth-child(6) {background color: #5BBFF1; right margin: 6%}.PopularPosts ul li:nth-child(7) {background color: #61469C; right margin: 7%}.PopularPosts ul li:nth-child(8) {background color: #863E86; right margin: 8%}.PopularPosts ul li:nth-child(9) {background color: #863E62; right margin: 9%}.PopularPosts ul li:nth child(10) {background color: #815540; margin-right: 10%} /* Popular Single Posts */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a, .PopularPosts li a img 0; {0; padding: 0 0; menu style: no; Restrictions: no; background: no; schema: none;} .PopularPosts ul {margin: .5em 0; menu style: no; Font: Regular Plain 13px/1.4 "Arial Narrow", Arial, Sans-Serif; Black color; reverse reset: number;} .PopularPosts ul li img {screen: block; Border: 0 10px 0 10px; Width: 50px; Height: 50px; float: left;} .PopularPosts ul li {background color: #eee; Margin: 0 10% .4em 0; Filling: 0.5 cm, 1.5 cm, 0.5 cm, 0.5 cm; reverse thrust: cylinders; position: relative;} .PopularPosts ul li: first, .PopularPosts ul li .item-title {font weight: bold; font size: 120%; Color: Heir; text decoration: none;} .PopularPosts ul li:before{content:counter(num); the offer is blocked; Position: Absolutely. background color: black; White color; Eni: 30 pixels; height: 30px; line-height: 30px; text alignment: center; high: 50%; Right: -10px; top margin: -15px; - webkit radius border: 30 px; - Banana border radius: 30px; line radius: 30px ;}

Copy the widget and copy the script ]]> Atao Seperti pada gambar dibawah ini dan klik Simpan template .. Selesai dan lihat hasilnya

7. Stay up to date with popular articles to work 100% to write a complete blog:

Tip 1 (title only)

Tip 1 (with thumbnail)

Tip 2 (title only)

Lot 2 (with miniature)

Tip 3 (title only)

Party 3 (with thumbnail)

Tip 4 (title only)

Tip 4 (with thumbnail)

Tip 5 (name only)

Tip 5 (with thumbnail)

Popular Post Press, if you notify a blog, you should be notified.

dikoba silahkan