Tutorial : Cara membuat kotak scroll di blog
1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget lalu klik HTML/Javascript
3. Masukkan kode yang dibawah ini:
Jika IT Loverz ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin IT Loverz tampilkan.
Sebagai contoh, saya memasukkan:
Maka hasilnya akan seperti ini:
Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog
Jika IT Loverz ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal diatas dengan <img src="alamat url gambar IT Loverz" />
Catatan:
Ganti teks biru yang dicetak tebal dengan alamat alamat gambar IT Loverz contohhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy568AzQyISeJlE6A-VcxNEearSauuOIKQiATog69guyXHe7grtCnZCCletrpGsdlxdYi66DIjRybR_li_gjtXBkyojYWXp9gTfWhtwem3YiYIMIMcOQcNDfdQZtY7qZKc7oqN5NtEPbSW/s1600/NH+SAYAP.png
Sebagai contoh saya memasukkan:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy568AzQyISeJlE6A-VcxNEearSauuOIKQiATog69guyXHe7grtCnZCCletrpGsdlxdYi66DIjRybR_li_gjtXBkyojYWXp9gTfWhtwem3YiYIMIMcOQcNDfdQZtY7qZKc7oqN5NtEPbSW/s1600/NH+SAYAP.png " /></div>
Maka hasilnya akan seperti ini:
4. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya
0 Comments
Bagaimana Pendapat Anda ?