Posting dengan Scroll

Jumpa lagi sobat blogger sekalian, saya harap kita semua dalam keadaan sehat wal'afiat. Pada postingan ini saya ingin berbagi tentang cara menghemat ruang di halaman postingan dengan memanfaatkan scroll. Dengan menggunakan scroll kita dapat menghemat halaman posting sehingga halaman posting lebih rapi dan terlihat lebih cantik. 
Bagaimana cara menampilakan scroll pada halaman posting? Mungkin sudah banyak yang menguasai HTML/javascript sehingga tidak begitu kesulitan untuk menampilkan scroll pada halaman posting. Tapi bagaimana dengan sobat blogger yang belum menguasai HTML/javascript? Jangan khawatir karena saya akan memeberikan salah satu cara menampilkannya.
Sebelumnnya silahkan perhatikan contoh penggunaan scroll di bawah ini:

Free Anonymous Proxy:
IP address Anonymity level Checked time Country
125.75.47.141:9415 high-anonymous proxy -2 minutes ago China
193.109.165.234:3128 transparent -1 minutes ago Ukraine
46.42.4.138:3128 transparent proxy -1 minutes ago Russian Federation
194.170.16.75:8888 transparent -1 minutes ago United Arab Emirates
Powerfull USA, UK, France and German Anonymous Proxy $6.50/month!!!
The Real Thing
188.134.20.138:8080 transparent proxy -1 minutes ago Russian Federation
proxy.lc:80 elite ($) Apr-14, 15:00 United States
91.210.46.1:8080 transparent server -1 minutes ago Russian Federation
uk.ispconf.com hight-anonymous ($) Apr-14, 15:00 United Kingdom
77.47.129.43:3128 transparent server -1 minutes ago Ukraine
110.139.64.223:8080 transparent -0 minutes ago Indonesia
201.245.110.138:8888 transparent proxy server -0 minutes ago Colombia
110.139.180.151:8080 transparent proxy -0 minutes ago Indonesia
152.15.98.226:3128 Planetlab/CoDeeN server -0 minutes ago United States

IP address Anonymity level Checked time Country
217.30.247.37:8085 anonymous server 1 minutes ago Russian Federation
212.174.46.10:8085 transparent proxy 1 minutes ago Turkey
190.97.204.37:3128 transparent proxy 2 minutes ago Colombia
62.109.5.106:80 transparent 5 minutes ago Russian Federation
Powerfull USA, UK, France and German Anonymous Proxy $6.50/month!!!
The Real Thing
92.63.102.66:8080 transparent proxy 5 minutes ago Russian Federation
proxy.lc:80 elite ($) Apr-14, 15:00 United States
91.210.44.130:8080 transparent 5 minutes ago Russian Federation
uk.ispconf.com hight-anonymous ($) Apr-14, 15:00 United Kingdom
78.24.221.14:80 transparent 5 minutes ago Russian Federation
81.177.144.176:3128 transparent server 5 minutes ago Russian Federation
77.74.11.182:8080 transparent server 5 minutes ago Russian Federation
94.41.92.27:8080 transparent 5 minutes ago Russian Federation
62.84.12.37:8080 transparent proxy server 5 minutes ago Latvia

IP address Anonymity level Checked time Country
80.233.225.180:8080 transparent 5 minutes ago Latvia
62.84.12.41:8080 transparent server 5 minutes ago Latvia
62.84.13.37:8080 transparent proxy server 5 minutes ago Latvia
91.210.46.01:8080 transparent proxy 6 minutes ago Russian Federation
Live Life in Your Own Proxy Way in Europe or USA
Proxy for the Soul from $6.50/month
213.141.134.208:8080 transparent proxy 6 minutes ago Russian Federation
proxy.lc:80 elite ($) Apr-14, 15:00 United States
91.203.178.139:8080 transparent proxy server 6 minutes ago Russian Federation
uk.ispconf.com hight-anonymous ($) Apr-14, 15:00 United Kingdom
85.21.122.66:8080 transparent server 6 minutes ago Russian Federation
41.190.16.17:8080 anonymous 6 minutes ago Nigeria
64.9.243.244:3128 transparent proxy 8 minutes ago United States
109.230.128.179:8080 transparent proxy server 11 minutes ago Russian Federation
80.242.79.208:3128 transparent proxy 12 minutes ago Russian Federation

IP address Anonymity level Checked time Country
80.73.9.237:3128 transparent proxy server 15 minutes ago Ukraine
212.1.104.14:3129 transparent server 15 minutes ago Ukraine
178.150.249.47:3128 high-anonymous proxy server 15 minutes ago Ukraine
188.231.188.35:3128 transparent server 15 minutes ago Ukraine
Get USA and Europe(UK, France, Germany) Proxy as low as $6.50/month
Move Forward
109.251.105.123:3128 high-anonymous proxy 15 minutes ago Ukraine
proxy.lc:80 elite ($) Apr-14, 15:00 United States
195.189.226.1:80 high-anonymous proxy 15 minutes ago Ukraine
uk.ispconf.com hight-anonymous ($) Apr-14, 15:00 United Kingdom
178.156.73.56:8080 transparent proxy 15 minutes ago Spain
109.86.157.215:8080 high-anonymous proxy server 16 minutes ago Ukraine
91.213.59.121:81 anonymous proxy server 16 minutes ago Ukraine
50.17.202.167:80 transparent proxy server 16 minutes ago
129.237.161.193:3124 CoDeen/PlanetLab? 16 minutes ago United States


Sederhannya seperti ini:
Silahkan copy script berikut dan paste di halaman posting yang akan sobat blogger terbitkan!

<div class="widget-content">
<div margin="2px;" style="border: 2px solid rgb(51, 255, 51); height: 300px; overflow: auto; text-align: left; width: 470px;">
Isi Scroll (ganti dengan isi scroll yang ingin ditampilkan)
</div>

Pada tulisan yang berwarna merah "Isi Scroll (ganti dengan isi scroll yang ingin ditampilkan)" silahkan ganti dengan text, gambar atau objek visual lain yang ingin sobat blogger tampilkan.
Perhatikan "height: 300px;"! Angka 300 menunjukkan ukuran tinggi scroll, silahkan ganti jika menurut sobat blogger scroll tersebut terlalu tinggi atau sebaliknya.
Perhatikan "width: 470px;"! Angka 470 menunjukkan ukuran lebar scroll, silahkan ganti jika menurut sobat blogger scroll tersebut terlalu lebar atau sebaliknya.
Perhatikan "border: 2px solid rgb(51, 255, 51)"! Angka 2px menunjukkan tebal border scroll, silahkan ganti jika ingin lebih tebal atau lebih tipis. Sedangkan rgb(51, 225, 51) menunjukkan kode warna border scroll, jika ingin diganti silahkan pilih kode warna yang sesuai dengan keinginan sobat pada posting berikut: Kode Warna RGB dan Hexadecimal atau browse di google.com untuk mencari kode warna yang lain.

Demikian cara menampilkan scroll pada halaman posting, semoga bermanfaat. Kritik dan saran silahkan salurkan lewat kotak komentar.

2 komentar:

Anonymous at: 4 June 2011 at 13:41 said...

hmm, menarik.

{ martaguna89 } at: 6 June 2011 at 11:57 said...

thanks kunjunganx brother...

Post a Comment

 
GOENS89 © 2011 Theme made with the special support of Maiahost for their cheap WordPress hosting services and free support.