Selasa, 23 September 2014

CARA MEMBUAT KOLOM SCROLL BAR DI BLOG




Hai Sobat Blogger, bagi anda yang merasa kebingungan untuk menempatkan Teks panjang atau script kode untuk tukar link dan sejenisnya maka anda akan membutuhkan tempat khusus yang minimalis dan bisa di gunakan untuk pembaca lainnya di blog anda. Terlebih dahulu anda harus terbisaa dengan bahasa HTML dan Script. Selanjutnya mari kita pelajari dan coba membuat Scroll Bar tersebut.
Cara membuat scroll box di blogspot amatlah sangat gampang, langkah-langkahnya nyaris sama waktu membuat postingan anda hanya perlu menyimpan code script yang akan Saya berikan dibawah ini dengan cara copy/paste ke tempat yang di inginkan atau pada saat anda membuat postingan blog. Untuk lebih jelasnya silahkan ikuti langkah-langkah dibawah ini. 

  1.  Masuk ke postingan yang akan anda sisipkan scroll bar tersebut.
  2. Copas kode berikut:

  3. <div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'> 
    Masukan teks/script anda (PENTING: Tulisan ditulis di mode Compose, sedangkan kode di tulis pada mode Edit HTML)
    </div>



Catatan Penting:
  • Harus di ingat, Tulisan ditulis di mode Compose, sedangkan kode di tulis pada mode Edit HTML agar script dapat bekerja dengan lancar.  
  • Untuk mengecek script bekerja dengan lancar atau tidaknya, silakan Anda klik mode compose. 
  • height:200px; yaitu ukuran lebar atas bawah kotak scroll, silakan Anda ubah nilainya, sesuai dengan keinginan Anda. 
  • width: auto; yaitu ukuran otomatis lebar samping kotak scroll, silakan Anda ubah nilainya, sesuai dengan keinginan Anda. 
  • border:1px solid yaitu ukuran tebal garis kotak scroll, silakan Anda ubah nilainya, sesuai dengan keinginan Anda. 
  • #000000 yaitu kode warna pada garis kotak scroll, silakan Anda ubah kode warnanya, sesuai dengan keinginan Anda.
Mungkin hanya itu saja tips dan cara membuat Kolom Scroll Bar di Blog yang dapat saya jelaskan, semoga bermanfaat. Kunjungi terus saungblogist.blogspot.com untuk pendapatkan panduan blogger terbaru serta SEO.

0 komentar:

Posting Komentar