Mengganti Bullet dan Number di Blogspot

Mengganti Bullet dan Number di Blogspot

Mengganti Bullet dan Number di Blogspot


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

Share On:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

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

https://infoalya.com

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×