Cara Mengedit Widget Artikel Populer di Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara Mengedit Widget Artikel Populer di Blogger. Dengan artikel Cara Mengedit Widget Artikel Populer di Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara Mengedit Widget Artikel Populer di Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara Mengedit Widget Artikel Populer di Blogger selengkapnya:

D-Copy Blog | Widget artikel populer memang menjadi sebuah keseharusan bagi sebuah situs dikarenakan dapat memancing visitors untuk betah berlama-lama di blog Anda atau saya. Memperindah penampilan blog juga menunjang pengunjung untuk berlama-lama lagi di blog. Nahh untuk itu kita akan melakukan pengeditan pada widget artikel populer Anda.

Langkah :

1. Buka akun Blogger Anda
2. Masuk ke Menu Layout > Add Gadget > Popular Posts (jika Anda belum memasang widget artikel populer)
3. Lalu atur menu widget artikel seperti pada gambar dibawah ini :

      4.  Save

      5.  Masuk ke menu edit HTML, jangan lupa centang Expand Template Widget

      6.  Cari kode dibawah ini :

]]><s:kin>

      7.  Pastekan kode dibawah ini, diatas pada kode diatas :

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBRo3_Ajy-EPESK-Aoy0J79ZEXgLvOY7QwRHjpBCuAxVzi9emn0YmKjFmnBNPCvznlaQYxTH1CIOqXS5D6hZARXhv8Ygv3iT3eY84nJG8nq9UByENE-ofklHZYTz2vXBYt7W_kA6R5aRw/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:1px solid #6BB5FF;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

    8.  Save template Anda.

Terima kasih, semoga bermanfaat.
Sumber Artikel : http://www.mybloggerlab.com/2012/10/customize-blogger-popular-post-widget.html

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara Mengedit Widget Artikel Populer di Blogger dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.