Salam buat sobat pembaca semua. Pada kesempatan ini kita akan menyajikan Cara Membuat Kotak Scroll Di Blogspot yang mana cara membuat nya hampir sama dengan Cara Membuat Menu Tombol Buka Tutup Di Blogspot yang kemaren kita bicarakan. Fungsi nya pun sama dengan menu tombol buka tutup yaitu untuk menghemat pemakaian laman blog dan mengurangi beban loading blog jika konten yang kita tampilkan terlalu besar dan makan banyak tempat. Seperti kita menampilkan Komentar Blog, Recent Post, atau pun Popular Post pada latar gadged di sidebar nya blog. Jadi dengan kotak scroll kita atau pun pengunjung di blog kita tingal menggulir saja apa yang kita muat pada kotak scroll tersebut.
Kalau ada yang belum tahu bentuk tampilan kotak scroll tersebut, tengok saja contoh nya kita tampilkan di bawah ini:
Nah begitu lah tampilan nya kira kira sob. Disitu penulis menyisipkan gambar saja, tapi kita bisa juga menyisip kan teks atau tulisan.
Sekarang kita akan coba jelas kan cara membuat nya yang mana kotak scroll tersebut untuk membuatnya silahkan di copy kode Java Script di bawah ini:
Catatan: Ganti anka 80 untuk mengatur tinggi kotak scroll nya, dan ganti angka 200 untuk mengatur lebar kiri kanan nya. Terus, Ganti tulisan Letak kan teks atau gambar dengan konten yang akan sobat sisipkan kedalam kotak scroll tersebut. Jika sobat meletak kan gambar, maka ini lah kode HTML yang di letakkan di posisi tersebut: <img src="url gambar"> . Dan jika ingin meletak kan teks saja, ya tinggal mengetikkan saja teks nya.
Cukup lah kiranya demikian kita jeleskan Cara Membuat Kotak Scroll Di Blogspot semoga bisa sedikit membantu bagi yang membutuhkan dan terima kasih atas perhatian nya.
Wassalam.
Kalau ada yang belum tahu bentuk tampilan kotak scroll tersebut, tengok saja contoh nya kita tampilkan di bawah ini:
Nah begitu lah tampilan nya kira kira sob. Disitu penulis menyisipkan gambar saja, tapi kita bisa juga menyisip kan teks atau tulisan.
Sekarang kita akan coba jelas kan cara membuat nya yang mana kotak scroll tersebut untuk membuatnya silahkan di copy kode Java Script di bawah ini:
<div style="border: 1px solid #555; height: 80px; overflow: auto; padding:10px; width: 200px;">Letak kan teks atau gambar</div>Lalu paste kan ke blog sobat di mana saja terserah sobat pembaca. Jika sobat inngin meletak kan di latar gadget pilih saja menu (Tata Letak) pada dashboard Blogger kemudian pilih (Tambah Gadget) terus pilih (HTML Java Script) dan paste kan kode nya di kotak HTML Java Script nya.
Catatan: Ganti anka 80 untuk mengatur tinggi kotak scroll nya, dan ganti angka 200 untuk mengatur lebar kiri kanan nya. Terus, Ganti tulisan Letak kan teks atau gambar dengan konten yang akan sobat sisipkan kedalam kotak scroll tersebut. Jika sobat meletak kan gambar, maka ini lah kode HTML yang di letakkan di posisi tersebut: <img src="url gambar"> . Dan jika ingin meletak kan teks saja, ya tinggal mengetikkan saja teks nya.
Cukup lah kiranya demikian kita jeleskan Cara Membuat Kotak Scroll Di Blogspot semoga bisa sedikit membantu bagi yang membutuhkan dan terima kasih atas perhatian nya.
Wassalam.
SILAHKAN BERBAGI:
Tag :
Berbagi Widget
0 Komentar untuk "Cara Membuat Kotak Scroll Di Blogspot"
Pesan Admin tentang tanggung jawab konten:
=================================
Biasakan membaca Persyaratan layanan, Kebijakan Privacy dan Disclaimer yang kami sediakan link nya di atas JUDUL blog ini bagi pengguna desktop sebelum menggunakan Konten yang ada didalam blog ini baik itu kode script/widget atau pun tips2 dan tutorial lainnya.
Tentang Komentar:
Demi perkembangan, Silah kan ditinggalkan komentar, baik itu bentuk kritik atau saran yang berhubungan dengan isi postingan.
Setiap komentar yang sesuai* akan di terbit kan segera.
Tidak dibenarkan meninggalkan link hidup didalam kolam komentar dalam bentuk apapun, karena yang demikian akan di anggap sebagai SPAM.
*) Selalu memakai bahasa yang sopan dan tidak melanggar etika.
Berkomentarlah yang berkaitan dengan tema postingan.
Tidak dibenarkan beriklan.