Share tentang cara membuat kolom scroll pada postingan blog, disini saya memberikan sedikit screenshot cara membuat kolom scroll agar lebih mudah dipahami. :)

Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.


  1. Login ke Akun blogger sobat. 
  2. Buat Postingan baru.
  3. Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.
  4. Copy-Paste kode dibawah ini, dan letakkan kodenya di bagian Edit HTML.

    <div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 560px;"> Masukkan tulisan sobat disini</div>

  5. Klik Compose untuk memulai tulisan sobat didalam kolom scroll.
  6. Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.
  7. Jika tampilan nya sudah sip, tinggal Publish aja postingannya.
  8. Selesai.

Keterangan !!

height: 100px : untuk mengatur tinggi nya kolom scroll

width: 560px : untuk mengatur lebar nya kolom scroll
Masukkan tulisan sobat disini : Hapus dan isi tulisan didalamnya.

Hasilnya seperti ini :

Share tentang cara membuat kolom scroll pada postingan blog, disini saya memberikan sedikit screenshot cara membuat kolom scroll agar lebih mudah dipahami. :)

Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.


  1. Login ke Akun blogger sobat. 
  2. Buat Postingan baru.
  3. Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.
  4. Copy-Paste kode dibawah ini, dan letakkan kodenya di bagian Edit HTML.

    <div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 560px;"> Masukkan tulisan sobat disini</div>
  5. Klik Compose untuk memulai tulisan sobat didalam kolom scroll.
  6. Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.
  7. Jika tampilan nya sudah sip, tinggal Publish aja postingannya.
  8. Selesai.

Keterangan !!

height: 100px : untuk mengatur tinggi nya kolom scroll
width: 560px : untuk mengatur lebar nya kolom scroll
Masukkan tulisan sobat disini : Hapus dan isi tulisan didalamnya.

0 comments:

Post a Comment

 
Top