Home » » Trik buat Kotak Scrollbar Pada Post+Blog+Tutorial

Trik buat Kotak Scrollbar Pada Post+Blog+Tutorial

Written By beeje coffee on Friday | 3:29 PM


Kotak ini bisa di scroll kekanan dan kebawah untuk menemukan teks lain yang tersembunyi sehingga boleh menjimatkan ruang pada blog kita. Untuk membuat kotak ini caranya sangat mudah:
1. Buka Blogger. Klik menu ▶ Design ▶ Page Elements 
2. Klik Add a Gadget lalu klik ▶ HTML/Javascript 


3. Masukkan kode yang dibawah ini:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);"><option selected value="0" />DUNIA CINTA<option value="http://webhackerpc.blogspot.com/2010/11/10-rahasia-pria-yang-harus-diketahui.html" />Rahasia PRIA<option value="http://webhackerpc.blogspot.com/2010/11/kepribadian-manusia-dari-status.html" />Status Facebook</select>


Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal diatas dengan Catatan: Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif 

Sebagai contoh saya memasukkan:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVwDfapmO5x8bGD07MOcHvX-52D_t0Bzw-j3XlGBZltCfhhUOQcIbMTC6hVLZSwjRctcoxEE73xYBiYHo0fFSvOwp55NyJMmQig48ulJk4BHZK_T9pXYGZxYiwTN0Bn2NIkYQ2tWdYMoDq/s320/cuti-cuti+cinta.jpg" /></div>

Maka hasilnya akan seperti ini


4. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

Selamat Mencoba!!?
Share this article :

0 comments:

Post a Comment

Translate

Arsip Blog

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. --=::[̲̅̅S̲̲̅̅̅i̲̅] [̲̅̅W̲̅̅o̲̲̅̅̅n̲̲̅̅̅k̲̅]™::=-- - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger