SayaLagi.Com Buat Website Forum Gratis

User info

Welcome, Guest! Please login or register.


You are here » SayaLagi.Com Buat Website Forum Gratis » Koleksi Kode JS/CSS/HTML » Menampilkan Tombol Arah Panah Naik dan Turun dg Java Script dan CSS


Menampilkan Tombol Arah Panah Naik dan Turun dg Java Script dan CSS

Posts 1 to 6 of 6

1

Berikut ini adalah kode Java Script dan CSS Style yang dapat anda pergunakan untuk menampilkan tombol arah panah naik dan turun di web forum gratis anda.

FUNGSI SCRIPT INI


⤷Saat tampilan halaman di posisi bagian bawah,  dan pembaca menekan tombol gambar panah ke atas, maka tampilan halaman otomatis akan digeser naik ke atas secara perlahan hingga sampai ke posisi paling atas (top header).
⤷Saat tampilan halaman di posisi bagian atas,  dan pembaca menekan tombol gambar panah ke ke bawah, maka tampilan halaman otomatis akan digeser turun ke bawah secara perlahan hingga sampai ke posisi paling bawah (footer bottom).

Klik gambar tombol panah atas bawah ini untuk mengcopy script

https://forumstatic.ru/files/0015/49/1c/36218.pnghttps://forumstatic.ru/files/0015/49/1c/77649.png

Kompatibel
Scripts dan CSS ini bisa dipasang di:


☛Forum SayaLagi dan Mitra Domain

☛Forum Mybb dan mitra domain

☛Blogspot

☛Wordpress ORG

☛Personal Web not Support JS

CARA PASANG SCRIPT / CSS INI


Ikuti panduan berikut ini:

⇒MASUK sebagai Admin web forum gratis SL
⇒Klik Menu panel administrasi yang akan membuka halaman ForumGratisAnda/admin_index.php
⇒Klik Menu Forms (Letaknya di bawah menu User Groups)
⇒Copy kode Script tersedia di atas
⇒Paste di bagian paling bawah pada kolom HTML Footer
⇒Klik tombol simpan (save changes)
⇒Uji Coba fungsi tombol  di postingan
Keterangan:

Huruf yang berwarna adalah URL gambar. Anda bisa mengganti gambar panah dengan kreasi gambar buatan anda sendiri. Anda bisa juga memilih kreasi tombol arah panah turun naik dalam daftar di halaman: Direktori Gambar Tombol Arah Panah


Jika anda mengutamakan kecepatan loading web dari pada fungsi gaya yang dapat menambah beban loading, maka anda dapat menampilkan tombol panah naik dan turun cukup menggunakan kode HTML seperti dijelaskan sebelumnya. Silahkan baca di postingan tutorial Kode untuk menampilkan tombol Panah.

Panah BESAR


https://images.unsplash.com/photo-1518505747809-bb4f0c94d60f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9https://images.unsplash.com/photo-1497655232332-4a01dff7369a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=400&q=60

0

2

Anda bisa menggunakan gambar tanda naik dan turun yang unik seperti di bawah ini:

https://forumstatic.ru/files/0016/e0/c4/69507.png
https://forumstatic.ru/files/0016/e0/c4/79424.png
Lihat Gambar Direktori Tanda Panah

0

3

Menambahkan gambar daftar tombol turun naik

https://forumstatic.ru/files/001a/e7/4d/32545.png
https://forumstatic.ru/files/001a/e7/4d/11224.png

0

4

Gambar tombol panah atas bawah berikut ini juga bagus:

https://i.ibb.co/NtRFgtY/image.png
https://i.ibb.co/PjMRN0R/image.png

https://forumstatic.ru/files/0016/c7/b1/10383.png
https://forumstatic.ru/files/0016/c7/b1/71976.png

Last edited by Aria Pratama (09-11-2020 18:30:30)

0

5

Kusuka yg ini untuk tombol panah atas dan ke bawah:

https://i.imgur.com/8riuqgd.gif
https://i.imgur.com/qD2NN5x.gif

0

6

ternyata mudah pasangnya

https://forumstatic.ru/files/001a/87/70/30084.png
https://forumstatic.ru/files/001a/87/70/57890.png

atau yang di bawah ini:

https://i.ibb.co/f0KpqJp/image.png
https://i.ibb.co/nDfPbp9/image.png

Last edited by Rafa (14-11-2020 15:21:35)

0


You are here » SayaLagi.Com Buat Website Forum Gratis » Koleksi Kode JS/CSS/HTML » Menampilkan Tombol Arah Panah Naik dan Turun dg Java Script dan CSS


Sitemap | Buat Web Forum ID Gratis © 2017-2024 IDSosial.NET