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...
 


Nah, bagaimana siap mencoba?
Begitulah cara menambahkan efek scroll di blogger. Semoga Sukses...

Salam Sukses
Amru S.
www.bloggtutorial4u.blogspot.com



Baca Juga » Info Kontes - Kompetisi Tingkat Nasional-International


Follow Us

Daftar Artikel

Created by. Amru Sholihin. Powered by Blogger.

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 :
ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free My Ping in TotalPing.com

PageRank Display

PageRank