Membuat Kotak Scrollbar di Blog

Oleh Arief Ramadhan

Thursday 6 September 2012

Bagikan :

Tweet

Bloggers Mania, Okey Langsung saja Sobat kali ini saya ingin mengasih tutorial Membuat Kotak Scrolling si Blog, memang sih tutorial ini udah lama banget mungkin yach,,tapi tidak apa-apa dech berhubung saya temen-temen di kampus sering merequest tentang Bagaimana sih membuat Kotak Scrolling di Blog.
Nach Malam ini saya Akan Memberikan Tutorial-Tutorialnya Sebagai Berikut :

Untuk membuat kotak ini caranya sangat mudah:

1. Login dulu Account Blogger. 

2. Pilih menu Design -> Page Elements
2. Pilih Add a Gadget lalu klik HTML/Javascript

3. Masukkan kode yang dibawah ini:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Letakkan Teks atau Kode HTML

Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.

Sebagai contoh, saya memasukkan:

80

px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak Scrollbar buatan Duta XP

Keterangan :
Untuk mengganti ukuran Kotak Scrollbar anda tinggal mengganti angka yang berwarna Merah.


4. Save Templates.


Sekian Tutorialnya,,Terimah Kasih gan telah merequest..

Sumber : http://dutaxp.blogspot.com/2012/03/membuat-kotak-scrollbar-di-blog.html

Tag : Blog Trik