Meletakkan script CSS

Ada banyak tutorial blogging untuk mengoptimalkan tampilan,fitur,navigasi,performa dan sebagainya.Namun tidak banyak ulasan tutorial yang mempermudah implementasi dalam mengedit sebuah blog atau website.Hal tersebut bagi pemula terkadang menguras pikiran dan waktu karena harus mengurut tiap kode untuk meletakkan script baru yang diinginkan.Seringkali tutorial yang sebenarnya sangat mudah dan cepat dikerjakan jadi seolah berbelit akibat proses pengeditan yang memunculkan banyak kode.Salah satu contohnya adalah ketika blogger harus memasukkan kode CSS.Biasanya tutorial yang ada tidak fokus tampilan kode CSS saja,contohnya didalam membuat Popular Post seperti :

1. Login ke  dashboard

2. Pilih menu Layout dan Klik edit HTML

3. Cari kode berikut ]]<b:skin>.Agar cepat gunakan CTRL+F dan letakkan kode berikut..bla..bla.bla..

4. Save template

5. Langkah berikutnya tambahkan gadget/widget

Hal itu bagi pemula akan menemui begitu banyak kode didalamnya sehingga tidak fokus pada kode CSS saja.Untuk itu kita akan lebih fokus pada menu snippet kode CSS saja,misalnya membuat Popular Post contohnya sebagai berikut :

1. Login ke dashboard

2. Pilih Theme dan klik Customize

3. Pilih Advance dan klik Add CSS disebelah kanan.

4. Letakkan kode berikut dibagian paling bawah :

.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 14px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: arial;
float: left;
border: 2px solid #dddddd;
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

- Save template

- Langkah berikutnya tambahkan gadget/widget

Edit / Add CSS

Coba lihat hasilnya pada gadget/widget popular post anda maka hasilnya akan sama.Secara teknis flow prosesnya memiliki jumlah langkah yang sama hanya saja penerapannya lebih fokus.

Popular Post juga berguna untuk mengidentifikasi posting yang paling sering dikujungi atau di akses oleh visitor.Yang paling sering dikunjungi akan berada di deretan paling atas.Jadi bila ada posting yang urutannya ada paling dibawah padahal itu menurut anda penting maka lakukan backlink dengan cara share ke akun medsos anda.

Contoh hasil

Bergabung dan raih pendapatan per-click dari banyak PTC adverts disini Kumpulkan Saldo