Cara membuat tabel scrollbox pada label blogspot

Cara membuat tabel scrollbox pada label blogspot - Cara membuat Label atau Tag cloud sama dengan Label atau biasa disebut label cloud yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu artikel. Untuk membuat tag cloud, anda harus pasang gadget label terlebih dahulu lalu membuat label pada setiap artikel atau postingan pada blog anda. Cara pasang gadget label dan cara membuat label, anda bisa lihat.

OK.... sekarang kita langsung cara membuat Tag cloud, Silahkan anda ikuti langkah - langkah dibawah ini:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.


3. KLik tab Edit HTML.


4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Klik tombol "Expand Widget Templates"

6. Selanjutnya anda lihat script seperti dibawah :

<b:widget id='Label1' locked='false' title='Label' 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='border:2px solid #ffffff;background-color:#666666;width:270px;height:250px;overflow:auto;width:ancho;height:250px;'>
    <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:showFreqNumbers'>
            <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:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </div> 
Script warna merah tinggal anda sisipkan seperti susunan sript diatas :
 border bisa anda ganti 1px ( terserah anda ) 
 background bisa anda ganti 1px ( terserah anda ) 
 height bisa anda ganti 1px ( terserah anda )
 width bisa anda ganti 1px ( terserah anda ) 

Semoga bermanfaat.
Sekian mengenai :  Cara membuat tabel scrollbox pada label blogspot

0 komentar:

Posting Komentar

Silahkan berkomentar untuk entry artikel di Blog Cinta, Pria dan Wanita