Menambahkan Scrollbar Pada Bodi Postingan

Menambahkan Scrollbar Pada Bodi Postingan : Selain dapat diaplikasikan pada widget / sidebar, fungsi scrollbar juga dapat diaplikasikan pada postingan sehingga masing-masing postingan akan menjadi lebih pendek dengan ukuran yang sama satu dengan lainnya. Bagi yang belum menerapkan efek/trik readmore, dengan trik ini, kita akan mendapatkan efek yang hampir sama dengan trik readmore tersebut. Bagi yang ingin mencoba-coba, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Jika penasaran, langsung saja, langkah-langkahnya adalah sebagai berikut.

Pertama, login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML

Kedua, kemudian temukan kode css yang kurang lebih seperti di bawah ini.

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}

Ketiga, kemudian tambahkan kode di bawah ini pada kode css di atas.

height:150px;
overflow:auto;

keterangan >> angka 150px merupakan ukuran tinggi yang dapat Anda ganti sesuai kebutuhan/keinginan.

Sehingga secara keseluruhan kode css-nya menjadi seperti di bawah ini. (kode yang berwarna merah adalah kode yang baru kita tambahkan).

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
height:150px;
overflow:auto;
}

Atau dapat kita lihat seperti screenshot di bawah ini.

Keempat, Simpan Template

Keenam, selesai

Jika tidak ada “aral melintang”, halaman postingan kita akan menjadi seperti screenshot di bawah ini.

Selamat Mencoba-coba!!

(sumber : Tricks For New Bloggers)

Baca juga yang ini.

1. Tips Membuat Readmore Pada Blogspot
2. Mengetahui Yang Menjiplak Postingan Kita
3. Menghilangkan Angka pada Label
   
4. Tips Membackup Blog
5. Scrollbar Untuk Label Yang Memanjang
6. Menuliskan Kode HTML dalam Postingan
   
7. Highlight Pada Postingan
8. Membuat Footer Multi Kolom
9. Tips Mendulang Dollar dari Buyblogreviews.com
10. Tips Mendulang Dollar dari Blogsvertise.com
11. Tips Tampilkan Full Path File pada Windows Explorer

Description: Menambahkan Scrollbar Pada Bodi Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menambahkan Scrollbar Pada Bodi Postingan

More about → Menambahkan Scrollbar Pada Bodi Postingan

Tutorial cara membuat blog mudah

karena banyak teman-teman newbie yang minta di ajarin cara buat blog. kali ini saya ingin menuliskan cara membuat blog mudah di blogger.com

Langkah 1: Daftar Google

pertama-tama anda harus mendaftarkan Diri Anda di Google
Lho koq di Google? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.


Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol.

Anda juga dapat memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.

Langkah 2: Daftar Blog

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA " seperti pada gambar di bawah ini :

2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email


4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password


5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)


6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan


7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.


8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"


9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog


10. Tulis nama situs anda pada form Alamat Blog (URL)


11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".


12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"


13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

Langkah 3: Isi ( Content ) blog  

isi atau content blog dapat diisi sesuai dengan keinginan si empunya blog itu sendiri... dan lebih baik jika teman-teman mengisi content blog sesuai dengan hobi teman-teman. misalnya : yang hobinya otomotif membuat blog tentang otomotif, dan teman-teman yang hobinya bola, dapat membuat blog yang isinya tentang sepakbola....selamat mencoba.....

Description: Tutorial cara membuat blog mudah Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tutorial cara membuat blog mudah

More about → Tutorial cara membuat blog mudah

New Peterpan Logo

setelah keluarnya dua orang personil peterpan. maka, peterpan pun akan segera ganti nama dan telah membuat sebuah logo yang menyerupai sehelai bulu. Mhmmmm semoga saja peterpan dapat menjadi band yang terus exist dan bersinar di masa-masa yang akan datang ya...?! Description: New Peterpan Logo Rating: 4.5 Reviewer: Unknown - ItemReviewed: New Peterpan Logo

More about → New Peterpan Logo

File Extentions

Do you know anything about file extentions? As fas as I know file extentions are three or four or even more letter codes at the end of computer file names. They will tell to operating system, such as; Microsoft Windows Vista, Windows XP, Windows 95/98/ME/2000, Linux and etc). For example; when we are downloading new software, the downloading result becomes editor for a file format on our computer. According to the data that I have read many researchers have done any research and collected a very large list of the File extensions and many with detailed explanations of each file type and the way they are used recently.

I believe that when we play or using computers, we sometimes finds with unknown file extentions. We should not be worried because as soon as we find that kind of extension, we just look up the information about desired file extension and its association with computerfileextensions.com. When you are visiting computerfileextensions.com, you will find a lot of kinds of File Extensions but from most of them, File Extension TMP, File Extension PPS, and File Extension TORRENT are the most poplular ones. Besides

being able to see the most popular file extension, you can also see most recently accessed file extentions, such as; There are a large number of file extension, such as; 0E, DVDRIP, CML, anda many more. Please visit computerfileextensions.com for more info.

Description: File Extentions Rating: 4.5 Reviewer: Unknown - ItemReviewed: File Extentions

More about → File Extentions

Mengetahui Yang Menjiplak Postingan Kita

Mengetahui Yang Menjiplak (Copas) Postingan Kita : Pada postingan sebelumnya, di sini, telah TIPS DAN TRIK BLOG ketengahkan salah satu cara melindungi postingan dari COPAS (copy paste) oleh orang yang tidak bertanggung jawab. Walaupun demikian, masih ada saja kemungkinan orang lain yang dapat melakukan copy paste postingan kita.

Jika penasaran siapa saja yang telah melakukan copas terhadap postingan Anda, Anda dapat menggunakan layanan yang disediakan oleh http://www.copyscape.com/. Layanan gratis yang saya temukan di “gudang tips blog”nya mas Kendhin ini mampu mendeteksi beberapa blog atau situs yang telah melakukan copy paste terhadap postingan kita. Walaupun tidak dapat mendeteksi semua blog namun cukuplah untuk sebuah layanan yang free.

Oh, iya, selain itu, kita hanya dibatasi 5 (lima) pencarian per bulan untuk setiap blog atau situs. Jika menginginkan fasilitas lebih, kita harus mendaftar terlebih dahulu untuk mendapatkan Premium Account dengan membayar sejumlah uang.

Ok, cara menggunakan copyscape ini sangat mudah dan praktis, Anda tidak perlu melakukan registrasi (pendaftaran) terlebih dahulu. Anda hanya tinggal memasukkan URL postingan yang Anda curigai sering dicopas (dijiplak) oleh orang lain yang dilanjutkan dengan menekan GO maka dalam waktu yang tidak lama, Anda akan segera mengetahui siapa saja yang melakukan copas terhadap postingan tertentu.

Langkah-langkahnya sebagai berikut.

Pertama, masuk ke http://www.copyscape.com/

Kedua, masukkan ULR postingan yang Anda curigai tersebut pada form yang disediakan, seperti di bawah ini.

Ketiga, kemudian klik “GO” dan tunggu beberapa saat untuk mengetahui hasilnya.

Keempat, jika memang ada yang melakukan copas terhadap postingan Anda, Anda akan dapat melihat daftar blog atau situs yang telah melakukan copas tersebut, seperti di bawah ini.

Kelima, jika ingin mengetahui lebih jauh tentang blog atau situs yang melakukan hal tersebut, Anda dapat melakukan klik pada salah satu atau semua blog yang telah dideteksi oleh copyscape tersebut.

Keenam, Anda akan dapat mengetahui nama dan/atau pemilik blog yang telah melakukan copas tersebut.

Ketujuh, selanjutnya terserah Anda!! (seperti iklan saja,..he,..he,..)

Anda juga dapat memasang banner peringatan copyscape pada blog Anda sehingga orang / blogger lain tidak sembarangan melakukan copas dari blog Anda karena copyscape akan selalu memantau/mencegah postingan Anda dari copas orang lain. Anda dapat memilih banner dengan berbagai ukuran sesuai yang Anda kehendaki. Contoh bannernya seperti di bawah ini.

(special thanks for Trik Tips Blogging)

Baca juga yang ini

1. Cara Melindungi Postingan dari Copas
2. Tips Membackup Blog
3. Menghilangkan Angka Pada Label
4. Tips Trik Windows XP
5. Tips Trik Security Komputer
6. Tips Backup Data

Description: Mengetahui Yang Menjiplak Postingan Kita Rating: 4.5 Reviewer: Unknown - ItemReviewed: Mengetahui Yang Menjiplak Postingan Kita

More about → Mengetahui Yang Menjiplak Postingan Kita

Health and Beauty

Do you need any health and beauty products? Do you find bored with your present health and beauty products? Or do you want to shop them in a reputable and experienced place? Well, if all answers are yes, you should visit shopwiki.com. Shopwiki is well known as a revolusionary online store in the internet and it becomes the best places for those who like shopping online. Shopwiki has everything that the shoppers need and one of them is Health and Beauty products.

Because there are many health and beauty products, so it is better for the shoppers to read the buying guide. By reading the buying guides, they will find the right and suitable health and beauty products. For example, if they want to buy skin care products, they can read the guides here. The advice and tips on buying skin is very important because if they choose the wrong product, it will affect their skin. If they want to get the latest tips and trends for cosmetics, they ought to get the Cosmetics Guide. There are a lot of tips, Trends & Techniques, Tools, and resources here. Well, shoppers, anytime you need health and beauty products, just drop at shopwiki.com because shopping here will guarantee that your body will be healthy and your face will be beautiful.

Description: Health and Beauty Rating: 4.5 Reviewer: Unknown - ItemReviewed: Health and Beauty

More about → Health and Beauty

Tips Membackup Blog

Tips Membackup Blog : Pernahkah kita bayangkan bagaimana seandainya sebagian atau bahkan seluruh postingan blog kita tiba-tiba menjadi hilang misalkan karena sesuatu “kecelakaan”? Atau bahkan template blog menjadi berantakan karena sering menggonta-ganti template atau mengotak-atik HTML? Semua kejadian tersebut mungkin dan bisa saja menimpa pada blog kita. Tentunya akan sangat menjengkelkan dan melelahkan jika kita harus melakukan pekerjaan (pempostingan) ulang yang tentunya akan banyak menghabiskan waktu, tenaga, pikiran, dan biaya lagi yang tidak sedikit. Oleh karena itu, seperti halnya data-data penting lainnya, kita juga harus membuat backup blog kita sebagai langkah antisipasi terhadap hal-hal yang tidak kita inginkan tersebut. Ikuti tipsnya bersama Tips Trik Blog berikut ini.

Backup Template

Untuk melakukan backup template, Anda dapat melakukan langkah-langkah sebagai berikut.

Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML

Kemudian klik “Download Template Lengkap”, seperti screenshot di bawah ini.

Kemudian arahkan tempat penyimpanan ke folder yang Anda inginkan. Jika Anda menggunakan firefox maka hasil download akan disimpan di lokasi folder default atau pada folder yang Anda setting sebelumnya. Untuk melakukan setting lokasi download pada firefox, dapat Anda lihat di sini.

Jika suatu ketika Anda ingin mengembalikan kepada template semula, langkah-langkahnya adalah

Pertama, login ke blogger >> Dasbor >> Tata Letak (layout) >> Edit HTML

Kedua, klik “telusuri” untuk menemukan lokasi folder penyimpanan file back up.

Jika sudah ketemu, klik “unggah”.

Backup Blog

Untuk melakukan backup blog, selain menggunakan layanan default dari blogger, kita dapat menggunakan fasilitas atau layanan online yang disediakan oleh pihak ketiga. Untuk tujuan tersebut, kita dapat mencoba layanan http://www.blogbackuponline.com/.

Bagi yang tidak ingin membayar, Anda dapat mencoba layanan yang free. Dengan layanan free ini kita mendapat “jatah” space hingga 5 MB untuk postingan berupa tulisan tidak termasuk image dan video. Namun dengan space tersebut, saya kira lebih dari cukup untuk membackup seluruh postingan kita. Dengan asumsi setiap postingan membutuhkan rata-rata2000 karakter maka layanan tersebut dapat membackup hingga 2500 postingan. Lumayan, kan!!

Blogbackuponline ini supportable untuk layanan Blogger, Wordpress, Life Jurnal, Windows Life Spaces. Jadi untuk para pengguna keempat layanan tersebut, Anda tidak perlu kuatir dengan postingan Anda karena kita dapat menggunakan layanan tersebut untuk membackup blog kita.

Langkah-langkah untuk melakukan backup dengan menggunakan layanan http://www.blogbackuponline.com/ adalah sebagai berikut.

Pertama, lakukan registrasi dengan mengisi email dan password. Lakukan aktivasi account melalui link pada email yang dikirimkan sesaat setelah kita melakukan registrasi.

Kedua, setelah login dengan account yang sudah aktif tersebut kemudian lanjutkan dengan mendaftarkan blog Anda, dengan mengklik buton “Start Registering Your Blog” kemudian Anda harus memasukkan alamat URL_blog Anda kemudian dilanjutkan dengan menekan Register Blog.

Ketiga, tunggu beberapa saat kemudian dilanjutkan dengan menekan “Start full backup”.

Keempat, tunggu beberapa saat karena blogbackuponline sedang melakukan back seluruh posting Anda dan ini akan memakan waktu beberapa lama tergantung ukuran (banyaknya posting) blog kita.

Dengan telah selesainya prosedur di atas, maka blog Anda akan dibackup secara otomatis setiap oleh blogbackuponline tersebut. Jadi, Anda tidak perlu melakukan apa-apa, Anda hanya perlu melakukan posting dan posting saja, untuk urusan backup serahkan kepada blogbackuponline.

Untuk mengembalikan data-data postingan kita adalah sebagai berikut.

1. Login ke http://www.blogbackuponline.com/

2. Masuk menu Dashboard kemudian klik manage kemudian pilih content. Di situ, kita akan menemukan postingan blog kita di mana kita hanya perlu melakukan copy paste atas postingan-postingan terdahulu jika memang harus melakukan pempostingan ulang.

Semoga bermanfaat!!

(Special thanks for Trik Tips Blogging)

Baca juga yang ini.

• Menghilangkan Angka Pada Label
• Scroll Bar Untuk Label Yang Memanjang
• Membuat Chicklet Secara Online
• Memasang Favicon Pada Blog
• Membuat favicon dengan Favicon Generator
  
• Mencoba Freeware Capture Screen
• Mendulang Rupiah dari Paid Review Indonesia, Adreviewcamp
• Mendulang Rupiah dari Kumpulblogger.com
  

Description: Tips Membackup Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Membackup Blog

More about → Tips Membackup Blog

Acne Medications

Everyone in this world wants to have a clean and beautiful skin. Clean, bright and beautiful skin will make us self confident in doing our activity. But we also know that in order to have the kind of skin I mention above is not easy because we have to take care it well. Besides that everyone’s skin is different. Some people have oily skin, dry skin and neutral one. That’s why we have to identify and understand our skin, so that we know what we should do to take care our skin and what product will be suitable for it.

When you buy the skin products, you should be very careful, especially for the sensitive skin. You must choose a product that very friendly and gentle to use. Not contain a chemical ingredient. You must choose a natural one. Buying and using not recommended product might bring you to disappointment. Not reputable product can damage your skin. Actually, if you want to buy good skin products, you can buy them in murad.com. Murad offers us Acne Medications. Acne Medications might be your good choice for your skin. You don’t have to worry about this product; it is under control by the expertise. If you buy one Acne Medication here, you will have chance to make your skin better. Their Best Acne Medication has helped many people and it is your time to make your skin better.

Description: Acne Medications Rating: 4.5 Reviewer: Unknown - ItemReviewed: Acne Medications

More about → Acne Medications

Stainless Steel Store

When I was browsing last night, I found an interesting website about stainless called the stainless steel store. After reading about a few minutes, I found out that this store gives us a wide selection of products made from stainless steel material. These stainless steel products match with our home, especially if we like furniture of home made of stainless steel. The stainless steel can be made for many selection, such as; outdoor, greens, decorate, relax, welcome, work, cooking, dining, liquor, duo, primo, mato, duo polished, and things that make our home more beautiful and elegant. If you like cooking, you can have their Blomus Stainless Steel Pepper Mill, Basting Brush, BBQ Grill Brush, BBQ Spatula, and others. If you want to have stainless products for outdoor furniture, you can get their Blomus Stainless Steel Pinwheel, Bird Feeder, Table Top Torch, and others.

If you like decoration series, you come to the right place because they offer Blomus Stainless Steel Candlesticks, Round Wind Ornament, also Concave Tree Christmas Ornament Set. Beside the products above, you can select blomus stainless steel fireplace accessories that will be suitable to beautify your fireplace. If you want to have a mailbox with beautiful stainless stell, you can get their stainless steel mailbox. Their Stainless Steel mailbox is made from the best materials of stainless steel. The Stainless Steel Store gives you their best product quality with affordable competitive price, so anytime you need them, just visit thestainlesssteelstore.com.

Description: Stainless Steel Store Rating: 4.5 Reviewer: Unknown - ItemReviewed: Stainless Steel Store

More about → Stainless Steel Store

Menghilangkan Angka Pada Label

Cara Menghilangkan Angka Pada Label : Secara default, Blogspot akan memberikan angka pada setiap label/kategori sebagai nomerator jumlah postingan yang ada. Dengan angka tersebut diharapkan dapat membantu para pengunjung untuk mengetahui kategori apa saja yang paling banyak diposting oleh si pemilik blog. Karena paling banyak biasanya identik dengan paling popular, maka dengan angka tersebut secara tidak langsung memberitahukan kepada pengunjung akan kategori apa saja yang paling poplular di blog kita.

Namun demikian, ada sebagian blogger yang mengganggap hal tersebut telah mengganggu atau mengurangi estetika blog mereka dan kemudian berusaha untuk menghilangkannya. Untuk sementara ini, secara pribadi saya lebih suka menampilkan angka pada label tersebut.

Namun demikian bagi blogger yang kurang suka dengan tampilan angka pada label tersebut, Anda dapat menghilangkannya dengan tips seperti berikut ini. Tips ini saya temukan secara tidak sengaja ketika mengotak-atik html dalam rangka membuat tips membuat scroll untuk label yang memanjang seperti di sini. Dalam otak-atik tersebut, saya mencoba menghapus kode tertentu yang ternyata membuat angka pada label tidak tampil lagi. Selengkapnya dapat disimak pada tips berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> tab Edit HTML

2. Kemudian centangi Expand Template Widget.

3. Kemudian cari kode seperti di bawah ini. (Bagi yang menggunakan Firefox dapat menggunakan Ctrl + F untuk mempermudah pencarian).

(<data:label.count/>)

Seperti screenshot di bawah ini.

4. Hapus kode tersebut.

5. Kemudian Simpan Perubahan.

6. Selesai.

Screenshot di bawah adalah tampilan label sebelum dilakukan penghapusan.

Screenshot di bawah ini adalah tampilan label sesudah dilakukan penghapusan.

Jika tertarik untuk menghilangkan angka pada label, silakan mencobanya!!

(Postingan serupa dapat dilihat pada blog Kang Rohman)

Baca juga yang lain.

1. Scroll Bar Untuk Label Yang Memanjang
2. Membuat Chicklet Secara Online
3. Melindungi Blog dari Copy Paste
4. Cara Menulis Kode HTML Dalam Postingan
5. Cara Membuat Readmore

Description: Menghilangkan Angka Pada Label Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menghilangkan Angka Pada Label

More about → Menghilangkan Angka Pada Label

Keyless Lock

As we know that having a holiday is important because we can get happy and fun together with our family. However, there is one thing that people sometimes forget, that is about locking our house and make sure our house is safe before going on holiday. One of the biggest causes of the house crime is that the house is not locked well. That is why we have to use better key to lock our house and leave the traditional one.

In order to buy the best key for our house, you can get in some online store but if you want to get the modern key, you should buy keyless lock from axxisbiometrics.com. The special thing about this key is that you shouldn’t need a single key to lock and open your door. The key is your own finger. You simply need to put your fingerprint in your door and it will lock and open as you wish. Axxisbiometrics.com is special modern and advanced which is designed to make our house safer from unresponsible people. They offer a keyless lock that use fingerprint identification as the primary locking mechanism.

If you visit the site, you can see and choose the keyless lock that is suitable with your house, your budget and your interest. For more info, please visit axxisbiometrics.com.

Description: Keyless Lock Rating: 4.5 Reviewer: Unknown - ItemReviewed: Keyless Lock

More about → Keyless Lock

Scroll Bar Untuk Label Yang Memanjang

Selama ini saya kurang sreg (nyaman) dengan label/kategori (default blogger) yang memanjang dan hal ini akan bertambah panjang lagi seiring dengan bertambahnya label/kategori postingan kita. Setelah sekian lama saya mencari dan bertanya kepada Mbah Google, akhirnya saya menemukan juga tips Scroll Bar Untuk Label Yang Memanjang tersebut pada blog Anak Nias in Blogging. Dengan tips tersebut, label/kategori yang memanjang ke bawah dapat diperpendek dengan scroll bar sesuai kebutuhan dan keinginan kita sehingga dapat menghemat space side bar blog. Jika tertarik silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Memang tips ini tidak diperlukan lagi jika kita sudah mempunyai label cloud atau label flash yang juga mempunyai tampilan lebih hemat ruang/tempat. Namun bagi kita yang belum mempunyainya, kita dapat mencoba membuat label default blogger Anda menjadi lebih pendek dengan memanfaatkan scroll bar.

Langkah-langkah membuat scroll bar untuk label default blogger adalah sebagai berikut.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> tab Edit HTML.

2. Centangi Expand Template Widget.

3. Kemudian cari dan temukan kode widget label/kategori, kurang lebih seperti di bawah ini.

<b:widget id='Label1' locked='true' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :

Kode yang berwarna merah berfungsi membuat daftar (bullet). Lebih lengkap tentang bullet dapat dilihat di sini.

Kode title='Kategori' banyak ditemui dengan title='Label', tergantung masing blogger dalam menamainya.

4. Ganti kode <ul> menjadi <ul style="height:200px;width:210px; overflow:auto;"> sehingga selengkapnya menjadi seperti di bawah ini.

<b:widget id='Label1' locked='true' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul style='height:200px;width:210px; overflow:auto;'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :
Anda dapat mengganti ukuran tinggi dan lebar sesuai kebutuhan & keinginan masing-masing dengan merubah angka pada height dan width dalam ukuran pixel.

Jika Anda ingin mengganti dengan penomoran angka, Anda dapat mengganti <ul style="height:200px;width:210px; overflow:auto;"> menjadi <ol style="height:200px;width:210px; overflow:auto;">.

5. Kemudian Simpan Template

6. Selesai

Sekarang, pastikan Anda telah mendapati perubahan pada label/kategori yang ada pada side bar blog Anda, yaitu simple atau lebih pendek dengan scroll bar yang berada di samping dan hal ini tentunya membuat lebih hemat space, kan! Hasilnya, dapat dilihat pada blog ini.

Jika tertarik, selamat mencoba, ya!!

(sumber inspirasi : anak-nias.blogspot.com)

Baca juga yang ini.

1. Kustomasi Membuat Bullet Pada Blog
2. Kustomasi Penomoran Pada Blog
3. Membuat Chicklet Secara Online
4. Tips Melindungi Blog dari Copy Paste
5. Tips Membuat Favicon dgn Favicon Generator
6. Tips Memasang Favicon Pada Blog
7. Tips Mendulang Dollar dari Blogsvertise
8. Tips Menyembunyikan Tab Screen Saver

Description: Scroll Bar Untuk Label Yang Memanjang Rating: 4.5 Reviewer: Unknown - ItemReviewed: Scroll Bar Untuk Label Yang Memanjang

More about → Scroll Bar Untuk Label Yang Memanjang