Friday, November 22, 2013

cara membuat scroll pada postingan blog

Nah, kali ini saya ingin memberi tahu kepada para pemula di dunia blogger  tentang bagaimana caranya untuk membuat scroll pada postingan blogger, scroll ini berfungsi untuk menghemat tempat postingan blog yang harus baca pengunjung, sebenarnya ada cara lain selain menggunakan scroll  ini, yaitu menggunakan read more otomatis, tetapi yang biasa terjadi adalah ketika kita terhubung ke internet sering sekali ngeleg (istilahnya) atau loading lama (lola) sehingga kurang effisien tetapi untuk scroll ini kita hanya tinggal scroll kebawah menggunakan kursor saja. Berikut cara untuk mebuat scroll pada postingan blog, ikuti langkah langkahnya :
  1. login dulu ke blog masing masing.
  2. kemudian buat postingan baru, atau bisa juga dengan postingan lama yang sudah dipostkan 
  3. setelah selesai mebuat postingan, jangan langsung dipublikasikan, kemudian pilih HTML bukan Compose.
  4. setelah itu cari kalimat yang akan di buat scroll 
  5. kemudian copy kode berikut :                                                                                        
  
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid#000000'>                                                        
        kemudian pastekan tepat diatas kalimat yang akan di buat scroll tersebut

        kemudian tambahkan kode:
         </div> 

        pada kalimat terakhir postingan yang akan dibuat scroll tadi
    6. kemudian publikasikan.
catatan :
 seperti keinginan sobat.
width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
#000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.

berikut contohnya:



  1. login dulu ke blog masing masing.
  2. kemudian buat postingan baru, atau bisa juga dengan postingan lama yang sudah dipostkan 
  3. setelah selesai mebuat postingan, jangan langsung dipublikasikan, kemudian pilih HTML bukan Compose.
  4. setelah itu cari kalimat yang akan di buat scroll 
  5. kemudian copy kode berikut :                                                                           <div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid#000000'>     

1 comment:

Related Posts Plugin for WordPress, Blogger...