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

A]

Adik Tersayang

ArCaMo

B]

Belajar menjadi Bintang

Busalaryidea

C]

Cemolexe

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: