01 September, 2010

Blogroll Friends Links

Blogroll Friends links
Segala puji hanya milik Allah sehingga saya menjumpai Anda kembali selepas bereksprsi sebuah I Miss U puisi buat suami xixixixi yang sebenarnya curahan hati sanga ArCaMo saat menjelang meminang si Dhana......(kebukak KTPne hehehe).

Disela-sela waktu kerja saya membuka ratusan reguest biasa saja,kali ini ada salah satu sahabat dengan reguest bagaimana membuat blogroll  friends links???.
Langsung saja saya uraikan yach.

Caranya sangat mudah sekali:
1.login ke account blogger Anda
2.Setelah login pilih LAYOUT ---» ADD GADGET---»HTML/JAVA SCRIPT
3.Nah COPY PASTE kode di bawah ini
===========================================================
<h2 class="title">My Friend List</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 180px; height: 120px; text-align: left;">
A]
<li> <a href="http;//rizky2009.blogspot.com" target="new">Adik Tersayang</a></li>
<li> <a href="http;//arcamo.blogspot.com" target="new">ArCaMo</a></li>
B]
<li> <a href="http;//ifanqomarudin.blogspot.com" target="new">Belajar menjadi Bintang</a></li>
<li> <a href="http;//lusalaryidea.blogspot.com" target="new">Busalaryidea</a></li>
C]
<li> <a href="http;//www.cemolex.com" target="new">Cemolexe</a></li>

</div>
</div>


===========================================================
keterangan:
--»warna ungu adalah nama links dapat Anda ganti sesuai keinginan Anda
--»warna kuning adalah ukuran sesuaikan dengan ukuran yang Anda suka
--»warna merah adalah urutan nama links huruf A.B.C dan seterusnya
Maka hasilnya seperti di bawah ini:


My Friend List




Nah masih ada lagi dengan model Up or Down(bergerak dari atas ke bawah atau sebaliknya)
kode scriptnya seperti dibawah ini:

<h2 class="title">My Friend List</h2>
<div class="widget-content">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" height="200" width="180">
A]
<li> <a href="http;//rizky2009.blogspot.com" target="new">Adik Tersayang</a></li>
<li> <a href="http;//arcamo.blogspot.com" target="new">ArCaMo</a></li>
B]
<li> <a href="http;//ifanqomarudin.blogspot.com" target="new">Belajar menjadi Bintang</a></li>
<li> <a href="http;//lusalaryidea.blogspot.com" target="new">Busalaryidea</a></li>
C]
<li> <a href="http;//www.cemolex.com" target="new">Cemolex</a></li>

</div>
</div>
</marquee>

Untuk hasil tampilan dapat Anda coba sendiri,maaf sengaja tidak saya tampilkan karena widget saya masih dalam perbaikan.Saya yakin Anda dapat memodifikasi hasil tampilan blogroll dengan STANDART,MARQUEE(bergerak),BACKROUND GAMBAR.

Untuk penampilan SCROLL pada LABEL atau Category/类别dapat Anda coba di sini 
Demikian cara mudah semoga bermanfaat.


related Article:

137 Was Commented to “Blogroll Friends Links”

Post a Comment

Terima kasih atas komentar Anda/Thanxs for Ur Comments/
感谢您的评论 dan please dont SPAM yach...

 

Dhana Arsega/戴安娜 Copyright © 2011 --Edit and Converted by Dhana Arcamo