For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat Unordered list custom di blogger

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat Unordered List custom di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Unordered list custom

Apa itu Unordered List custom? Unordered List atau yang lebih populer adalah tag <ul> merupakan tag kode HTML untuk menampilkan daftar text secara berurutan dengan menggunakan simbol di awal text tersebut, simbol sederhana sering menggunakan (•) namun simbol tersebut bisa di kreasikan jika di mungkinkan seperti simbol yang di gunakan pada Unordered list custom yang sedang admin jabarkan di dalam artikel kali ini

Contoh tampilan

Dari pada penasaran dengan bagaimana kah contoh tampilan Unordered List custom tersebut silahkan periksa menggunakan tombol di bawah ini

Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat Unordered List custom di blogger, silahkan baca dan ikuti setiap arahan yang bakalan admin jabarkan di bawah ini

  1. Silahkan login ke blogger menggunakan akun google milikmu
  2. Selanjutnya silahkan pergi ke menu Theme atau Tema kemudian pilih menu Edit HTML
  3. Kemudian silahkan salin kode CSS di bawah ini, kemudian letakkan di atas kode ]]></b:skin>
  4. /* Unordered list style by ICloudice.com */ 
    ul.rah{list-style:none!important;list-style-type: none!important; padding: 0;} 
    ul.rah > li{margin-bottom: 3px; position: relative; margin-left:35px}
    ul.rah > li::before { content:'';background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23DE3535' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;height:18px;width:18px; left:-30px;text-align:center;position:absolute; top: 3px}
    .drK ul.rah > li::before{content:''; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23DE3535' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;height:18px;width:18px;left:-30px;text-align:center;position:absolute;top:3px}

    Info: Atau sobat bisa menggunakan tag kode <style> untuk meletakkan kode CSS di atas

  5. Dan untuk menampilkan Unordered List custom tersebut, silahkan gunakan kode HTML di bawah ini
  6. <ul class='rah'>
    <li>Bla bla bla bla bla bla bla bla bla bla bla</li>
    <li>Bla bla bla bla bla bla bla bla bla bla bla</li>
    <li>Bla bla bla bla bla bla bla bla bla bla bla</li>
    <li>Bla bla bla bla bla bla bla bla bla bla bla</li>
    <li>Bla bla bla bla bla bla bla bla bla bla bla</li>
    </ul>

    Info: Jika di gunakan di dalam postingan blog, gunakan mode HTML saat menulis artikel ok

  7. Silahkan ulangi cara yang sama jika kamu ingin menampilkan Unordered List custom atau tag <ul> tersebut, Okay


  • Bla bla bla bla bla bla bla bla bla bla bla
  • Bla bla bla bla bla bla bla bla bla bla bla
  • Bla bla bla bla bla bla bla bla bla bla bla
  • Bla bla bla bla bla bla bla bla bla bla bla
  • Bla bla bla bla bla bla bla bla bla bla bla


About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Best Viral Premium Blogger Templates from Icloudice


kami menawarkan berbagai template blogger dan produk istimewa untuk anda, support karya anak bangsa dengan membeli produk yang kami jual

Welcome to my store limited

  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.