Monday, May 7, 2012
Menambahkan Gadget dengan Efek Scroll di Blogger
Efek scroll adalah salah satu variasi yang sering digunakan para blogger professional. Penggunaan efek scroll ini sangat membantu dalam penataan blog agar terlihat rapi dan menarik. Selain itu juga dapat menghemat tempat, apalagi jika postingan cukup panjang. Maka penggunaan efek scroll bisa digunakan untuk membantu pembaca agar lebih nyaman dalam membaca site blog anda.
Pelajari dengan cermat ya...
Anda masih ingat kan cara menambahkan gadget? (Coba lihat pada bagian Memasukkan Image di Posting). Nah, terlebih dahulu anda Tambah Gadget kemudian klik pada pilihan gadget
HTML/Java Script.
Jika sudah muncul layar untuk memasukkan kode HTML seperti di atas, masukkan kode berikut ini:
<div style="border: 1px solid rgb(238, 238, 238); height: 150px; overflow: auto; width: 300px;">
Efek scroll adalah salah satu variasi yang sering digunakan para blogger professional. Penggunaan efek scroll ini sangat membantu dalam penataan blog agar terlihat rapi dan menarik. Selain itu juga dapat menghemat tempat, apalagi jika postingan cukup panjang. Maka penggunaan efek scroll bisa digunakan untuk membantu pembaca agar lebih nyaman dalam membaca site blog anda.
</div>
Ganti naskah teks berwarna merah dengan naskah anda. Contoh hasilnya adalah sebagai berikut:
Efek scroll adalah salah satu variasi yang sering digunakan para blogger professional. Penggunaan efek scroll ini sangat membantu dalam penataan blog agar terlihat rapi dan menarik. Selain itu juga dapat menghemat tempat, apalagi jika postingan cukup panjang. Maka penggunaan efek scroll bisa digunakan untuk membantu pembaca agar lebih nyaman dalam membaca site blog anda.
Kalau mau membuat efek scroll yang di dalamnya ada efek link anda harus tahu dulu kode html untuk membuat link, atau bisa langsung copy paste aja kode script berikut dan ganti teks warna merah sesuai dengan link yang ingin anda tautkan dan teks yang ingin ditampilkan (gunakan kode http:// untuk Alamat URL).
<a href="Alamat URL">Teks Yang Ditampilkan</a>
Contoh hasil tampilan dari script di atas adalah.
Blog Tutorial
Apabila terdiri dari banyak efek link dan anda menginginkan ganti bari anda bisa tambahkan kode <br /> jadinya seperti ini
<a href="Alamat URL">Teks Yang Ditampilkan</a>
<br />
Jika digabungkan dengan efek scroll kode scriptnya adalah sebagai berikut.
<div style="border: 1px solid rgb(238, 238, 238); height: 150px; overflow: auto; padding: 10px">
<a href="Alamat URL">Teks Yang Ditampilkan </a>
<br />
</div>
Bagaiman jika ingin memasukkan banyak link? Gampang kok, copy aja kode
<a href="Alamat URL">Teks Yang Ditampilkan </a>
<br />
Kemudian paste di bawahnya sebelum kode </div> sebanyak yang diperlukan.
Jangan lupa klik Simpan ya...
Contoh hasil tampilan dengan efek scroll dan link teks adalah seperti ini nih...
Membuat Label Cantik di Blogger
Membuat Recent Posts Advanced di Blogger Membuat Recent Post dan Ringkasan Isinya Membuat Read More di Blogger
Membuat Link pada Image di Posting Blog Memasukkan Image di Posting Blog Memasukkan Gambar ke dalam Blog Membuat Link pada Postingan
Mengatur Teks Postingan di Blogger
Membuat Posting di Blogger
Cara Membuat Blog di Blogger
Tutorial Membuat e-mail Baru
Membuat Recent Posts Advanced di Blogger Membuat Recent Post dan Ringkasan Isinya Membuat Read More di Blogger
Membuat Link pada Image di Posting Blog Memasukkan Image di Posting Blog Memasukkan Gambar ke dalam Blog Membuat Link pada Postingan
Mengatur Teks Postingan di Blogger
Membuat Posting di Blogger
Cara Membuat Blog di Blogger
Tutorial Membuat e-mail Baru
Nah, bagaimana siap mencoba?
Begitulah cara menambahkan efek scroll di blogger. Semoga Sukses...
Salam Sukses
Amru S.
www.bloggtutorial4u.blogspot.com
Info Kontes - Kompetisi Tingkat Nasional-International
TIPS SEO HARI INI
Anda punya Blog? Atau website ingin meningkatkan Page Rank di Search Engine?
Klik logo-logo di bawah ini untuk melihat caranya :
