Status :

Cara Custom List Numbering pada Postingan Blog

 

Halo Teman teman di artikel ini saya akan kembali membahas tentang cara memodifikasi template blogger,yaitu cara membuat Style List Numbering yang keren.bagai mana cara memasangnya?Nah,berikut ini adalah langkah-langkah cara memasang,dan menggunakan Style List Numbering di postingan blog.

Cara memasang List Numbering pada Postingan Blogger

Langkah 1:Silakan login ke blogger.com
Langkah 2:Kemudian pilih Tema dan Edit HTML .
Langkah 3:Cari kode ]]></b:skin> dan tempelkan kode tepat di atas kode tersebut.
Untuk mempermudah mencari kodenya gunakan CTRL+F

ol.style1 {
    counter-reset:numbers;
    list-style:none;
    padding:0;
    }
ol.style1 > li {
    counter-increment:numbers;
    margin-bottom:25px;
    position:relative;
    margin-left:55px;
    }
ol.style1 > li img {
    margin:15px 0;
    width:100%;
    display:block;
    }
ol.style1 > li #box-download img {
    margin:0;}
ol.style1 > li::before {
    content:counter(numbers);
    line-height:23px;
    font-family:'Google Sans';
    font-size:14px;
    font-weight:bold;
    left:-45px;
    width:32px;
    height:32px;
    text-align:center;
    position:absolute;
    color:#222;
    border:3px solid rgba(57, 60, 155, 0.3);
    border-radius:4px;top:-2px;
    }
ol.standard li, ol.style2 li, ol.style0 li, ol.style1 li ul li {
    margin-bottom:15px;
    }
ol.style1 li ul {
    margin-top:15px;
    }
.dark-mode ol.style1 > li::before {
    color:rgb(80, 103, 197);
    border-color:rgba(57, 60, 155, 0.3);
    }

Langkah 4:kemudian pilih simpanTema .

cara menggunakan Style List Numbering di posyingan blog mu

Langkah 1:buat postingan atau edit postingan yang sudah ada.
Langkah 2:Kemudian pastekan kode dibawah ini di postingan kalian.

//Silakan ganti teks yang ditandai dibawah ini
<ol class="style1">
<li>Lorem ipsum dolor sit amet.</li>
  <li>Tempore nostrum laborum sequi obcaecati.</li>
  <li>Illo iusto dolores magnam ratione!</li>
  <li>Amet odio rerum alias impedit!</li>
</ol>

Langkah terakhir:klik simpan

Baca juga :
Utamakan ngopi pagi hari,, karna hidup butuh inspirasi bukan caci maki... | Blogger | pelajar | Yo..|

2 komentar

  1. Not working
    1. Have you implemented it correctly?
© Alfatechnesia. All rights reserved. Distributed by zidarma