Cara Menambah/Merubah List Daftar Populer dengan Angka/Icon


Selamat Datang di Wahyu Development, kali ini saya ingin membagikan tutorial bagaimana menambahkan nomor atau icon pada daftar populer pada halaman website/blog, fungsi dengan memberikan nomor  membuat pengunjung mengetahui artikel mana yang menjadi favorit pada halaman website tersebut, tapi jika anda ingin merubahnya menjadi icon juga bisa, berikut caranya.


Pertama silahkan anda buka akun blogger anda --> kemudian klik tema --> lalu Edit HTML. Pada halaman Edit HTML silahkan tambahkan code CSS berikut tepat sebelum code ]]></b:template-skin>. Ini adalah code CSS dengan daftar nomor.


Jika anda ingin merubah menjadi icon Awesome silahkan gunakan CSS berikut ini.


Untuk merubah icon Awesome sesuai yang anda inginkan, pada code CSS diatas terdapat code CSS content: "\f155"; silahkan anda ganti sesuai dengan icon Awesome yang anda inginkan.

Untuk melihatnya silahkan anda buka halaman Font Awesome --> kemudian cari icon yang anda inginkan --> lalu klik icon tersebut. Maka akan tampil seperti ini.



Pada gambar diatas yang saya tandai dengan garis berwarna merah itu adalah code yang harus anda masukan pada code CSS diatas. Jika sudah silahkan save tema/theme anda, maka halaman populer akan tampil seperti pada website ini.

Itulah cara menambah/merubah daftar populer dengan angka atau icon, berikan komentar anda dan semoga bermanfaat . . .

0 Response to "Cara Menambah/Merubah List Daftar Populer dengan Angka/Icon"

Post a Comment

Komentar anda adalah motivasi kami!
Untuk menyisipkan code gunakan
<i rel="code">Tuliskan Code</i>
Untuk menyisipkan gambar gunakan
<i rel="image">URL Gambar</i>
Untuk menyisipkan catatan gunakan
<b rel="quote">Tuliskan Catatan Anda</b>
Centang Notify me untuk mendapatkan notifikasi balasan komentar melalui Email

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel