Cara Membuat Daftar Link Urutan Abjad A-Z

Daftar link urutan abjad ini bisa anda sesuaikan dengan keingin anda, karena anda dapat mengaturnya secara manual. Daftar link urutan abjad ini menggunakan Efek marquee dapatbergerak keatas dan jika link tersorot oleh cursor makan link tersebut berhenti secara otomatis.

Mengenai efek marquee anda juga bisa membacanya tutorial lainnya :

Cara Membuat Daftar Link Berjalan dari Bawah Keatas 
Membuat Banyak Banner Berjalan Ke Samping
Cara mudah membuat teks berjalan di atas header pada blog
Cara membuat efek widget bergerak memantul di Blogger

Dalam pemasangannya cukup mudah, berikut ini langkah-langkahnya :

Cara Membuat Daftar Link Urutan Abjad A-Z

1. Login keakun Blogger
2. plih design atau Tata Letak
3. Klik add Gadget
4. selanjutnya anda pilih HTML/Javascript
5. Kemudian anda copu kopde dibawah ini dan terapkan pada content yang tersedia

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 150px; background-color: #fff;">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<center><b>..:A:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:B:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:C:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:D:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:E:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:F:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:G:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:H:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:I:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:J:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:K:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:L:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:M:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:N:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:O:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:P:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:Q:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:R:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:S:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:T:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>
<center><b>..:U:..</b></center>
<center><a href="http://aak-share.blogspot.com/" target="blank" title="Unknown">Unknown: A Unique Blog</a></center>
<center><b>..:V:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>
<center><b>..:W:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:X:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:Y:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

<center><b>..:Z:..</b></center>
<center><a href="Url Link" target="blank" title="Judul Blog">Judul link yang ditampilkan</a></center>

</marquee>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://aak-share.blogspot.com/"/>Unknown: A Unique Blog</a> by Unknown
</div></div>

Keterangan :

• width: 100%; adalah pengaturan lebar widget
• height: 150px; adalah pengaturan lebar widget
• background-color: #fff; adalah pengaturan warna latar widget
• <center><b>..:A:..</b></center>  adalah pengaturan posisi tulisan saya buat ditengan, jika anda ingin menggantinya disebelah kiri ganti tulisan center dengan left dan jika sebelah kanan gantii dengan right
• href="Url Link" adalah pengaturan link sesuaikan dengan link anda
• Judul link yang ditampilkan adalah nama judul link yang ditampilkan

5. Simpan

Demikian Cara Membuat Daftar Link Urutan Abjad A-Z, semoga bermanfaat!

Share this post