• Breaking News

    Friday, January 6, 2017

    Cara Membuat Kolom Scroll

    Cara Membuat Kolom Scroll

    Sesuai dengan judulnya,postingan saya kali ini Cara Membuat Kolom Scroll Pada Blog.Sering kali kita jumpai di blog baik berupa postingan code html, gambar, atau artikel pilihan yang begitu panjang,sehingga hal ini dapat memakan tempat.dan untuk mengatasi hal tersebut ada baik nya kita membuat kolom atau kotak scroll.dengan kolom scroll kita dapat memasukan baik berupa code HTML,gambar,semua artikel ataupun yang lain di dalam nya.dan kita juga dapat mengatur besar kecil ukuran atau pun warna pada kolom scroll.Untuk lebih jelas bagaimana caranya membuat kolom scroll tersebut mari kita coba lihat beberapa bentuk seperti yang dibawah ini:

    1. Kotak Scroll Tanpa Background (Biasa) :

    Contohnya :

    Masukkan teks disini

    Masukkan kode ini : 

    <div style="font: 12px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 500px;"><span style="font-style: italic;"><span style="font-style: italic;">Masukkan teks disini</span></span></div>

    2. Kotak Scroll Dengan Border Tanpa Background (Biasa) :

    Contohnya :

    Masukkan teks disini

    Masukkan kode ini : 

    <div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 6px double #FF00FF; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 470px;">
    Masukkan teks disini</div></div>

    3. Kotak Scroll Dengan Warna Background :

    Contohnya :

    Masukkan teks disini

    Masukkan kode ini :


    <div style="background-color: Royalblue; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Masukkan teks disini</div>


    4. Kotak Scroll Dengan Text Area

    Contohnya :




    Masukkan kode ini :


    <textarea cols="60" rows="4">Masukkan Tulisan atau teks disini</textarea>


    5. Kotak Scroll Dengan Border dan Background

    Contohnya :

    Masukkan teks disini

    Masukkan kode ini :


    <div style="text-align: left;"><table border="5" cellpadding="1"><tbody><tr><td><div style="background: #4169E1; border: 2px solid #008000; height: 100px; overflow: auto; padding: 10px; width: 200px;">Masukkan teks disini</div></td></tr></tbody></table>


    Keterangan :
    Untuk merubah background : Royalblue atau #4169E1
    Untuk merubah warna border dan ukurannya : border: 2px solid #008000
    Untuk merubah tinggi Scroll : height: 100px
    Untuk merubah lebar Scroll : width: 150px

    Demikianlah Cara Membuat Kolom Scroll Pada Blog,selamat berkreasi semoga berhasil.salam blogger.

    Terima Kasih Telah Membaca Artikel : Cara Membuat Kolom Scroll
    Add a Comment. Read Comment Policy ▼
    Please Note
    - No live link
    - Pergunakan bahasa baku dan tanpa singkatan serta sesuai dengan topik pembahasan
    - Komentar yang relevan akan saya balas dan kunjung balik secara otomatis (tanpa meminta)
    - Tekan "subscribe by email" untuk mengetahui balasan dari saya
    - Untuk mendapatkan BACKLINK, gunakan OpenID. Baca --> Cara mengaktifkan OpenID

    No comments:

    Post a Comment

    + Follow
    Join on this site

    with Google Friend Connect

    COPYRIGHT

    Seluruh artikel atau konten yang ada di blog MY-SEVEN7ASH ini sifatnya adalah Open Source.

    Artinya, Anda boleh mengcopy sebagian artikel yang ada di blog ini, tapi kami mohon untuk tidak melakukan copy paste melalui feeds (xml) karena itu bisa menghancurkan blog ini.

    Mencantumkan sumber atau tidak itu merupakan hak Anda.
    back to top