[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.
Buka Komentar

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

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel