CARA MEMBUAT MENU LINK SCROLL

Pemakaian Menu Scroll untuk blog adalah fleksibel. Artinya rekan-rekan dapat memanfaatkan untuk beberapa keperluan yang pada prinsipnya tampilan blog tidak terkesan acak-acakan / ringkas.Pemanfaatannya dapat sebagai pengganti daftar isi dari blog, Daftar link Site blog dsb. Dalam hal ini saya ambil contoh Daftar menu link artikel. Pola untuk membuat menu Link Scroll dapat ditunjukkan di bawah :

<em><ahref="ALAMATURL">NAMAMENU</
A>.</em>

Langkah-langkah pembuatannya sbb
1. Login di blogger atau klik disini masukkan username dan password
2. Klik menu Tata-letak / layout
3. Klik tab Elemen Halaman
4. Klik Tambahkan sebuah Elemen Halaman
5. Klik tombol "TAMBAHKAN KE BLOG" di bawah tulisan HTML/JavaScript.
6. Masukkan kode HTML di bawah ini :

<divid="bottom_2"class="bottomsection"><divid="HTML8"
class="widget HTML">
<h2 class="title">Blog Tutorial </h2>
<div class="widget-content">
<div
style="overflow:auto;width:190px;height:190px; border:5">
<ul>
<li><
ahref="http://dealervoucher.blogspot.com/2010/12/daftar-harga.html"> Daftar Harga</a></li> <li><
ahref="http://dealervoucher.blogspot.com/2010/12/cara-pendaftaran.html"> Cara Pendaftaran</a></li> <li><
ahref="http://dealervoucher.blogspot.com/2010/12/cara-transaksi.html"> Cara Transaksi</a> </li> <li><
ahref="http://dealervoucher.blogspot.com/20010/12/
cara-deposit.html
">Cara Deposit </a> </ li>
</ul>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control"> <span class="item-control blog-admin">
<a html8 ));
href="http://www.blogger.com/rearrange?
blogID=4569368524623882898&widgetType=HTML&widgetId=
HTML8

&action=editWidget" class="quickedit" onclick="return_WidgetManager._PopupConfig
(document.getElementById
(" target="configHTML8" title="Edit">
<imgalt="" src="http://img1.blogblog.com/ img/icon18_wrench_allbkg.png"/>
</a>
</span>
</span>
<div class="clear"></div>
</div></div>

Untuk tulisan dealervoucher.blogspot.com/2010/12/daftar-harga.html silahkan rekan2 ganti dengan alamat url dari artikel yang akan dibuat link sedang yang Daftar Harga(judul) ganti dengan judul artikel. Demikian seterusnya untuk link yang lain tinggal copy - paste - ganti url - ganti judul. Pemasangan di dalam blog rekan2 dapat merubah angka width:190 px --> lebar kolom dan angka height:190 px --> tinggi kolom. Perubahan angka/nilai pixel(px) dimaksudkan untuk penyesuaian di blog.

Selamat mencoba !!!! ;)

0 komentar: