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


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="https://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
https://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

Iklan

8 Tanggapan

  1. Ow gitu toh caranya…

    Salam kenal gan 🙂

  2. Amntaaappp gan…
    mmpir jga k WP ane gan..

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

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

  4. wah.. makasih ya mas.. aku udah pasang link mas lho 😛 makasih banyak atas ilmu-ilmu berharganya 🙂

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

  6. wah boleh juga ni

  7. ship
    maf ru posting …
    mw tanya lagi silahkan

    https://faiz08.wordpress.com/tanya/

  8. Yang ini nich aku cari cari..

    terima kasih banyak yach mass.. 😀

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: