Home » Blogger Hack » Edit Widget Artikel Populer Dengan CSS Untuk Blogger

Edit Widget Artikel Populer Dengan CSS Untuk Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Edit Widget Artikel Populer Dengan CSS Untuk Blogger. Dengan artikel Edit Widget Artikel Populer Dengan CSS Untuk 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 Edit Widget Artikel Populer Dengan CSS Untuk 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 Edit Widget Artikel Populer Dengan CSS Untuk Blogger selengkapnya:

D-Copy Blog | Seperti pada postingan sebelumnya yaitu mengedit artikel populer tanpa CSS kali ini widget artikel populer official blogger akan diedit dengan efek CSS yang pastinya membuat widget ini akan terlihat lebih keren.

Popular Post Widget

Langkah :
  1. Buka akun Blogger Anda
  2. Masuk ke menu Layout > Add Gadget > Popular Post (jika Anda belum menggunakan widget artikel populer), lalu buat dengan pilihan seperti pada gambar dibawah ini :
Popular Post Widget Official

    3.  Lalu Save
    4.  Masuk ke menu edit HTML, jangan lupa centang Expand Template Widget
    5.  Cari kode dibawah ini :
]]></b:skin>
    6.  Pastekan kode dibawah ini, diatas pada kode diatas :
<style>
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(http://1.bp.blogspot.com/-PCZ1mg2a0Bk/UHpxmZVBI3I/AAAAAAAAB9Q/JdPm54-yLkI/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(http://4.bp.blogspot.com/-dAl1D7VgX_g/UHpycJXoLoI/AAAAAAAAB9Y/dPoMTxQ1bfU/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
</style>

    7.  Save Template Anda.

Semog bermanfaat, terima kasih.
Sumber Artikel : http://www.realcombiz.com/2012/10/customize-blogger-official-popular.html

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

0 komentar:

Poskan Komentar