Iseng,blogger,

Jumat, 06 Juli 2018

Cara mudah membuat scroll box di postingan

Cara mudah untuk membuat scroll box pada postingan, ini hanya perlu beberapa menit saja. Apa fungsi dari scroll box ini ?
Hanya membutuhkan sedikit ketelitian dalam memasang script untuk box nya dan tulisan pada box nya.




Fungsi pertama adalah untuk memperpendek space atau tampilan pada postingan blog,
Fungsi yang kedua adalah untuk mempercantik tampilan pada postingan blog.
Tata Cara membuat scroll.

  • Masuk blogger/login
  • Setelah itu pada bagian dashboard pilih new entry, atau postingan baru.
  • Pilih mode HTML dalam meletakan script scroll box nya.
Copy paste kan saja script di bawah ini, kemudian anda dapat langsung meletakanya pada mode HTML dan setelah itu baru langkah berikut nya tinggal copy paste kan pada layanan pharse, setelah di pharse kemudiaan dapat meletakan nya pada box yang tadi dibuat hanya saja ini teah di pharse. sebagai isian nya, jika box nya tidak ada scroll nya berati tulisan pada isian box nya kurang banyak perhatikan saja tulisan pada contoh contoh yang telah ada.



SCROLL BOX ke samping

<div style="background-color: #f9f8de; border:1px #dedede double;width:auto ;height:100px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:2500%;">
  Tempatkan Tulisn Anda Disini </p> </div>

ket :

Height itu untuk tinggi box di atas menggunakan 100px
Widht itu untuk lebar ini menggunakan auto {jika auto maka sama dengan lebar postingan}
jika ingin pendek separuh maka menggunakan ukuran ....px.
Untuk border adalah garis batasan nya.
Untuk background tinggal di sesuaikan saja dengan selera anda



SCROLL BOX ke bawah dan kesamping


<div style="background-color: #f9f8de;
 border:1px #dedede double;width:auto;height:60px;
overflow-y:scroll;overflow-x:scroll;">
 <p style="width:2500%;">

  Tempatkan Tulisan Anda Disini [bisa untuk teks, bisa juga untuk gambar, bisa juga untuk script, tapi jangan lupa jika untuk script harus di pharse dulu agar tidak error.
</p> </div>

Ket ;

Sama persis dengan yang di atas, hanya saja ini ada 2 jadi 1, jadi agar lebih teliti lagi sebelum mengganti ukuran nya, selebih nya sama saja,
selamat utak atik sendiri.




SCROLL BOX ke bawah


<div style="background-color: #dcdcdc; border: 1px #006400 double;
 height: 100px; overflow: auto; padding: 10px; text-align: left;
width: auto;">
Tempatkan Tulisan Anda Disini {dapat di isi dengan tex biasa ,
 bisa juga dengan gambar , bisa juga dengan script,}
 untuk script dan gambar sebaik nya di pharse dulu mencegah agar tidak error saat di load postinganya.
 </div>


Ket:

Sama persis dengan yang diatas yaitu pada keterangan 1, semuanya bisa di oprek sesuai dengan selera anda, itung itung belajar menulis HTML.


  •  BACA ; Cara mendapatkan dollar gratis dari bitcon

Demikian tulisan tentang cara mudah untuk membuat scroll box pada postingan.
JIka akan menempelkan tulisan berupa script atau gambar dalam postingan agar tidak error harus di pharse dulu.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara mudah membuat scroll box di postingan

0 komentar:

Posting Komentar