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