Cara membuat Scroll pada Label Blog


Selamat siang sobat semua, kali ini saya akan berbagi tutorial yaitu Cara membuat Scroll pada Label Blog. Sehingga membuat tata letak blog arsip blog sobat bisa menjadi simpel tidak memakan banyak temat. Nah mau tau caranya? yuk ikuti langkah berikut ini :
  1. Loggin blog
  2. Masuk ke Template kemudian pilih Edit HTML
  3. Jangan lupa centang Expant Template Widget
  4. Kemudian cari kata kunci 
  5. <b:widget id='Label1' locked='false' tittle='Categories' type='Label'>
  6. Jika tidak ketemu ganti angka 1 pada Label1 dengan angka 2, 3 dan seterusnya sampai ketemu
  7. Lihat kode dibawah ini
  8. <b:widget id='Label1' locked='false' tittle='Categories' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <div style='overflow:auto; width:ancho; height:200px;'> 
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>

    </div> 
    <b:else/>
    <b:loop values='data:labels' var='label'>
  9. Tmabahkanlah kode yang berwarna merah tepat pada kode seperti diatas pada blogarchive sobat, dan angka 200px adalah tinggi dari box blogarchive-nya bisa sobat rubah sesuai keinginan
Jika sobat ingin bertanya siakan tinggalkan komentar dibawah ini, selamat mencoba. ^_^

1 komentar :

Write komentar
February 25, 2018 at 5:09 PM delete

manthap artikelnya sob http://www.giribig.com/

Reply
avatar

Berkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.

Conversion Conversion Emoticon Emoticon