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:

49 Was Commented to “Membuat Scroll di LABEL”

  • January 18, 2010 at 5:40 PM
    narti says:

    makasih tutorialnya...biar gak panjang kayak kereta api...
    dan rapi tentu saja..

  • January 18, 2010 at 5:42 PM
    sda says:

    save dulu ya...
    makasih banyak

  • January 18, 2010 at 8:35 PM
    Unknown says:

    sis Narti>semoga bermanfaat

    sda>sama sama

  • January 18, 2010 at 9:28 PM
    ipin's cool says:

    thanks for share nya dhana...!
    ganti theme blog nih ..kerennnnnnn.....bellum nemu yang cocok yahh..ganti2 terus dehhh

  • January 18, 2010 at 11:03 PM
    Darma Ccti says:

    thanks mbak...
    :-)

  • January 19, 2010 at 3:10 AM

    makasih tipsnya

  • January 19, 2010 at 4:14 AM
    Unknown says:

    mas Ipin>sebenarnya saya ga suka ganti ganti baju londry mahal he..he.. berhubung kesalahan saya hingga galat datang terpaksa ganti

    mas adrma>semoga berhasil n bermanfaat ya

    mas subandi>sama-sama

  • January 19, 2010 at 7:20 AM

    Postingan Tutorial yang mnatap mbak...
    makasih banyak.

  • January 19, 2010 at 9:10 AM
    Anonymous says:

    mampir pagii mbak dhana... good luck for today ya... btw tutorialnya keren nih...

  • January 19, 2010 at 9:39 AM
    Unknown says:

    mas setiawan>semoga bermanfaat ya

    zujoe>silahkan mampir,good luck too 4 u and semoga bermanfaat thnxs

  • January 19, 2010 at 11:18 AM

    Mantap nich....saya mau save dulu dah....biar bisa di praktekin......

  • January 19, 2010 at 11:24 AM
    amcied says:

    wah ini menyinggung blog saya,heheee
    thank's bnt sering'y...
    ntr di coba,hehee

  • January 19, 2010 at 12:01 PM
    Unknown says:

    mas Arman>semoga bermanfaat

    amceid >saya tidak menyinggung loh saya menjawab temen saya DARMA CCTIso saya postingkan

  • January 19, 2010 at 12:09 PM
    strategi says:

    sip mbak... wah makin keren nih blog nya

  • January 19, 2010 at 12:10 PM

    bgs nie tipsnya.... pasti banyak yg suka

  • January 19, 2010 at 12:21 PM
    Unknown says:

    strategi>makasih blog anda juga keren kok

    mas Ocim>alhamduLillah mas

  • January 19, 2010 at 12:29 PM
    moenas says:

    mantabbb neh tipsnya, thanks ya mbk

  • January 19, 2010 at 2:31 PM
    Unknown says:

    sama-sama moenas semoga bermanfaat

  • January 19, 2010 at 8:34 PM

    makasih tutorialnya...:)

  • January 19, 2010 at 8:56 PM
    Unknown says:

    movie>thnxs for comment too

    sis anita>sama-sama semoga bermanfaat

  • January 20, 2010 at 4:04 AM
    BolaBulet says:

    Blognya serba rapi... salut euy! :-)

  • January 21, 2010 at 12:47 AM
    danny says:

    muter muter blogwalking, akhirnya ketemu juga trik ini. Berguna banget buat rapiin layout blog nih...! thanks mba

  • January 21, 2010 at 5:16 AM
    kelirirenk says:

    Sangat bermanfaat tutorialnya, apalagi bagi yang memiliki komentar banyak di setiap postingnya kayak blog ini

  • February 11, 2010 at 5:04 PM
    ADMIN says:

    Untuk pemasangan ini dimana kita letakkan misal dibawah atau diatas apa, nah itu belum anda sebutkan jadi aku ragu dimana kita letakkan mohon info sekalia lagi bisa di comment ini aku akan kebali lagi terima kasih

  • February 17, 2010 at 9:58 AM

    mba itu yg di copas mulai dari yg berwarna merah ...

    trus penempatannya di bagian mana ...?

    aq coba koq error terusss ...

    thanks

  • February 17, 2010 at 2:47 PM
    Unknown says:

    bola-->thnxs ya

    kelir-->blog anda juga banyak koment tuh thnxs ya

    software-->dah saya jelaskan pada postingan baru mas

    mas bobby-->yang anda copas cuma yang berwarna merah aja lau di simpan masa sich mas eror mungkin kode script anda yang trouble

  • February 21, 2010 at 11:12 PM
    Bobby says:

    Assalamualaikum wr wb

    mba mohon bantuannya ...
    aq masih blum mudeng sama penempatannya itu di sebelah mana ...?
    dan yg di copy mulai dari yg mana ? (warna merah kah ..? )

    terima kasih

    wassalamualaikum wr wb

  • March 20, 2010 at 9:12 AM

    makasih mba atas tipsnya, ijin dicopy. Salam

  • January 21, 2011 at 7:32 AM

    tutorial bagus Gan, tks

  • November 30, 2011 at 7:13 PM
    tika sweet says:

    keren....nice

  • December 14, 2011 at 1:33 PM
    Anonymous says:

    terima kasih atas infonya. semoga anda mendapat balasan berlipat ganda dari Allah sWt. amin.

  • August 21, 2013 at 3:36 PM

    panjang banget scripnya izin copy ya mbak.

  • September 29, 2013 at 9:35 AM

    makasih gan
    i like it

  • January 6, 2015 at 4:10 PM

    Informasinya sangat bagus memberikan pembelajaran tentang blog. Terima kasih

  • April 8, 2015 at 2:52 PM

    Mantap banget gan artikelnya. . Update terus ya artikel lainnya. Salam sehat dan sukses untuk semuanya
    Wassalam

  • April 9, 2015 at 10:53 AM

    Mantap banget gan informasinya. . selalu sajikan info-info lainnya ya.
    Salam sehat dan sukses terus

  • April 10, 2015 at 10:32 AM

    Selamat siang. .terimakasih untuk sajiannya, sukses terus ya

  • April 10, 2015 at 2:38 PM

    selamat sore. . sukses ya untuk blog nya, kami tunggu update terbarunya,
    Terimakasih

  • April 11, 2015 at 10:49 AM

    Happy weekend sob. . Thank's ya untuk sajiannya, keren banget artikelnya.
    Sukses selalu ya

  • April 13, 2015 at 10:00 AM

    Informasi yang disajikan mantap banget sob. Thank's ya
    Salam sehat dan sukses terus, Amiin

  • April 15, 2015 at 7:44 AM

    Selamat pagi. . selamat beraktivitas kembali ya. Update terus informasi terbarunya, kami tunggu.

  • April 20, 2015 at 8:13 AM

    Informasi yang sangat mantap sob. . Sukses terus ya untuk blog ya.
    Terimakasih & salam sehat

  • April 22, 2015 at 8:53 AM
    SEHAT ALAMI says:

    Info yang sangat baik dan bermanfaat banget sob. . Terimakasih banyak ya, sukses

  • April 23, 2015 at 10:26 AM

    Artikelnya mantap banget sob. . sukses ya untuk blognya.
    Salam sehat dan jangan lupa mampir balik

  • May 4, 2015 at 11:22 AM

    Terimakasih untuk info dan tips nya. . semoga bermanfaat dan sukses terus utk blognya.
    Salam sehat

  • October 21, 2015 at 5:54 AM
    unsgu says:

    semua yang telah dihadirkan oleh website ini sangat sempurna,baik tampilan dan artikelnya..penuh warna dan penuh makna.. specifications car and motorcycle , home design and decorating Ideas , price and specifications , minimalist home design

  • December 3, 2015 at 8:15 AM
    unsgu says:

    terimakasih, website ini telah memberikan engine kawasaki z800 ilmu pengetahuan yang sangat bermanfaat untuk saya dan yang lain specification honda cb500f

  • June 20, 2016 at 9:50 AM
    Unknown says:

    all had modern home design been presented specifications and price with a perfect through free home design this website .. sharp and accurate information reliable .. thanks you have willingly shared with us.

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