Bagaimana membuat daftar link teman di sidebar dengan text area dan gravatar

Posted on Maret 27, 2011 by Roziq Faizin

Contoh diatas adalah penggunaan antara link dan gravatar diserati dengan text area. Pengen tahu bagaimana cara membuatnya? ikuti langkah-langkah berikut ini.

Pertama copi kode dibawah ini. Jangan sama angka yang disamping kiri ya?

<div style="overflow:auto;width:200px;height:300px;background-attachment:scroll;border:2px solid #0000ff;padding:5px;">
<a href="http://faiz08.wordpress.com" target="_blank"><img style="border:0;" src="http://1.gravatar.com/avatar/1cd75d54e489658508f12e4b8a3184b7?s=40&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D40&amp;r=G" alt="faiz" /><a href="//faiz08.wordpress.com" target="_blank">faiz08</a>
</div>

caranya dengan menekan icon “view source” dipojok kanan atas pada area sourcecode seperti pada gambar dibawah ini dibawah ini

note : ganti
“width:200px;height:500px” sesuai lebar dan tinggi area yang anda kehendaki
“http://faiz08.wordpress.com” dengan alamat gravatar yang akan dituju. Maksudnya adalah apabila gravatar diklik maka akan masuk ke alamat yang bersangkutan.
“http://1.gravatar.com/avatar/1cd75d54e489658508f12e4b8a3184b7?s=40&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D40&amp;r=G” dengan alamat URL gravatar yang akan digunakan. Caranya dengan klik kanan “copy image location“pada gravatar
“faiz” dengan nama gravatar nantinya. Nama ini muncul biasanya kalau koneksi internet agak lambat jadi yang muncul nama ini dulu kemudian gravatar
“//faiz08.wordpress.com” dengan alamat yang akan dituju untuk contoh diatas ditujukan ke nama “faiz08“. Link ini adalah link nama yang ada disamping gravatar.
“faiz08” ganti dengan nama yang anda inginkan. Nama yang ada disamping gravatar

Copy dan paste code kedua dibawah/setelah “</a>” diatas/sebelum “</div>“

Setelah selesai drag n drop text

Paste pada “appearance” > “widget“


Setelah itu klik “save“

dan selesai deh..

selamat mencoba

by : rifaz

Filed under: Belajar Wordpress, Semua Ditandai: |

« »

8 Tanggapan

  1. Randeezt, on Januari 1, 2012 at 7:39 am said:

    Ow gitu toh caranya…

    Salam kenal gan :)

    Balas
  2. adiemarta, on Desember 27, 2011 at 3:30 am said:

    Amntaaappp gan…
    mmpir jga k WP ane gan..

    http://myaktivitas.wordpress.com/
    bY: adiemarta

    Balas
  3. guvi, on Februari 16, 2011 at 7:17 pm said:

    akhirnya ketemu juga caranya..
    Nanti saya coba mas, kalau online lewat laptop…dari ponsel nggk ngerti caranya… :)

    Balas
  4. meicaa, on Februari 16, 2011 at 6:01 pm said:

    wah.. makasih ya mas.. aku udah pasang link mas lho :P makasih banyak atas ilmu-ilmu berharganya :)

    Balas
  5. blogpertamaimah, on Februari 14, 2011 at 8:19 am said:

    wah… bagus infonya.. klo mau buat yg daftar isi tuh gmn mas?

    Balas
  6. d34nmu, on Februari 2, 2011 at 5:10 am said:

    wah boleh juga ni

    Balas
  7. admin faiz08, on Januari 29, 2011 at 11:39 am said:

    ship
    maf ru posting …
    mw tanya lagi silahkan

    http://faiz08.wordpress.com/tanya/

    Balas
  8. zhanaz45, on Januari 29, 2011 at 11:22 am said:

    Yang ini nich aku cari cari..

    terima kasih banyak yach mass.. :D

    Balas

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.