Penempatan Scroll Label

السلام عليكم جميعا ، والله معنا ، في بسم الله الرحمن الرحيم

Penempatan Scroll label

Segala Puji hanya milik-Nya sehingga saya kembali posting meski ga seperti dulu full online he..he...ga papa yach

Kali ini saya akan membahas beberapa pertanyaan yang sempat sahabat tanyakan.Masih seputar scroll kok belum putus he..he. 

Nah karena saya membahas seperti yang telah saya postingkan yakni:Cara membuat scroll.

Gini ya bila anda telah menambahkan GADGGET pada page element entah itu untuk LABEL,ARCHIVE BLOG,LINKS,RECENT COMMENT dan lain sebagainya.Nah penempatan itu yang anda suka ya ditempatkan dimana aja,cuma untuk merapikannya dengan scroll seperti langkah berikut:

saya ambil contoh pada LABEL dan blog anda sudah terpasang gadget label

Yang terpenting adalah penempatan kode scrollnya benar maka hasilnya akan benar.Sebelumnya kode scrollnya seperti ini

<div style='overflow:auto; width:ancho; height:300px;'>
</div>

1. Login blog Anda-->LAYOUT-->Edit HTML
2. Centang expand widget
3. Cari kode seperti di bawah ini

<b:widget id='Label1' locked='false' title='Category' type='Label'>
 Category adalah judul yang saya pakai  pada widget label
    4.copy kode di bawah ini
<div style='overflow:auto; width:ancho; height:300px;'>
lalu paste diletakkan di atas kode<b:if cond='data:display == &quot;list&quot;'>

dan jangan lupa tambahkan </div>di atas kode <b:include name='quickedit'/>
   5.Simpan dan lihat hasilnya

Nah  seperti milik saya lengkapnya seperti di bawah ini:

<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Category/类别' 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;'>
<div style='overflow:auto; width:ancho; height:300px;'>

    <b:if cond='data:display == &quot;list&quot;'>
      <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:hideFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <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:hideFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if></div>
    <b:include name='quickedit'/>
  </div>

Nah di atas adalah contoh penempatan kode scroll(yang berwarna merah).Semoga bermnafaat amien

related Article: