Selamat datang di Kios-Tutorial

Tutorial Mudah Membuat Scroll Pada Blog

Sunday, December 22, 20130 komentar

Salam sobat bloggers . . . . .
Kali ini saya akan berbagi tutorial membuat scroll pada widget yang tentunya sudah tidak asing lagi di telinga dan mata kita. Sebelumnya mari kita review sedikit tentang widget scroll ini, dalam sebuah blog pasti tidak lepas dari Archive, Recent Post, Related Post, Popular Post. Dan tentunya akan memakan banyak tempat kalau artikel yang kita tulis sudah sangat banyak.

Disinilah fungsi dari scroll itu akan berguna, disamping untuk mempercantik tampilan blog, scroll ini berfungsi untuk mempercepat loading dari blog.
OK, mari kita simak langkah-langkahnya di bawah ini

Membuat Scroll Pada Blog

1. Masuk ke akun bloggers kalian
2. Pilih bagian Tata Letak
3. Klik tambah gadget 
4. Pilih Mode HTML/Javascript
5. Copy kode di bawah ini dan pastekan di dalam Widget yang berisi HTML/Javascript tadi

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
-----------------kode widget disini-------------
</div>

 6. Ganti ---------kode widget disini---------  di atas dengan kode-kode HTML (banner kode, link kode, backlink kode, dll)
7. Jangan lupa untuk mengatur panjang kolom scroll dengan mengganti tulisan 200 di atas sesuai dengan template kalian
8. Langkah terakhir, Save widget kalian. Kalau langkah-langkahnya betul akan terlihat seperti gambar di bawah ini :

cara membuat scroll pada blog

 Sekian dulu artikel singkat dari saya, semoga bermanfaat.
 Terima kasih sudah mampir dan meluangkan waktu untuk membaca artikel

 Tutorial Mudah Membuat Scroll Pada Blog

 Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo

Share this article :

Post a Comment

- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2013. Tutorial Tips & Trik - All Rights Reserved
Template Created by Creating Website Re-Design by Kios
Proudly powered by Blogger