[UPDATE] Cara membuat scroll box keren dan terbaru di dalam postingan blog

[UPDATE] Cara membuat scroll box keren dan terbaru di dalam postingan blog
Cara-membuat-scroll-box-keren-didalam-postingan-blog


Scroll Box merupakan sebuah kotak yang dilengkapi dengan fitur scroll (gulir) yang dapat difungsikan berbagai tempat.

Banyak sekali kegunaan dari scroll box ini, salah satunya adalah kod3 dan LlNK, untuk itulah scroll box ini banyak digunakan oleh blogger di Indonesia.

Scroll box juga bermacam-macam jenis dan warnanya, kalian bisa menggunakan salah satu scroll box yang ada dibawah ini.

Fungsi Utama dari scroll box ini adalah untuk menimalkan tulisan ke dalam box, agar tulisan tersebut tidak memakan banyak tempat, untuk itulah scroll box ini dibuat.

Didalam artikel kali ini saya akan membahas tentang scroll box, saya akan menunjukan beberapa scroll box keren yang bisa kalian gunakan, oke langsung saja simak dibawah ini.

Cara membuat scroll box ( kotak gulir ) keren
  • Langkah pertama adalah kalian masuk ke akun blogger kalian.
  • Langkah kedua adalah kalian tekan tombol entri baru, setelah itu kalian akan diarahkan langsung ke halaman pembuatan artikel atau postingan.
  • Langkah ketiga adalah kalian tekan tombol HTML, untuk menjalankan scroll box tersebut.
  • Langkah keempat adalah kalian pilih scroll box yang ingin kalian gunakan, jika sudah memilih maka kalian salin scroll box tersebut ke dalam HTML.
  • Langkah kelima adalah kalian simpan dan lihat hasilnya.
Berikut Gaya Scroll Box (Kotak Gulir) Keren

  <div style="background-color: #ffa66fborder: 2px #6e2222 dashed; text-align: left; height: 30px; overflow: auto; padding: 10px; width: auto;">Silahkan simpan  tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="background-color: #ffc7c7; border: 2px #6E2222 dotted; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="background-color: #82cafa; border: 3px #6E2222 double; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="background-color: #6eb76a; border: 2px #6E2222 inset; padding: 10px; text-align: left; height: 30pxoverflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="background-color: #c2c2c2; border: 2px #6E2222 ridge; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="background-color: #d9da81; border: 2px #6E2222 solid; padding: 10px; text-align: left; height: 30pxoverflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>

[PENTING]

  • Kode berwarna merah untuk tulisan anda, silahkan ganti tulisan berwarna merah tersebut untuk membuat tulisan anda.
  • Kode berwarna biru untuk warna scroll box tersebut, silahkan ganti warna scroll box kalian sesuka kalian.
  • Kode berwarna kuning untuk ukuran scroll box tersebut, silahkan ganti ukuran scorll box tersebut sesuka kalian.
  • Jika kalian sudah mengatur kode tersebut, maka langkah selanjutnya kalian publikasikan.
KESIMPULAN

Scroll box tersebut sangat berguna untuk para blogger, karena scroll box tersebut banyak manfaat nya dan bisa digunakan untuk apa aja, tetapi meskipun begitu kalian juga boleh untuk tidak menggunakan nya.

Note ; itulah beberapa pembahasan tentang scroll box dan cara membuat nya, jika ada salah kata didalam artikel ini, di mohon maafkan, terimakasih untuk kalian yang sudah berkunjung.
Blogging Tips And Trik

Dapatkan Tips Menarik Setiap Harinya!

  • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
  • Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense

0 Response to "[UPDATE] Cara membuat scroll box keren dan terbaru di dalam postingan blog"

Post a Comment

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel