Cara Membuat Kotak Script dengan Scroll di Blogspot
Seperti yang telah saya janjikan sebelumnya, bahwa selain membuat kotak script dengan bentuk flat, kita juga bisa membuat kotak script dengan menggunakan scroll.
Caranya tidak jauh berbeda dengan langkah-langkah yang kita lakukan sebelumnya. Bisa dilihat disini. Di postingan ini juga akan saya utarakan kembali. Oke... kita mulai, kita mulai langkah-langkahnya berikut ini.
Caranya tidak jauh berbeda dengan langkah-langkah yang kita lakukan sebelumnya. Bisa dilihat disini. Di postingan ini juga akan saya utarakan kembali. Oke... kita mulai, kita mulai langkah-langkahnya berikut ini.
- Login ke blogger dan pilihlah 'Entri Baru'
- Buat tulisan, contoh seperti gambar. Lihat yang berwana merah, posisi tulisan adalah 'Compose'.
- Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>
- Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).
- Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
- Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.
- Selanjutnya Anda sisa mengganti tulisan '.blogoooblok (ganti tulisan ini).' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!
Cara membuat kotak script
Border bisa diganti sesuka hati
Warna juga bisa disesuaikan
Ukuran bisa dirubah dan posisi juga bisa dirubah
Untuk merubah ukuran silahkan rubah kode ini
height: 100px; width: 520px;
Gimana mudah bukan....!
blogoooblok
Border bisa diganti sesuka hati
Warna juga bisa disesuaikan
Ukuran bisa dirubah dan posisi juga bisa dirubah
Untuk merubah ukuran silahkan rubah kode ini
height: 100px; width: 520px;
Gimana mudah bukan....!
blogoooblok
Comments
Post a Comment