18 January, 2010

Membuat Scroll di LABEL



Membuat Scroll di Label
بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم
Segala Puji hanya Milik Tuhan ,Pemilik seluruh Alam dan isinya amien..Masih turut berduka gempa di Haiti hiks..hiks...
Bagaimana memulainya saya belum bisa he..he..kembali pada Blog Tutorial saya yang mendapatkan request bagaimana membuat LABEL ARSIP POSTING dengan gaya SCROLL.Sebelumnya saya uraikan singkat dulu mengenahi LABEL yang berfungsi to show all posting with detail when we have posting alias menampilkan semua yang telah kita postingkan gitu...Anda juga pasti tahu Gaya Sroll beragam mulai scroll comment,sroll archive,scroll label,scroll links dan scroll-scroll lainnya uakeh tenan,intinya scipt srocll adalah seperti dibawah ini
<div style='overflow:auto; width:ancho; height:300px;'>
</div>
Kalau biasanya pada design blog biar terlihat rapi khususnya pada sidebar dengan menampilkan  LABEL(yang saya bahas sekarang ini)biasanya dengan tampilan molor alias turuuunn...kebawah alangkah baiknya kita rapikan nah bagaimana merapikannya langsung saja ikuti cara berikut:
1.Tambahkan Gadget LABEL pada sidebar Anda(lalu simpan)
2.Masuk  LAYOUT diteruskan ke EDIT HTML
3.Lalu centang Expand widget template
Nah penempatan script selengkapnya 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>

4.Pastikan size ukuran serasi dengan sidebar anda.,hide=menyembunyikan angka,Show=menampilkan angka,selanjutnya SAVE,nah silahkan liat tampilan baru yach
Nah bila kedua script srcroll berwarna merah telah ditambahkan maka akan menjadi scroll category/label seperti milik saya  Category/类别.
Akhirnya selamat mencoba dan semoga bermanfaat amien...salam blogger/site yach



related Article:

54 Was Commented to “Membuat Scroll di LABEL”

Post a Comment

Terima kasih atas komentar Anda/Thanxs for Ur Comments/
感谢您的评论 dan please dont SPAM yach...

 

Dhana Arsega/戴安娜 Copyright © 2011 --Edit and Converted by Dhana Arcamo