Membuat Daftar Link Text Unik (Modif)

Pada postingan ini, saya memberikan alternatif kode Daftar Link Text sesuai abjad dengan scrool. Mulai dari A, B, C, D,..., dan seterusnya sampai Z. Daftar ini bisa di pasang pada sidebar dan juga bisa langsung memasangnya pada postingan Anda. Untuk demonya, bisa di lihat DI SINI. Langsung saja ke kodenya, oke!!!

  1. Seperti biasa, silahkan login ke akun Anda.
  2. Klik Rancangan dan Tambah Gadget jika ingin memasangnya pada sidebar blog Anda.
  3. Copy kode berikut ke dalamnya.
  4. <style type="text/css"> #ir211208{background:#F2F2F2;color:#000;margin:0;border:3px double #000;width:95%;height:263px;padding:5px;overflow:auto;font-family:trebuchet ms;font-size:13px;box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;margin-top:5px} #exchange{width:100%;height:234px;overflow:auto;border:1px inset #fff} #judul{padding:3px 0 0;background:url(https://lh3.googleusercontent.com/-QLwSQyncLHA/THqObwSJGqI/AAAAAAAAAE8/zBFZechF_CI/back.jpg) maroon;height:25px;color:#fff;font-size:14px;font-weight:bold} .area{border:none;margin:10px 0 0;padding:5px 0 5px;} .bottom{padding:0;margin:0} .bottom1{text-align:left;font-size:11px;padding:7px 0px 0px 0px;border:none;float:left} .bottom2{text-align:right;font-size:11px;padding:7px 0px 0px 0px;border:none;float:right} </style> <div id="ir211208"> <div id="exchange"><center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; A &lt;&lt;</marquee></div> <a href="http://www.ilmublog.co.cc" target="new" title="Anak Pesisir">Anak Pesisir</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; B &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; C &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; D &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; E &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; F &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; G &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; H &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; I &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; J &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; K &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; L &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; M &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; N &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; O &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; P &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; Q &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; R &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; S &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; T &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; U &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; V &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; W &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; X &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; Y &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center> <center><div class="area"><div id="judul"><marquee scrollamount="2">&gt;&gt; Z &lt;&lt;</marquee></div> <a href="http://ALAMAT BLOG.com" target="new" title="JUDULNYA">Nama Blog/Nama Pemilik Blog</a> </div></center></div> <div class="bottom"> <div class="bottom1">Mau widget ini? Klik <a href="http://www.ilmublog.co.cc/2011/06/membuat-daftar-link-text-unik-modif.html" target="_blank">di sini &gt;&gt;</a></div> <div class="bottom2">Desain by: <a href="http://www.ir-ipass.blogspot.com" target="_blank">Ian Konjo</a></div> </div></div>
  5. Silahkan beri judul dan klik Save.

Catatan:
- Tolong jangan menghapus link Blog saya (Anak Pesisir).
- Ganti tulisan berwarna MERAH TERANG dengan URL Blog teman Anda.
- Tulisan berwarna KUNING ganti dengan nama blog teman Anda.
- Warna HIJAU Anda ganti dengan Nama Blog/Nama Pemilik BLog teman.

Ok!! Sekian artikel Membuat Daftar Link Text Unik (Modif) sesuai Abjad dengan scrool.

2 comments on Blogger:

  1. Wah info nya boleh jg nich, bisa dicoba nich! Nanti almt blog nya langsung menyusun menurut alpabet ya sob?

    ReplyDelete
  2. @Zeus Osiris Iya sob... coba lihat aja DEMONYA.!

    ReplyDelete