Lompat ke konten Lompat ke sidebar Lompat ke footer

Memberi Scroll pada Label di Blog

Berawal dari pertanyaan dari seorang teman di twitter, Bagaimana cara memberi scroll pada lebel? Akhirnya saya cari-cari dan menemukan cara itu. Label itu memang penting, usahakan setiap tulisan diberi label yang sesuai, fungsinya adalah untuk mempermudahkan penelusuran berdasarkan label dan mengetahui tulisan (postingan) yang terkait berdasarkan kesamaan label.

Memang sangat tidak enak dipandang dan bikin susah jika ada banyak label. Apalagi jika jika dibuat tampilannya mendatar, satu-satu dari atas. Sidebar jadi terlihat memanjang ke bawah. Tidak seimbang dengan post area. Oleh sebab itu untuk mengakalinya bisa memberi scoll pada label. Sehingga fungsi scroll akan membuat lebih rapi.

Cara Memberi Scroll pada Label di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

<b:widget id='Label1' locked='false' title='Kategori' 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: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>
</b:includable>
</b:widget>

6. Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300 adalah tingginya.
7. Simpan Template jika sudah selesai.

Jika di template kamu tidak menemukan kode  
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
berarti cari kode <div class='widget-content'>
dan sisipkan kode yang berwarna merah setelah itu.

28 komentar untuk "Memberi Scroll pada Label di Blog"

  1. makasih gan infonya . . .
    btw bisa bantu ane dalam hal seo kagak??

    BalasHapus
  2. wah makasih banyak ya mas, blog aku jadi rapi gara2 mengikuti ajaran di blog ini :))

    BalasHapus
  3. hmm trik yang lumayann mempercantik blog saya,eheh.....
    thx...

    BalasHapus
  4. manteb nie gan,, terimakasih udh berbagi

    BalasHapus
  5. nampaknya bagus sekali informasi ini...

    BalasHapus
  6. mantap kang .... ane pengen coba dulu kang

    BalasHapus
  7. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  8. Thanks sharing info nya Mas. Ilmu yang berharga buat Newbie seperti saya :)

    BalasHapus
  9. Ikut menyimak artikelnya Gun :-)
    Silahkan mampir2 juga ke Web saya.

    Salam Outbound !

    BalasHapus
  10. makasih sob infonya sangat membantu...

    BalasHapus
  11. terimakasih gan, dicoba dulu ah...

    BalasHapus
  12. Terimakasih untuk semua komentarnya :D

    BalasHapus
  13. jangan Sungkan Mampir di Blog saya

    BalasHapus
  14. sudah saya aplikasikan gan... :-)

    BalasHapus
  15. Pernahkah anda mendengar tentang Zahir Accounting Software ?? terdengar dari namanya atau mungkin dari pemikiran anda apakah anda sudah mempunyai gambaran tentang Zahir Accounting Software ??

    BalasHapus
  16. makasih ya atas penjelasannnya

    BalasHapus
  17. ilmunya bermanfaat sekali nih gan..salam kenal

    BalasHapus
  18. wah gitu to msbro....

    sedang belajar buat blog masbro..

    blog melarat 1
    blog melarat 2

    BalasHapus
  19. Produk dijamin asli
    TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

    BalasHapus
  20. kok saya gak bisa yah ?? padahal udah ngikutin ini persis -___-

    BalasHapus

Berlangganan via Email