Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru

SHARE:

Berikut ini cara mengganti Bullet List pada blog dengan tampilan baru agar terlihat lebih menraik dan lebih variatif dengan efek centang.

Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru

Kalian yang bosan dengan tampilan bullet list pada blog, bisa saja menggantinya dengan yang lain agar lebih terlihat variatif. Apa bisa bullet list diganti? Tentu bisa, ikuti langkah-langkah yang akan saya berikan mengenai cara mengganti bullet list pada blog dengan tampilan baru.

Bullet list ini memiliki banyak kegunaan dalam membuat artikel blog, antara lain untuk menulis data-data tertentu agar lebih terlihat rapi dan mudah dibaca pengunjung. Nah, bullet list yang menggunakan tampilan yang menarik akan lebih memanjakan pengunjung dalam membaca artikel.


Cara Mengganti Bullet List Pada Blog



Langsung saja saya kasih langkah-langkahnya untuk mengganti bullet list standar pada blog :
  1. Buka blog kalian dan masuk pada pengaturan Tema/Template > Pilih Edit HTML
  2. Pada tampilan edit html cari kode ]]></b:skin> dengan cara ketik CTRL+F
  3. Kemudian COPY kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
[.post-body ul,.post-body ol{ margin: 1em; padding-left: 1em;} 
.post-footer ul{ margin: 1em; margin-top: -0.5em; padding-left: 1em;}
.post-body ul li,
.post-footer ul li { list-style-image: url(http://i1143.photobucket.com/albums/n629/gerduren/uncheck-1.gif); border-bottom:1px solid #ccc; padding: .2em 0 .2em .5em;}
.post-body ul li:hover,
.post-footer ul li:hover { cursor: pointer; list-style-image: url(http://i1143.photobucket.com/albums/n629/gerduren/check-1.gif); background-color: #ffffff; color: #000000;]

Setelah berhasil meletakkan kode di atas, untuk menyimpannya klik SIMPAN TEMA/SAVE TEMPLATE

Sampai disini bullet list kalian sudah berubah seperti contoh di bawah ini :

Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru

Ketika kursor di arahkan pada salah satu tulisan, maka akan muncul tanda centang pada kotak kecil di tulisan yang diarahkan kursor.

Itulah sedikit ilmu buat kalian terapkan pada blog mengenai cara mengganti bullet list pada blog dengan tampilan baru agar lebih variatif. Selamat mencoba.

COMMENTS

Nama

Adsense,4,Blog,10,Design Blog,5,Seo,4,
ltr
item
Belajar Ngeblog: Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru
Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru
Berikut ini cara mengganti Bullet List pada blog dengan tampilan baru agar terlihat lebih menraik dan lebih variatif dengan efek centang.
https://1.bp.blogspot.com/-zTgolNc7R3Y/WjUPKTIKxfI/AAAAAAAACZo/bOnFWFjjV1UNKqfNfJzJYFNzU-aUoO-dQCLcBGAs/s1600/Cara%2BMengganti%2BBullet%2BList%2BPada%2BBlog%2BDengan%2BTampilan%2BBaru.png
https://1.bp.blogspot.com/-zTgolNc7R3Y/WjUPKTIKxfI/AAAAAAAACZo/bOnFWFjjV1UNKqfNfJzJYFNzU-aUoO-dQCLcBGAs/s72-c/Cara%2BMengganti%2BBullet%2BList%2BPada%2BBlog%2BDengan%2BTampilan%2BBaru.png
Belajar Ngeblog
https://alimbanjar.blogspot.com/2017/12/cara-mengganti-bullet-list.html
https://alimbanjar.blogspot.com/
https://alimbanjar.blogspot.com/
https://alimbanjar.blogspot.com/2017/12/cara-mengganti-bullet-list.html
true
4087688367466372745
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy