HALO Friend, welcome | LOGIN | DAFTAR
Kamis, 01 November 2012 | 07:58 WIB

Cara Membuat Popular Post Warna-warni Di Blog

Cara Membuat Popular Post Warna-warni Di Blog
 Bagaimana Cara Membuat Popular Post Keren Di Blog ? - Kali ini facewoman akan berbagi cara tersebut. dimana cara isi saya peroleh dari blog mybloggertools.org yang memang blog itu menyugukan tutorial keren di blog. Untuk melihat demo widget tersebut lihat demo di bawah ini :


Jika anda tertarik untuk membuatnya,silahkan ikuti langkah-langkah di bawah ini :

1.Login Blogger.
2.Langkah kedua Masuk Dashboard - Template - Edit HTML - Centang Expand Widget Template - Kemudian Cari Kode ]]></b:skin> untuk mempercepat proses pencarian kode, gunakan Ctrl + F Kemudian Masukkan Kode ]]></b:skin>, Jika sudah anda ketemukan kemudian, copy kode di bawah ini dan letakkan dtepat di atas kode tersebut :
#Label1 ul li a:hover{color:#fff;text-decoration:none}

#Label1 ul li a {-webkit-text-size-adjust: auto; 
-webkit-text-stroke-width: 0px;  color: #333333; 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-top: 10px; text-align: 
-webkit-auto; text-decoration: none !important; text-indent: 0px; 
text-transform: none; white-space: normal; widows: 2; word-spacing: 
0px;}

#Label1 ul li:first-child:after,

#Label1 ul li:first-child + li:after,

#Label1 ul li:first-child + li + li:after,

#Label1 ul li:first-child + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#Label1 ul li:first-child + li + li + li + li + li + li + li + li + 
li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px
 solid #ccc;background:#353535;-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}

#Label1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#Label1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#Label1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#Label1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#Label1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#Label1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#Label1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#Label1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#Label1 ul li:first-child + li + li + li + li:after{content:"5"}

#Label1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#Label1 ul li:first-child + li + li + li:after{content:"4"}

#Label1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#Label1 ul li:first-child + li + li:after{content:"3"}

#Label1 ul li:first-child + li{background:#ff764c; width:90%}

#Label1 ul li:first-child + li:after{content:"2"}

#Label1 ul li:first-child{background:#ff4c54 ;width:90%}

#Label1 ul li:first-child:after{content:"1"}

#Label1 ul{margin:0;padding:0px 0;list-style-type:none}

#Label1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px
 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px 
#000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

3 .Lagkah ketiga simpan Template.
4.Langkah Keempat masuk Tata Letak - Tambah Gadget - Add Java Scrip - Kemudian Cari widget Populer post, setting angka populer post anda menjadi ( 9 ) sembilan dan hapus centang yang ada.
setting Popular Post
setting Popular Post
5.Langkah terakhir Simpan Gadget.

 Itulah ulasan facewoman Tentang  Cara Membuat Popular Post Warna-warni Di Blog, semoga bisa jadi refrensi untuk anda yang sedang memburuhkan.
Bagikan ke :
thumbnail Title: Cara Membuat Popular Post Warna-warni Di Blog
Posted by: ANDIK WIN
Rating: 4.5 ★★★★★ - 174.984 Reviews
Reviewer: 1 hour 30 min - 9.999 Kalori
Sponsored Link

5 Komentar di " Cara Membuat Popular Post Warna-warni Di Blog"

  1. Wew new triks ya sobb...

    mantab dahhh./....


    Izin coba kwowk..

    BalasHapus
  2. wah, jadi pingin nih, saya coba dulu

    BalasHapus
  3. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus

Poskan Saran, kritik Serta Opini Anda Pada Blog Facewoman :

TERPOPULER :
TERKOMENTARI :
Mari Gabung Di KBN ( KOMUNITAS BLOGGER NEWBIE INDONESIA ) » KLIK DISINITemui Kami di twitter@andikwinclose
(close)
Back Top