Cara Mempercantik Bullet List di Blog

Cara Mempercantik Bullet List di Blog

Hallo Sobat Blogger Kali Ini Saya Akan Membagikan Trick Cara Mempercantik Bullet List di Blog Agar Enak Di pandang dan post rapian & Menjadi indah artikel blog Kita.

Cara Mempercantik Bullet List di Blog

  •   Cari kode ]]></b:skin> gunakan/tekan F3 pada keyboard untuk mempercepat pencarian
  •   Masukkan  kode dibawah ini tepat diatas ]]></b:skin>

Kode  Untuk Bullet List dan Efek Hover

    .post ul {
    margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCIm9WrtfuKdy9mbbtIJqvCUmX-JGQJqPMK00rAZe9cM5MnqBrEpHKW3ljnRL0w5zX0NxB1Z4mhgsDfg4oKxYRIzB2DBglWIgOXqJCtXBGs0x2nBJ8q1Ra0m8cEgNyYYInGpRVwzllGUKy/s1600/bullet_blue_arrow.png);}
    .post li {
    margin: 0 0 0 10px;padding: 3px;
    }
    .post li:hover {
    list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnRAK4g6aEIXGrfTLVeHlTIDy4YJgtUUFwub80tTjR0SccK3pe3q_R3qMQA8cLLEQ5LDJxIE9ELv2bLAif0yI9E_VAmsmBHNHuirvDkmKuHh8e11ntU-g4KMjtnRHyleaOQ4aB_yQndI/s12/Ul%2520li%2520hover.png);cursor: pointer;
    }

Kode Yang Berwarna Merah URL Gambar Bullet  Dan Warna Biru adalah alamat url hover Jika Sobat Blogger Ingin Mengganti Gambar Bullet List Klik Di Sini

11 komentar

  1. Pengen nyoba dulu lah, moga aja bisa diblog ane

    BalasHapus
    Balasan
    1. Silahkan Terimakasih sudah berkunjung gan

      Hapus
  2. Mantap kang, blogmu dh sy follow..

    BalasHapus
    Balasan
    1. ok Terimakasih sudah berkunjung gan

      Hapus
  3. Anonim14:42

    Ijin coba dulu gan,menarik nih

    BalasHapus
    Balasan
    1. Silahkan Terimakasih sudah berkunjung gan

      Hapus
  4. Top Markotop Work hahaha

    BalasHapus
    Balasan
    1. Silahkan Terimakasih sudah berkunjung gan

      Hapus
  5. Jadi imut pake bullet..ijin nyoba diblog ane gan..

    BalasHapus
  6. ini dia yg ane cari2..
    bosen warna hitam terus..
    lanjutkan ga.

    BalasHapus
  7. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>