Home » , » Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

Written By Ku Copas on Wednesday, 27 June 2012 | 6/27/2012 03:15:00 am

KUCOPAS - Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog. Scroll adalah gulungan atau rol yang bersifat memuat tulisan maupun dalam satu waktu halaman, scroll bisa bersifat gulungan geser ke kanan-kiri maupun ke bawah dan atas. Untuk fungsinya nanti akan saya jelaskan menurut sepengetahuan saya, jadi ikuti dan baca artikel ini dengan cermat dan teliti.

Mungkin jika sobat ingin blognya kelihatan rapi dan bersih, maka sobat bisa menggunakan trik yang akan saya share ini. Karena fungsi dari memasang scroll yang dipasang di widget adalah untuk menyingkat pada bagian widget maupun gadget agar kelihatan rapi dan enak dipandang. Intinya tampilan blog kita jadi simpel, dinamis dan minimalis, karena biasanya kalau label atau kategori diblog sobat sangat banyak maka akan memakan banyak tempat di template blog sobat. Jadi sobat bisa memasang scroll pada label atau kategori blog, agar tampilan blog kita jadi menarik dan singkat.

Seperti contohnya sobat bisa lihat di blog DEMO KUCOPAS, pada bagian label atau kategori di samping (Sidebar) sudah saya pasang scroll. Kelihatan sangat simpel kan sobat??? Namun tetap bisa menampilkan semua label atau kategori, karena dengan adanya scroll.

Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

Jika sobat tertarik ingin mengetahui trik Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog, silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >>Masuk/Login ke >> Blogger.com menggunakan akun sobat.
2. Pada Dashboard tampilan blog baru pilih Menu >> Template >> Edit Html.
3. Kemudian cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempercepat dan memudahkan pencarian).
Lihat gambar screenshot berikut ini.

Cara Membuat Scroll Pada Label Kategori Blog

KETERANGAN:
  • No 1 adalah pencarian cepat menggunakan CTRL+F. Jika sobat sudah sampai pada >> Menu >> Template >> Edit HTML, maka gunakan CTRL+F dan isikan ]]></b:skin> pada kotak seperti gambar no 1 diatas, guna untuk mempercepat pencarian.
  • No 2 adalah letak kode pada Html template sobat.
  • No 3 adalah kode Scroll yang akan kita tambahkan.
4. Langkah yang selanjutnya silahkan sobat Copy/salin semua kode Html di bawah ini dan Paste/tempel tepat diatas atau sebelum kode ]]></b:skin> seperti pada contoh gambar screenshot di atas.

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

CATATAN:
  • height:200px; adalah nilai tinggi kotak scroll, silahkan sobat ganti nilainya agar pas seperti dengan keinginan sobat.
  • #Label1 adalah Id Html Gadget (widget) blog sobat, tidak perlu diganti jika id widget label sobat sama. Namun jika id widget label sobat berbeda, maka silahkan di cocokkan dengan id widget label blog sobat.
5. Langkah yang terakhir jangan lupa sobat klik >> Pratinjau untuk menghindari kesalahan waktu Edit Html Template sobat. Jika hasilnya sudah seperti yang sobat inginkan, silahkan sobat klik >> Save/Simpan Template.

Sampai di sini mungkin sobat sudah mengerti Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog, jika sobat belum jelas, silahkan bertanya. Dan saya akan menjelaskanya secara detail. Demikian tutorial blog ringan yang dapat saya share, semogabisa sangat bermanfaat bagi sobat KUCOPAS semua.

Artikel Terkait:

thumbnail Title: Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog
Posted by:Ku Copas
Published :2012-06-27T03:15:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog
Comments
21 Comments

21 comments:

  1. wah ini yang saya cari, terimakasih banyak ya mas. artikelnya sangat bermanfaat. :)

    ReplyDelete
  2. @ Fuji Agung >>> Iya sama2... trims jg atas kunjunganya...

    ReplyDelete
  3. makasih mas infonya,tp ini buat scroll satu kategori aja ya?klo buat kategori lain scroll nya ga muncul itu kenapa ya mas?

    ReplyDelete
  4. @Aneka >> Tambah saja kode widget yang ingin kamu scroll... contoh di atas adalah kode widget untuk #Label1 bisa di tambah untuk kode widget yang lain seperti #Label2 #Label3 #HTML7 #HTML4 atau yang lainya. cocokkan dengan id widget atau gadgetnya.

    @Riyadi >> Thank's too sob, atas kunjunganya...

    ReplyDelete
  5. informasi yng bagus dan menarik....
    teruslah memberikan informasi yg menarik bagi kami
    NIce job ^_^

    ReplyDelete
    Replies
    1. Terima kasih telah berkunjung dan berkomentar sob...
      selamat berkarya buat kamu...

      Delete
    2. wah masih belum paham saya mas, itu label1 gantinya apa ya?

      Delete
    3. Label1 adalah kode widget default untuk label pertama pada blog sob...
      Agar lebih mudah, Silahkan sobat Lihat kode widget pada Label di blog sobat. Kemudian tempelkan kode tersebut sebagai ganti kode Label yang ingin di scroll.
      Cara ini sebenarnya bisa juga untuk membuat scroll pada widget-widget yang lain.
      Seperti scroll untuk widget Artikel Terbaru, Arsip, Popular Post dan widget yang lainnya.
      Semua tinggal ganti kode widget-nya seperti kode Label1.

      Delete
  6. sory mas, saya cobakan, caranya tidak berhasil...

    ReplyDelete
    Replies
    1. Lihat dulu kode widget label mu sob...
      kemudian ganti kode #Label1 warna hijau di atas dengan kode widget label blog mu.

      Delete
  7. Thx kaka,,, Kunjungi Blog aku juga yaaaa

    http://zhakyblogs.blogspot.com/

    ReplyDelete
  8. posts and your blog is very interesting article, I'll be back to see your blog posts and articles later .. thanks for the info

    ReplyDelete
  9. Thx ya.. Berhasil di blog saya :)

    http://ucitz.blogspot.com/

    ReplyDelete
  10. nice gan... infoh yaNG mantap.
    visit my blog dong http://apricyber.blogspot.com/

    ReplyDelete
  11. post a simple dan saya berhasil ini yg dicari

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. info bagus gan, sangat bermanfaat bagi saya. Ditunggu kedatangannya di www.ankurniawan.blogspot.com

    ReplyDelete
  14. This comment has been removed by a blog administrator.

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger