Cara Menambahkan Scroll Pada Label Blog

Minggu, 19 Februari 2012 | 2komentar

Label Blog
Cara Menambahkan Scroll Pada Label Blog. Label pada blog pada umumnya adalah kesimpulan dari sebuah konten atau tema,bagian atau kelas.Labeling yang baik akan mempermudah pembaca dalam menemukan informasi yang mereka butuhkan dengan cepat. Pemberian label untuk setiap postingan blog juga bermanfaat untuk mengarahkan pembaca agar lebih mudah.Karena peran label yang sangat penting inilah biasanya membuat label sering dipergunakan dan ditempatkan di halaman depan blog kita.

Bila konten atau artikel kita sudah banyak maka otomatis label juga akan bertambah dan terlalu memakan tempat.Jalan terbaik agar rapih dan ringkas adalah dengan menambahkan scroll pada label blog kita.Mari kita ikuti saja aturan mainya dibawah ini.

Masuk Akun Blogger kita.
Klik fitur rancangan.
Klik edit HTML dan centang kotak expand template widget.
Gunakan Ctrl + F untuk mempermudah pencarian dalam edit HTML
Tambahkan <div style='overflow:auto; width:ancho; height:100px;'> Pada kode label dibawah,dibawah kode <div class='widget-content'>
Tambah pula penutup kode div class-nya </div> dibawah kode </ul>

<b:widget id='Label1' locked='false' title='Judul Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Klik simpan Template
Keterangan :
Dalam kode berikut  <div style='overflow:auto; width:ancho; height:250px;'> robah angka 250px untuk mengatur ketinggian scroll agar sesuai dengan template blog kita.
Semoga berhasil dan bermanfaat,happy blogging.
Share this article :
Judul: Cara Menambahkan Scroll Pada Label Blog
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Cara Menambahkan Scroll Pada Label Blog. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/02/cara-menambahkan-scroll-pada-label-blog.html. Terima kasih sudah singgah dan berkomentar di blog ini.

2 komentar:

  1. wah mudah ternyata ya sist? ntar klo label ane ud banyak pake metode ini. tapi klo kebanyakan label jadi bingung pengunjungnya...

    BalasHapus
  2. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    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 Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.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 ! BlackBerry Curve 9360 Apollo Rp.950.000,-

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger