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://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Membuat Email Gmail</a></li>
<li><
ahref="http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Membuat Blog</a></li>
<li><
ahref="http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Merubah Alamat Blog</a> </li>
<li><
ahref=http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">Menulis Artikel</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>
Hasilnya nanti akan seperti berikut :
Untuk tulisan berwarna biru silahkan rekan2 ganti dengan alamat url dari artikel yang akan dibuat link sedang yang merah ganti dengan judul artikel. Demikian seterusnya untuk link yang lBiru 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 !!!!
<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://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Membuat Email Gmail</a></li>
<li><
ahref="http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Membuat Blog</a></li>
<li><
ahref="http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">
Merubah Alamat Blog</a> </li>
<li><
ahref=http://www.viandraminerva.co.cc/2010/03/membuat-menu-link-scroll.html">Menulis Artikel</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>
Hasilnya nanti akan seperti berikut :
Untuk tulisan berwarna biru silahkan rekan2 ganti dengan alamat url dari artikel yang akan dibuat link sedang yang merah ganti dengan judul artikel. Demikian seterusnya untuk link yang lBiru 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 !!!!
webx capcus
BalasHapusMakasih bang Infonya.....
BalasHapusaye ude nyoba & berhasil,,,sangat berguna...
eiya bang, tuker link dong.....link abang ude ane pasang tuh di blog ane...salam kenal ya bang :)
iya sama-2 nanti saya pasang Link situ..!
BalasHapusmas viandra .. klo cara membuat scroll kolom buat feedjit live traffic kayak punya mas gmn mas ?
BalasHapusmohon wejangannya mas :)
terima ksasih
pasang script di bawah ini yach kalo mau feedjit live traffic nya seperti punya saya:
BalasHapus<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 200px; text-align: center;"><script type="text/javascript" src="http://feedjit.com/serve/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></div>
Are you looking to earn cash from your websites by popup ads?
BalasHapusIn case you do, have you ever consider using PopAds?
Get daily ideas and instructions for making THOUSANDS OF DOLLARS per day FROM HOME totally FREE.
BalasHapusJOIN TODAY