Mengganti Bullet dan Number di Blogspot

infoanda.in

INFO ANDA - Langsung saja tutorial mengganti bullet dan number di blogspot, simak dibawah ini ya....!

  • Seperti biasa, masuk ke akun blogger anda.
  • Lalu masuk ke template dan edit HTML.
  • Anda cari kode ]]></b:skin> , gunakan fungsi CTRL+F untuk pencarian.
  • Lalu masukan 2 kode dibawah ini tepat diatas kode ]]></b:skin> dan save jika sudah selesai.

Kode pertama : kode bullet list + efek hover
    .post ul {margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://lh6.googleusercontent.com/-srWaQyUtNmA/T94gLhM15CI/AAAAAAAAAOU/3StwGw0nQsM/s12/Ul%2520li.png);}.post li {margin: 0 0 0 10px;padding: 3px;}.post li:hover {list-style-image: url(https://lh3.googleusercontent.com/-3PxIk549blQ/T94gHkS-j7I/AAAAAAAAAOM/5tzljcgjrNI/s12/Ul%2520li%2520hover.png);cursor: pointer;}

    Kode kedua : kode numbering list + efek hover
    .post ol {font-family: sans-serif;color: #706969; }.post ol li {line-height: 1.2em;font-family: sans-serif;color: #289728; }.post ol li:hover {font-family: sans-serif;font-style: italic;font-weight: bold;color: #0080ff; }.post ol p {font-family: sans-serif;font-weight: normal;font-style: normal;color: #0F0E0E;line-height:1.2em;}
    Selamat mencoba semoga bermanfaat




    source:http://ujangyoyo.blogspot.com/2013/06/cara-mengganti-bullet-numbering-list.html
    Previous
    Next Post »
    Blogger
    Disqus
    Pilih Sistem Komentar Yang Anda Sukai