Cara Membuat Kolom Teks Link Exchange Sesuai Abjad Menggunakan Marquee (Teks Berjalan)

Rapi adalah sebagian dari iman, bener tidak teman-teman? Nah, dari pemikiran seperti inilah yang menggerakkan saya untuk membuat Tutorial Blog mengenai Cara Membuat Kolom Teks Link Exchange Sesuai Abjad Menggunakan Marquee (Teks Berjalan), agar semua link blog teman-teman kita itu tersusun rapi dan menarik untuk dilihat.

Hari ini mungkin artikel saya cuma baru masuk satu (cape deh) itupun tadi pagi tentang Tools untuk Menimbang Berat Size Page & Load Time Blog, karena saya seharian mencoba beberapa script untuk kolom exchange yang 80% TRIAL & ERROR, hahaha.

Sekilas, tampilan dari Kolom Teks Link Exchange (bisa juga diganti banner) ini tidak berbeda dari yang tutorial yang dibuat oleh pendahulu saya, hanya saya poles sedikit dengan tambahan marquee (teks berjalan secara Up-berhenti jika mouse diarahkan) (lihat juga Cara Membuat Teks Berjalan di Title Tab), lalu berdasarkan abjad (walaupun manual) dan dengan tambahan kolom scroll down.

Ribet amat yach? Tenang saja teman-teman, tinggal copy paste aja kok, cukup saya saja seharian otak atik ni script, hahaha.

Ok, langkah-langkahnya sebagai berikut:

1. Login ke akun blogspot teman-teman,
2. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
3. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten):

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

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

<center><b>..:A:..</b></center>
<center><a href="http://cantik-2013.blogspot.com" target="blank" title="anggasona-anotherbestblog">anggasona-anotherbestblog</a></center>

<center><b>..:B:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:C:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:D:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:E:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:F:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:G:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:H:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:I:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:J:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:K:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:L:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:M:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:N:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:O:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:P:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:Q:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:R:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:S:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:T:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:U:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:V:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:W:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:X:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:Y:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

<center><b>..:Z:..</b></center>
<center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>

</marquee>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://cantik-2013.blogspot.com/2010/06/cara-membuat-kolom-teks-link-exchange.html"/>Make Your Own</a> by anggasona
</div></div>

Keterangan:

1. Sesuaikan lebar dan tinggi kolom sesuai dengan ukuran sidebar blog teman-teman, dengan mengubah width: 100% dan height: 200px,
2. Masukkan url link blognya teman-teman ke tulisan yang berwarna merah, masukkan judul blog nya ke bagian titel yang berwarna biru, lalu masukkan Author blog/nama yang punya blog ke tulisan yang berwarna hijau,
3. Jika ada Abjad yang masih kosong (belum ada link berdasarkan abjad tersebut), maka teman-teman tinggal hapus kode ini semua: <center><a href="Url Link Blog" target="blank" title="Judul Blog">Author Blog/Nama Yang Punya Blog</a></center>
4. Dan jika ada link baru pada abjad baru maka tinggal copy paste lagi kode yang tadi dihapus (bisa lihat kembali kodenya),
5. Saya menambahkan kode <center> dan </center> agar posisi teks tetap ada di tengah, jika tidak suka tinggal hapus kodenya,
6. Jika sudah maka tinggal klik save dan lihat hasilnya.

Contoh hasil Script nya bisa teman-teman lihat sendiri di blog saya ini, jika suka silahkan digunakan dan tinggalkan komentar terbaiknya dan apabila teman-teman ada yang mencobanya sudilah untuk tetap menaruh link blog saya tersebut di blog teman-teman semua di urutan abjad A.

Seperti itulah Cara Membuat Kolom Teks Link Exchange Sesuai Abjad Menggunakan Marquee (Teks Berjalan), selamat mencoba.