About Me

Foto Saya
Shencheng
belajar dari pengalaman bisa menjadikan kita lebih baik daripada sebelumnya....
Lihat profil lengkapku
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
↑↑ Translate To Your Language ↑↑
↓↓ Click Picture Bellow To Watch Naruto Online Episode ↓↓
Watch Naruto Online Episode

Rabu, 19 Januari 2011

Membuat Scroll Menu pada Blog

Halo Kawan bloger. Pingin membuat menu scroll pada blog? Saya akan memberikan tricknya. Sangat simple dan tidak repot. Sebagaimana kode-kode HTML yang merupakan dasar dari tampilan web blog, untuk membuat menu scroll juga menggunakan kode HTML. Apakah menu scroll bisa di tempatkan di berbagai tempat? Tentu bisa!




Caranya gampang benget bro. Coba lihat di bawah ini


<div style="overflow:auto;width:250px;height:180px;padding:10px;border:1px solid #eee">

Silahkan Klik Post Dibawah Ini
 - Merubah Windows Xp menjadi Windows7
 - Translator Xp Enterprise
 - Shutdown Otomatis
 - Deepfreeze
 - Mengurangi Memory Usage Mozilla

</div>

Hasilnya akaan seperti ini :


Coba scroll di atas dan Silahkan klik menu yang saya sediakan. Mungkin artikelnya berguna bagi kawan-kawan. he,  Isi dari menu scroll bisa kawan ganti sesuai artikel kawan blogger.
tulisan bewarna merah
- width (lebar dari kiri ke kanan) bisa disesuaikan.
- height ( tinggi dari bawah ke atas) bisa disesuaikan.



atau bisa juga dengan cara seperti ini :

Copi code berikut:


<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid">
  <ul>
    <p><a href="http://amatullah83.blogspot.com/2009/07/cara-membuat-related-post-tulisan.html">Cara membuat related post</a> </p>

    <p><a href="http://amatullah83.blogspot.com/2009/07/mungkin-teman-teman-sudah-pernah.html">ngeblog offline tanpa terhubung keinternet</a> </p>

    <p><a href="http://amatullah83.blogspot.com/2009/07/merubah-read-more-dengan-icon-image.html">Mengganti Read More Dengan Image</a> </p>

    <p><a href="http://amatullah83.blogspot.com/2009/07/cara-membuat-recent-post-postingan.html">Cara membuat Recent Post</a> </p>

  </ul>
</div> 
Setelah itu paste pada tempat yang anda inginkan di blog anda, apakah pada postingan, sidebar dll. Untuk alamat URLnya anda ganti dan sesuaikan sendiri!
Untuk memasangnya pada postingan anda harus berada dalam tab edit HTML, sedangkan untuk memasangnya pada sidebar caranya (untuk yang belum tahu ni):
  • Login ke blogger
  • Pada bagian dasbor pilih menu layout/ tata letak
  • Klik elemen halaman
  • Tambah gadget pada sidebar yang anda ingin tampilkan menu scroolnya!
  • Pilih tambah HTML/JavaScript
  • Beri titel, simpan codenya dalam konten
  • Save, lihat hasilnya diblog anda!
Jika ingin menambahkan icon disampingnya link, ganti code <p> dan </p> dengan <li> dan </li>

0 comments:

LIVE STREAMING PTV

LIVE STREAMING RM

RADIO MANADO LIVE STREAMING !!!
Get the Flash Player to see this player.

Gratest Manado Collection


Klik Gambar Untuk Melihat Semua Jenis Baju
**Gratest Manado**
**OneKill**

**AirPlaneSystm**

**RadioStar**

**RockSter**

**DayBreak**

Visitor Count

free counters

Website Hit Counters

Convert HTML Code

Blog Archive

Popular Post

Followers

Follow Me By Facebook

Powered By :
Web Hosting

Follow by Email