Fajar Herianto

Membuat Blogroll Sahabat Menggunakan Menu Scroll Dan Avatar Di Sidebar Di WordPress


Membuat daftar link-link sahabat di sidebar WordPress biasanya menggunakanblogroll, namun kita bisa membuat daftar link-link sahabat dengan mengunakan textarea beserta profil avatar milik teman kita yang di modifikasi sedemikian rupa agar terlihat menarik. Kode textarea tersebut akan kita buat dengan berbagai variasi yang bisa diterima oleh WordPress. Kita bisa menambahkan background warna, background gambar, background animasi, bingkai, warna bingkai, tebal bingkai, ukuran huruf, warna huruf dan jenis huruf pada textarea tersebut.

Mari kita bahas cara membuatnya. Seperti contoh dibawah kita bisa membuat link sahabat dengan menggunakan avatar teman kita. Avatar tersebut selalu up to date, maksudnya bila teman anda merubah avatarnya, maka avatar yang berada di textarea anda juga akan ikut berubah. Untuk membuatnya yang kita butuhkan yang pertama adalah alamat avatar teman anda, cara untuk mengetahui alamat avatar teman anda lihat disini. Kemudian aktifkan widgets text anda, cara untuk mengaktifkan widgets text bisa dilihat disini.
bocahkureng Humor Lucu
nahrawisagita nahrawisagita
udienroy udienroy
busyairi busyairi
Pakde Jack Juragan Medis
Ichtiya Riyanti, Amd.Keb Ichtiya
Arista Arista
rocknoida rocknoida
kahfinyster kahfinyster
Sirikit Syah Sirikit Syah
masjaliteng masjaliteng
Kemudian copy kode dibawah, dan paste-kan di widgets text anda :
<div style="overflow: auto; width: 180px;
height: 100px; background-attachment: scroll;
background-image: url(http://bootingskoblog.files.wordpress.com/2009/03/bacground.jpg);
padding: 5px; border: 2px solid #0000ff;">

<a href="http://bocahkureng.wordpress.com/">
<img style="border:0;" src="http://www.gravatar.com/avatar/6458bf5d02c02538301d5172177d9a59?s=32&amp;d=monsterid&amp;r=G"
alt="bocahkureng"/></a> Humor Lucu
<br>
<a href="http://nahrawisagita.wordpress.com/">
<img style="border:0;" src="http://www.gravatar.com/avatar/830605d57a958276c401bb1528b52b3b?s=32&amp;d=monsterid&amp;r=G"
alt="nahrawisagita" /></a> nahrawisagita
<br>
<a href="http://udienroy.wordpress.com/">
<img style="border:0;" src="http://www.gravatar.com/avatar/44e4a3fee9f6694405f7dd2e8978dbcc?s=32&amp;d=monsterid&amp;r=G"
alt="udienroy" /></a> udienroy

</div>
Ket:
  1. width : lebar textarea (sesuaikan lebar sidebar anda).
  2. height : tinggi text area.
  3. background-image : alamat gambar anda.
  4. padding : jarak antara tulisan dengan garis.
  5. border: tebal garis.
  6. solid : warna garis.
  7. Ganti dengan alamat URL blog teman anda dan alamat avatar teman anda.
    Avatar:
    http://www.gravatar.com/avatar/44e4a3fee9f6694405f7dd2e8978dbcc?s=32&amp;d=monsterid&amp;r=G
    URL blog:
    http://www.blogteman.wordpress.com/
  8. Ganti angka yang dicetak erah pada alamat avatar untuk merubah ukuran avatar.
  9. Tambahkan teman sesuai contoh diatas

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget