Rabu, 12 Oktober 2011

Cara Memasang Menu Scroll Down

 Cara Memasang Menu Scroll Down


 Halo Sobat evanzip...Pada Tutorial sebelumnya evanzip sudah menjelaskan cara Membuat Text Shadow Animation With Hover Dan untuk Tutirial Berikut ini evanzip akan menjelaskan Cara memasang Menu Scroll Down di blog.Menu Scroll Down juga sangat banyak pungsinya selain menghemat Tampilan di Halaman Utama Menu Scroll Down juga Sobat bisa Memasukkan Link Link Pavorit sobat atau link apa saja sesuai keinginan sobat atau daftar isi seperti punya evanzip ini..hehehe silahkan sobat lihat Di sini
Baik sobat di bawah ini evanzip lampirkan contoh gambar Menu scroll down :


Bagaimana sobat evanzip apakah sobat tertarik untuk membuat  Menu scroll down...?
Oke sobat kalau tertarik Ikut langkah langkah Berikut ini

Copy Code dibawah ini dan paste pada EDIT HTML >>>add Gadget >>>HTML/JavaScrip


<div style="border: 2px solid #C80909; padding: 2px; background : #151414; overflow: auto; width: 230px; height: 360px;">
<ol>
<li><a href="http://evanzip.blogspot.com/2011/10/daftar-isi.html%22%3EDaftar isi</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/membuat-text-shadow-animation-with.html%22%3ECara Membuat Text Shadow Animation With Hover</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-pesan-pembuka-dan-penutup.html%22%3ECara Membuat Pesan Pembuka Dan Penutup Pada Blog</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-tombol-reply-keren-di-blog.html%22%3ECara Membuat Tombol Reply keren Di Blog</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/tombol-homeback-to-topdan-bottom.html%22%3ECara Membuat Tombol Home,Back To Top,Dan Bottom</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-text-area-di-blog.html%22%3ECara Membuat Text Area Di Blog</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/buku-tamu-evanzip.html%22%3EBuku Tamu evanzip</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-menu-drop-down-horizontal.html%22%3Ecara membuat menu drop down horizontal</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-link-bergoyang.html%22%3Ecara membuat link bergoyang</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/rounded-corner-membuat-sudut-menjadi.html%22%3Erounded corner membuat sudut menjadi</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/efek-hujan-salju-di-blog.html%22%3ECara Membuat efek hujan salju di blog</a></li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-buku-tamu-blog-tanpa-di.html%22%3E%3C/a%3Ecara membuat buku tamu di blog tanpa di klik</li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-membuat-buku-tamu-yang-bisa-buka.html?utm_medium=twitter&utm_source=twitterfeed"></a>Cara membuat buku tamu yang bisa buka Tutup</li>
<li><a href="http://evanzip.blogspot.com/2011/10/cara-mengatasi-komputer-yang.html%22%3ECara mengatasi Komputer yang Lambat/lemot</a></li>
</ol></div></div>


Perhatikan <li><a href="alamat Link yang dituju">Tulisan yang tampil</a></li>

Ganti Alamat Link yang berwarna Orange sesuai dengan Link Sobat Tapi kalau nga di ganti juga yooo ndak opo opo to....:D. Terimakasih kalau Begitu.hehehe ...dan untuk tulisan Terserah Sobat mau Tulis apa hehehehe yang pasti sesuai lah dengan judul Link nya biar Matchink gitu...xixixi.

Nah Sobat  Sesuaikan Untuk ukuran Tinggi,Lebar Background dan garis tepi sesuai dengan keinginan sobat....

Biru      : Warna garis tepi
Hijau    : Warna Background
Kuning : Lebar (kamu juga dapat memakai 100%)
Merah  : Tinggi

**Selamat Mencoba**


     Kritik Dan Saran sobat Sangat Membantu evanzip Dalam Menulis Artikel pada Tutorial berikutnya.

0 komentar:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates