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.
Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.
- Login ke Akun blogger sobat.
- Buat Postingan baru.
- Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.
- 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>
- Klik Compose untuk memulai tulisan sobat didalam kolom scroll.
- Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.
- Jika tampilan nya sudah sip, tinggal Publish aja postingannya.
- 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.
Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.
- Login ke Akun blogger sobat.
- Buat Postingan baru.
- Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.
- 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>
- Klik Compose untuk memulai tulisan sobat didalam kolom scroll.
- Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.
- Jika tampilan nya sudah sip, tinggal Publish aja postingannya.
- 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