Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Membuat Fungsi Scroll di Blogspot

Pada postingan kali ini saya ingin membahas bagaimana cara membuat fungsi scroll pada elemen halaman. Sederhana saja fungsi scroll ini mempunyai fungsi untuk membatasi lebar dan tinggi sebuah elemen halaman yang telah ditentukan sebelumnya dan juga elemen yang telah di hidden bisa di lihat dengan menggeser scroll barnya. Fungsi scroll pada elemen halaman ini dapat diisi dengan link, ads, blogroll, dsb. Cara pembuatan fungsi scroll pada elemen halaman sendiri ya dibilang cukup mudahlah. Bagaimana cara membuat elemen halaman ber-scroll tersebut?? Yuk langsung saja ke TKP.

Membuat Fungsi Scroll di blogspot ini menggunakan CSS bukan html.
Langkah-langkah membuat sroll di blog:

  1. login di blogger.com

  2. kemudian pilih tata letak

  3. pilih dimana sobat akan meletakkan funsi scroll tersebut

  4. terus klik tambah elemen halaman

  5. copy dan paste kode css di bawah ini
    <div style="overflow:auto;width:350px;height:250px;padding:10px;border:1px solid #eee">
    Isi elemen halaman
    </div>

  6. isi halaman tersebut bisa sobat isi dengan link, ads, blogroll, dsb. Contohnya dengan menggunakan link:
    <div style="overflow:auto;width:350px;height:250px;padding:10px;border:1px solid #eee">
    <ol>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar seo blogspot</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar bisnis online</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>blogger tutorial</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>optimasi seo</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>spesifikasi hp</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar ngeblog</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>abdul roqib</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>optimasi seo</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>free download games</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>free download full software</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>free download mp3</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>tips dan trik blogging</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar CSS</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar HTML</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>seputar komputer</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>belajar nge-hack</a></li>
    <li><a href=”http://abdulroqib.blogspot.com”>free download blogger template</a></li>
    </ol>
    </div>

    Maka akan terlihat seperti di bawah ini:


    Sedikit penjelasan:
    Jika sobat ingin mengganti tinggi dan lebarnya tentunya menyesuaikan template yang sobat gunakan maka tinggal mengubah nilai width dan height. Width itu untuk mengubah lebarnya sedangkan height untuk mengubah tinggi dari fungsi scroll itu sendiri. Misalnya width:350; untuk memperbesar tinggal ganti dengan width:400; atau untuk memperkecil ubah menjadi seperti ini width:300;.

  7. langkah terakhir tekan save/simpan

Selamat mencoba....