membuat scroll dalam postingan
Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada halaman posting.
Cara nya cukup simple, Copy dan Paste kode di bawah ke dalam postingan anda..
pada tulisan warna biru, silahkan masukkan tulisan atau gambar yang ingin anda masukkan.
<span><span style="font-style: italic;"><span
style="font-style: italic;"><div style="height: 100px; width:
400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>
</div>
</span></span></span>
Cara Membuat Scroll Di Widget Blog
selanjutnya Cara Membuat Scroll Di Widget Blog, Jika Sobat punya
widget di blog yg terlaru panjang, sobat bisa gunakan cara ini. Membuat
Scroll Di Widget Blog juga bisa memper cantik blog, blog yg tadinya
berantakan karena bayak widget-widget yg terlaru panjang bisa jadi bagus
jika menggunakan cara ini.
Tapi widget ini khusus di gunakan untuk widget yg menggunakn HTML/Java Script.
langsung ajah gini caranya.
- Login Ke Blogger >> Tata letak >> Widget Yg Ingin Di Buatkan Scroll >> Copy Code Di Bawah Ini
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #eee;">
HTML/Java Script Widget Sobat </div>
HTML/Java Script Widget Sobat </div>
- Simpan Dan Lihat Hasilnya.
Cara Membuat Scroll Pada Widget Blog
- See more at: http://infobuatkalian.blogspot.com/2012/08/Cara-Membuat-Scroll-Pada-Widget-Blog.html#sthash.OMLDYUUy.dpuf
Setelah sebelumnya postingan Max's Blog membahas cara memberi scroll pada arsip blog,
kali ini postingan Max's Blog akan kembali membahas tentang scroll atau
baris penggulung, khususnya cara memberi scroll pada widget yang ada
disidebar ataupun footer blog.
Scroll atau baris penggulung dalam kotak yang berwarna merah tersebut
adalah contoh scroll yang ditambahkan pada widget blog. Pemasangan
scroll tersebut dapat menghemat pemakaian tinggi ataupun lebar yang
digunakan suatu gadget dalam blog.
Dalam membuat scroll pada widget blog, ada banyak cara yang dapat kita
praktekan. Namun kali ini Max's blog akan membagikan cara yang tidak
sulit, yakni membuat scroll pada widget blog dengan cara menambahkan
kode CSS didalam template.
Berikut cara membuat scroll pada widget blog :
- Login Ke akun Blogger sobat.
- Jika sudah berada di Dasbor blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
- Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
- Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
- Selanjunya tambahkan kode <div style='overflow:auto; width:ancho; height:100px;'> (angka 100 adalah tinggi widget, silahkan sesuaikan dengan keinginan sobat) tepat dibawah kode yang dicari pada nomor 4 tadi.
- Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.
- yang terakhir Klik Save / Simpan.
Cara Membuat Scroll Pada Widget Blog
- See more at: http://infobuatkalian.blogspot.com/2012/08/Cara-Membuat-Scroll-Pada-Widget-Blog.html#sthash.OMLDYUUy.dpuf
Setelah sebelumnya postingan Max's Blog membahas cara memberi scroll pada arsip blog,
kali ini postingan Max's Blog akan kembali membahas tentang scroll atau
baris penggulung, khususnya cara memberi scroll pada widget yang ada
disidebar ataupun footer blog.
Scroll atau baris penggulung dalam kotak yang berwarna merah tersebut
adalah contoh scroll yang ditambahkan pada widget blog. Pemasangan
scroll tersebut dapat menghemat pemakaian tinggi ataupun lebar yang
digunakan suatu gadget dalam blog.
Dalam membuat scroll pada widget blog, ada banyak cara yang dapat kita
praktekan. Namun kali ini Max's blog akan membagikan cara yang tidak
sulit, yakni membuat scroll pada widget blog dengan cara menambahkan
kode CSS didalam template.
Berikut cara membuat scroll pada widget blog :
- Login Ke akun Blogger sobat.
- Jika sudah berada di Dasbor blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
- Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
- Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
- Selanjunya tambahkan kode <div style='overflow:auto; width:ancho; height:100px;'> (angka 100 adalah tinggi widget, silahkan sesuaikan dengan keinginan sobat) tepat dibawah kode yang dicari pada nomor 4 tadi.
- Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.
- yang terakhir Klik Save / Simpan.
Cara Membuat Scroll Pada Widget Blog
- See more at: http://infobuatkalian.blogspot.com/2012/08/Cara-Membuat-Scroll-Pada-Widget-Blog.html#sthash.OMLDYUUy.dpuf
Setelah sebelumnya postingan Max's Blog membahas cara memberi scroll pada arsip blog,
kali ini postingan Max's Blog akan kembali membahas tentang scroll atau
baris penggulung, khususnya cara memberi scroll pada widget yang ada
disidebar ataupun footer blog.
Scroll atau baris penggulung dalam kotak yang berwarna merah tersebut
adalah contoh scroll yang ditambahkan pada widget blog. Pemasangan
scroll tersebut dapat menghemat pemakaian tinggi ataupun lebar yang
digunakan suatu gadget dalam blog.
Dalam membuat scroll pada widget blog, ada banyak cara yang dapat kita
praktekan. Namun kali ini Max's blog akan membagikan cara yang tidak
sulit, yakni membuat scroll pada widget blog dengan cara menambahkan
kode CSS didalam template.
Berikut cara membuat scroll pada widget blog :
- Login Ke akun Blogger sobat.
- Jika sudah berada di Dasbor blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
- Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
- Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
- Selanjunya tambahkan kode <div style='overflow:auto; width:ancho; height:100px;'> (angka 100 adalah tinggi widget, silahkan sesuaikan dengan keinginan sobat) tepat dibawah kode yang dicari pada nomor 4 tadi.
- Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.
- yang terakhir Klik Save / Simpan.
0 komentar:
Posting Komentar