Caranya Membuat Kotak Script Dengan Scroll Di Blogspot

Seperti yg telah saya janjikan sebelumnya, bahwa selain membuat kotak script dengan bentuk flat, kita juga dapat membuat kotak script dengan menggunakan scroll.

Caranyanya tidak jauh tidak sama dengan langkah-langkah yg kita lakukan sebelumnya. Bisa dilihat disini. Di postingan ini juga bakal saya utarakan kembali. Oke... kita mulai, kita mulai langkah-langkahnya berikut ini.
  • Login ke blogger dan pilihlah 'Entri Baru'
  • Buat tulisan, rujukan ibarat gambar. Lihat yg berwana merah, posisi goresan pena yaitu '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;
kelewat / overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>
  • Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).
  • Paste script yg tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
  • Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak. 
  •  Selanjutnya Anda sisa Mengubah goresan pena '.blogoooblok (ubah goresan pena ini).' dengan goresan pena yg ingin Anda taruh disana, dapat berupa script atau goresan pena lain. Praktis kan...!
Contoh script diatas ibarat ini :

Caranya membuat kotak script
Border dapat diganti sesuka hati
Warna juga dapat disesuaikan
Ukuran dapat dirubah dan posisi juga dapat dirubah
Untuk Mengubah ukuran silahkan rubah arahan ini
height: 100px; width: 520px;

Gimana Mudah bukan....! 
blogoooblok 


0 Response to "Caranya Membuat Kotak Script Dengan Scroll Di Blogspot"

Post a Comment