Cara Membuat Scroll Pada Postingan

Cara Membuat Scroll Pada Postingan/Scroll Box
Sobat Afta bagaimana kabar hari ini,,?Semoga Allah SWT menyertakan kebaikan untuk kita,,aminn,,
Dan langsung aja kita olah Tkp fokus pada permasalahan,
Terkadang saat kita membuat postingan pada blog terlalu panjang membuat para pengunjung Blog kita jadi malas untuk membacanya,untuk itu Paman SCROLL (kerabat saprol hehe)punya trik khusus untuk meringkas potingan yang terlalu panjang,yang ahirnya pastingan kita menjadi ringkas enak dipandang, Paman Scroll punya beberapa cara untuk meringkas postingan,Dan dunia afta akan membagikan beberapa cara untu k membuat scroll,adapun caranya sebagai berikut:
1.Scroll dengan  background/latar belakang bergambar:
      Dan sebaiknya lihat contoh dulu

Sobat Afta bagaimana kabar hari ini,,?Semoga Allah SWT menyertakan kebaikan untuk kita,,aminn,,
Dan langsung aja kita olah Tkp fokus pada permasalahan,
Terkadang saat kita membuat postingan pada blog terlalu panjang membuat para pengunjung Blog kita jadi malas untuk membacanya,untuk itu Paman SCROLL (kerabat saprol hehe)punya trik khusus untuk meringkas potingan yang terlalu panjang,yang ahirnya pastingan kita menjadi ringkas enak dipandang, Paman Scroll punya beberapa cara untuk meringkas postingan,Dan dunia afta akan membagikan beberapa cara untu

Jika sobat menginginkan scroll seperti diatas,,jangan kawatir dunia afta akan berbagi,
begini caranya:
1.Copy saja script ini

<div style="height:300px;width:auto;overflow:scroll;font:20px/30px cursive;color:#A6120D;background:url('http://i1279.photobucket.com/albums/y530/yudi119/blo_zps9b03e131.png ');">
MASUKKAN POSTINGAN ANDA DISINI

(Tulisan dan Kode di Copy paste pada mode Edit HTML)

</div>

keterangan
height:300           =Tinggi Scroll bisa ada ganti sesuai kebutuhan
 width:auto          =Untuk lebar Scroll biar tetak auto,namun juga bisa diganti
 font:20px/30px =Ukuran besar kecil huruf juga bisa anda rubah
Warna biru          =sumber gambar background/latar belakang,juga bisa ada rubah,dengan cara upload foto ke photobucket,,,setelah upload copy html nya untuk dipaste sebagai background,contoh yang saya gunakan

Dari photobucket

<a href="http://s1279.photobucket.com/user/yudi119/media/blo_zps9b03e131.png.html" target="_blank"><img src="http://i1279.photobucket.com/albums/y530/yudi119/blo_zps9b03e131.png" border="0" alt=" photo blo_zps9b03e131.png"/></a>

Gunakan yang warna biru saja ,Belum punya acun photobucet,,?daftar "DISINI"

2.Perlu dingat TULISAN DAN KODE di Copy paste Pada MODE HTML

Lihat gambar

3. Selesai Scroll dengan  background/latar belakang bergambar

2.Scroll tanpa Background

     Sebaikya lihat contoh

 

Cara Membuat Scroll Pada Postingan/Scroll Box
Sobat Afta bagaimana kabar hari ini,,?Semoga Allah SWT menyertakan kebaikan untuk kita,,aminn,,
Dan langsung aja kita olah Tkp fokus pada permasalahan,
Terkadang saat kita membuat postingan pada blog terlalu panjang membuat para pengunjung Blog kita jadi malas untuk membacanya,untuk itu Paman SCROLL (kerabat saprol hehe)punya trik khusus untuk meringkas potingan yang terlalu panjang,yang ahirnya pastingan kita menjadi ringkas enak dipandang, Paman Scroll punya beberapa cara untuk meringkas postingan,Dan dunia afta akan membagikan beberapa cara untu k membuat scroll,adapun caranya sebagai berikut:
Jika sobat menginginkan scroll seperti diatas,,jangan kawatir dunia afta akan berbagi,
begini caranya:
1.Copy saja script ini

<div style="height:300px;width:auto;overflow:scroll;font:20px/30px cursive;color:#A6120D;background:url('http://i1279.photobucket.com/albums/y530/yudi119/blo_zps9b03e131.png ');">
MASUKKAN POSTINGAN ANDA DISINI

(Tulisan dan Kode di Copy paste pada mode Edit HTML)

</div>

keterangan
height:300           =Tinggi Scroll bisa ada ganti sesuai kebutuhan
 width:auto          =Untuk lebar Scroll biar tetak auto,namun juga bisa diganti
 font:20px/30px =Ukuran besar kecil huruf juga bisa anda rubah
Warna biru          =sumber gambar background/latar belakang,juga bisa ada rubah,dengan cara upload foto ke photobucket,,,setelah upload copy html nya untuk dipaste sebagai background,contoh yang saya gunakan


1.Scroll dengan  background/latar belakang bergambar:
      Dan sebaiknya lihat contoh dulu

 Jika sobat menginginkan scroll seperti diatas begini caranya
1.Copy Script dibawah ini

<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

 TULISAN SOBAT ATAU APAPUN  TEMPATNYA ADA DISINI.
(Tulisan ditulis di COmpose, sedangkan Script di Copy paste pada mode Edit HTML)

</div>

Lihat gambar

keterangan

height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, 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.

2.Ingat, Sobat Tulis pada mode Edit HTML, bukan Compose.!!!

Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose

Jika udah muncul kotak scrol silahkan PASTEKAN didalam kotak tulisan anda 

3.Untuk Scroll yang lain silahkan anda coba sendiri

KOTAK SCROLL DENGAN LATAR BELAKANG TRANSPARANS :

<div style="height:200px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
TULISAN ANDA ,Dunia AFTA
</div>

SCROLL DENGAN LATAR BELAKANG BERWARNA:

<div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">

 TULISAN ANDA ,Dunia AFTA

 </div>

KOTAK SCROL HORIZONTAL:

<div style="border:1px solid black;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">

TULISAN ANDA ,Dunia AFTA

 </div>

Demikian Dunia Afta bisa berbagi Cara Membuat Scroll Pada Postingan/Scroll Box dan mohon maaf bila ada terjadi yang kurang berkenan di hati sobat ,

selamat mencoba semoga berhasil