Loading...

Cara Mengganti Bullet List di Blog

Cara-Mengganti-Bullet-List
Bullet list pada template blog default hanya berbentuk bulat penuh yang bewarna hitam seperti gambar di atas. Bullet list sebenarnya bisa kita ubah sesuai keinginan kita, selain untuk memperindah pada postingan blog macam-macam bullet list di bawah ini mungkin akan menjadi daya tarik tersendiri bagi pengunjung blog anda.

Berikut Cara Mengganti Bullet List di Blog
  • Login blogger
  • Klik template -> pilih Sesuaikan
  • Pada tab perancang template klik tingkat lanjut
  • Masukkan kode di bawah ini pada kolom yang tersedia
    .post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6-M78Fe0QAPEno9K2Fb70ZB_4FDh1CbF997VSRTKNR4YapoH06foaZ1POm5tp8SjSAVIKaKXd8ZgkBMnQ6nrqJ4YRPKKjrPt7JJWy_BnZD_v1R1TimiWljalfPLpb0ov7HLjVVsuT1_Ch/s1600/bullet_tick.png');}

  • Pilih Terapkan ke Blog
 
Cara-Mengganti-Bullet-List

Kode yang di beri warna biru adalah alamat gambar dari bullet list tersebut yang bisa anda ganti dengan url bullet list yang lain, contoh di atas adalah contoh dari bullet list berbentuk checklist, nah di bawah ini saya memberi lagi kode gambar bullet list yang mungkin menarik bagi anda.
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW5O79wep1ILdX8EBTw9uJrkvsGLF_gh0EhRQ7RHpf5_GESRF264pnSdg3ZuSPXEds4lhblFqzrPDPQsbhCzIxa8ozybKRZffnD_PSvE-YrZC8PrRNThniZmHzLMZGjKQ3OoBUVEfxUojg/s1600/bullet_blue_arrow.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCk2u-OGZAgHNS3k0Mduo7cCr93WFTGOHkJmY8pQjZbPFS0uAZVloD1tGHBsgp2ws7Izkqfd8H9X6kWO-JOrFSWf9J6hk6zBpU9bXWpygLLQWqdrrrydUwie_CEhbD8vUEKxWIBCaT5GjO/s1600/bullet_error.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPM01pSI_-4wM3ezTGJ4X6_C3yBhurv2khZr7zsgnKFX5qjDDx9DglVPDaK0X0bfYmX4SvHJhyphenhyphen-xrzx-fZR0TM6Tm5PMzTkFPfzoq-0Cl6u1SYaaIgwOTCaQNBnlirPw7CO_RpF4Y93c/s1600/star_bullet.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH3GZVi9gjwmCHTTBqf6p46X4RaqJBxvxvfkLQcAeV2JrXrPUSsK8tXr0dhRTt7Fq6BE745MuUDtYcgyL7FOy-xW9kg_1xxBHegM9qTZA3fyCBhuFOq93Kd4wfgp5-_mnh4BCjIX64_fyp/s1600/bullet_home.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnIe6O_qCv0I8phRKKyODZU-_W0iHZYrKfLr0h6ifLAQ1SabruGhIDika3vcF7_ly-HAqOxu1k4WZrFTfotDlRxMe3ae7T8I6FbXfZUAVlR2zMEDEBQzl2LfmbmwwqH1T_iext1E0GIhs/s400/255.gif
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEL8Kaceedys0to8g5cwm-CltPGrE_O_zsPoO2iuY_KFgKFxaqmBZ2DvXg8_MoeOrfNrQWTdG_kLQYpA04RHPkIf0nPG57bImGzTPWSxJuSkj_7oko0iIWFg0OAKFqdVnWOU8hqSpOJa8/s800/bullet-point-green-tick.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7qxpDq3fgeiPpmaywidSKugjjZvXuNqavzYOSB9l3PR0EKcM4y-i1T4O1FEp1BQkTjnAHS-ZKs5Hy2whR6Y_dKuAMDKhSL0TOMDZcCWMJSiCAFsILnAdjKKaDscJMehs3FbEN7w8ENg/s1600/arrow_icon.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_9hsZ-NfSLoqQg5VCW94ReRAIUWWeC_GoYfqCgMp8y6eNQ6ziDIsppK6Qhp2E26jOEztG-1pUjleaXZtj0RTC2Uedl4B2BXk2RSATdYt6ZmM9E0-rKS-kni27c60KMd5TY-o9xk_QO9w/s800/bullet-point-image-5.gif
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFE5qiEDl70uTOB48z1ZXO1_tEV-LyyTes0UhRxlwVy0GTJP4KSH7FrEm1Ww_8PnxT4EmfW1zymLsZ3hp9lBWWFnR4C6qSuNqkzmuRXp98AmX0g0nlSew1w5TMsw2NJ2hOwnSAlHbOIU/s800/bullet-point-image-1.png

Sekian postingan mengenai Cara Mengganti Bullet List di Blog, semoga dapat bermanfaat!

12 Komentar pada "Cara Mengganti Bullet List di Blog"

wah, thanks info nya gan. ijin nyoba. ^_^

Balas

wah ini yang gue cari dari tadi, ijin coba yah gan

Balas

Bermanfaat.
Thanks infonya.

Balas

keren, mau saya coba terapkan di blog saya yang ini yaa gan http://vivamaulana.blogspot.com/

Balas

Keren Patut Di Coba Ini (y)
-Blogwalking

Balas

keren gan.. tapi saya masih blm paham.. ^^

Balas

saya coba gan, saya nyari yg bginian.. :D

Balas

kalo ga bisa agan taruh aja kodenya tepat di atas kode ]]></b:skin> ganti URL gambar sesuai yang agan inginkan

Balas
This comment has been removed by the author.

kalo ga bisa juga taruh kodenya tepat dibawah kode <style type='text/css'> pada HTML template

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Mengganti Bullet List di Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode