HOME
Email Autoresponder
Home » Blogging » Cara Membuat Kotak Scroll Dengan Kode Html

Cara Membuat Kotak Scroll Dengan Kode Html

Posted at April 29th, 2017 | Categorised in Blogging

Cara Membuat Kotak Scroll Dengan Kode HTML. Setelah pada halaman sebelumnya kita membahas tentang cara membuat blog atau cara membuat website, pada halaman ini kita akan belajar bagaimana cara membuat kotak scroll.

Mungkin teman – teman sekalian sering melihat halaman website yang menampilkan sebuah kotak yang didalamnya ada barisan links atau teks, dengan tombol yang dapat digeser ke atas atau ke bawah untuk melihat teks yang ada di atasnya atau di bawahnya. Untuk dapat membuat kotak scroll kita tidak perlu belajar HTML yang bikin kepala pusing, cukup dengan mengcopy kode HTML yang saya tulis di bawah.

Untuk lebih jelasnya lihat gambar kotak scroll di bawah ini :

cara membuat kotak secroll dengan kode HTML

Tombol yang saya beri tanda merah jika diklik dan ditahan, dapat digeser ke atas atau ke bawah sehingga teks kita dapat melihat teks – teks yang tersebunyi di bawah atau di atasnya. Lalu bagai mana cara membuatnya dengan kode HTML? cara nya mudah. Ikuti langkah – langkah cara membuat kotak scroll di bawah ini :

Tuliskan kode HTML di bawah ini pada tempat yang anda inginkan, pada halaman website anda. Misalnya pada sidebar blog wordpress anda.

cara membuat kotak secroll dengan kode HTML

Pada ukuran “width” dan “height” di atas, anda dapat mengeditnya sesuai keinginan anda, atau sesuaikan dengan lebar sidebar blog anda.

Simpan halaman blog anda, lalu lihat hasilnya. Contoh hasilnya dapat anda lihat pada gambar di bawah ini :

cara membuat kotak secroll dengan kode HTML

Demikianlah cara membuat kotak scroll dengan kode HTML. Untuk lebih jelasnya anda dapat melihat contoh nyata pada halaman blog ini, pada sidebar kanan.

Artikel terkait :

Belajar SEO, trik melejitkan peringkat blog tanpa berburu backlink

No comment for Cara Membuat Kotak Scroll Dengan Kode Html

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Post to Cara Membuat Kotak Scroll Dengan Kode Html

blog yang cocok untuk pemula

Jenis Blog Yang Cocok Untuk Pemula

Posted at December 4, 2018

Apa sih jenis blog yang cocok untuk pemula?  Blog sudah menjadi fenomena, beragam alasan orang membuat blog, dari sekedar iseng, ikut... Read More

belajar SEO panduan belajar SEO

Belajar SEO, Materi Ini Yang Wajib Anda Kuasai

Posted at September 11, 2018

Belajar SEO. Berikut ini adalah materi yang harus anda kuasai untuk menembus peringkat 1 di Google.  Sebelum menyinggung bagaimana kita belajar... Read More

cara membuat blog gratis dan menghasilkan uang

Cara Membuat Blog Gratis Dan Menghasilkan Uang

Posted at August 4, 2018

Cara membuat blog gratis dan menghasilkan uang yang merupakan pengalaman pribadi, dan sudah banyak dibuktikan oleh para internet marketer dunia, dan... Read More

pengertian apa itu hosting dan fungsinya

Pengertian Apa Itu Hosting Dan Fungsinya

Posted at June 12, 2018

Apa itu hosting? Berikut ini adalah pengertian hosting dan fungsinya, pelajari selengkapnya berikut ini.   PENGERTIAN HOSTING Dalam dunia internet, istilah... Read More

siapa yang perlu memiliki blog

Siapa Saja Yang Perlu Memiliki Blog Atau Website

Posted at October 24, 2017

Jika kita mendengar istilah blog atau website, pertanyaan mendasar yang ada di pikiran kita adalah “untuk apa sih memiliki blog?” atau... Read More


error: !