Jumat, 10 Oktober 2014

Mengganti Bullet dan Number di Blogspot

Baca Juga :

infoalya.com 


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> atau </style> , gunakan fungsi CTRL+F untuk pencarian.
Lalu masukan 2 kode dibawah ini tepat diatas kode ]]></b:skin> atau </style> 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
Previous Post
Next Post

post written by:

  • 0 Comment
  • Comment

Leave your comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda