Sebenarnya fungsi scroll sangatlah penting bagi blog kita, alasannya: mempersimpel penampilan, memperpendek ruang, menjadikan postingan terlihat lebih rapi, dll. Fungsi scroll banyak di pakai oleg para blogger, fungsi scrol banyak digunakan untuk daftar ini, widget, arsip blog, dll. Nah bagaimana cara kita memasukkan fungsi scroll pada pstinngan kita??



Cara memaukkannya sangatlah mudah, ikuti langkah-langkah berikut:
  • Login ke blog anda
  • Pilih Entri Baaru / New Post
  • Tulis terlebih dahulu postingan anda hingga tempat dimana anda ingin menaruh fungsi scroll tersebut
  • Copas (Copy-Paste) scrip di bawah ini pada edit HTML postingan, letakkan di bagian paling bawah
<div style="border: 1px solid rgb(238, 238, 238); height: 50px; overflow: auto; padding: 10px; width: 320px;">Masukkan kata-kata anda disini...</div>
  • Boleh anda rubah ukurannya pada tulisan yang berwarna merah (tinggi)
  • Pilih Compose di sebelah Edit HTML, maka telah muncul sebuah kotak berwarna putih, klik bagian dalam kotak kemudian tulis yang ingin anda masukkan di dalam scroll
  • Lalu terbitkan postingan dan lihat hasilnya...
Contoh scrol pada postingan...
    Masukkan kata-kata anda disini...
Jika kata yang anda masukkan banyak maka tampilannya aka seperti di bawah ini...
    Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini... Masukkan kata-kata anda disini...
Silahkan di coba...Selamat berkarya...
Baca juga Scroll Arsip blog & Daftar isi blog scroll...

4 komentar Blogger 4 Facebook

  1. nga da tmplan Pilih Compose di sebelah Edit HTML

    :((

    ReplyDelete
  2. @jenny Scroll ini berfungsi di postingan...bukan di edit html, namun bisa jjuga di gunakan pada widget dengan merubah ukurannya...
    Compose di situ maksudnya ketika kita menulis postingan atau edit kan ada compose dan edit html, setelah menaruh code di edit html maka anda bisa melihat hasilnya di compose...

    ReplyDelete
  3. Coba pasang kode
    .scroll {border: 1px solid rgb(238, 238, 238); height: 50px; overflow: auto; padding: 10px; width: 320px;}
    di atas ]]>

    terus di postinggan pake
    < div class="scroll">Kata Panjang.a


    #info :D


    CMIIW :P

    ReplyDelete

Mohon maaf bila blog ini tidak fokus hanya di software, karena saya ingin semua orang dapat mendapatkan ilmu yang ada di perkuliahan...

Semoga yang ada di blog ini bermanfaat...
Terikasih sudah mau berkunjung...

 
Ozan Hacker | Free Software and Tutorial. © . All Rights Reserved. Powered by Blogger
Top