15 November 2008

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://doanco.blogspot.com/2008/03/
membuat-email-di-gmail.html
">
Membuat Email Gmail</a></li>
<li><
ahref="http://doanco.blogspot.com/2008/02/
membuat-blog.html
">
Membuat Blog
</a></li>
<li><
ahref="http://doanco.blogspot.com/2008/09/
mengubah-alamat-blog.html
">
Merubah Alamat Blog
</a> </li>
<li><
ahref="http://doanco.blogspot.com/2008/03/
menulis-artikel.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 :

Blog Tutorial


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 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 !!!!


10 komentar:

Anonim mengatakan...

gmn pak ???

kalau bapak punya waktu bilang saya ya...qw mau diajarin yang cr duit tu lo....
qw ngrasa klo pengeluaranku lebih besar dr pendapatanku..lha pas qw kmrn dikasih saran bapak qw tertarik nich,,,thnk's bossss

Suara Fajli mengatakan...

kok setelah aku coba semua instruksinya, yang muncul diblogku kok nggak sama ya?

Sbagyo mengatakan...

Membuat menu scrool ini sekalinya banyak caranya ya oom.aku baca di blog sebelah ngak gini code Htmlnya.yang pentingkan hasilnya sama ya oom.
Thanks...oom tutorialnya

sss mengatakan...

bagusss ku suka ini... saya akan mencobanya sekarang...

mascipul mengatakan...

mantap

Unknown mengatakan...

NAH INI DIA!!!

dicari dari kemaren2 ketemu juga.

tapi kok gk sesuai hasil diatas??

yang muncul cuman teks doang? tanya knapa?

Unknown mengatakan...

wah saya udah tau neh knapa cuman muncul teks doang. tutorialnya penulisan "a href" nya salah tuh

Mawardi mengatakan...

Salam kenal, udah di coba tapi gak bisa mas yang muncul malah code aslinya

Ichsan Muiz mengatakan...

Salam kenal juga yaaaaaaaaaaaaaaaahhhhh, terimakasih atas tipsnya

blogadexme mengatakan...

Makasih ya mas..atas tips yang di kasih...umpan balik mas :

http://blogadexme.blogspot.com/2011/09/seo-tool.html

Posting Komentar

DOANCO © 2008 Template by:
SkinCorner