Beranda > Belajar Wordpress, Semua > Bagaimana membuat daftar link teman di sidebar dengan text area dan gravatar

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="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

  1. Januari 29, 2011 pukul 11:22 am

    Yang ini nich aku cari cari..

    terima kasih banyak yach mass..😀

  2. Januari 29, 2011 pukul 11:39 am

    ship
    maf ru posting …
    mw tanya lagi silahkan

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

  3. d34nmu
    Februari 2, 2011 pukul 5:10 am

    wah boleh juga ni

  4. Mei 23, 2011 pukul 7:51 pm

    mau spiderman yg gantung2 gituuuuuuuuuuuuuuuuuuuuuuuuuu..plizzzzzz..ngefans bgtd spider nih…
    ksh tau caranya dunk…

  5. dodegolden
    Juni 21, 2011 pukul 8:29 am

    gan saya masih rada bingung pas mau nge add data temen yang ke-2 tampilannya malah ke samping bukannya ke bawah, itu urutan scripnya gi mn y??

    mohon bantuannya gan<<<🙂 trims sblumnya,,,

    • sayyidahali
      Juli 5, 2011 pukul 6:11 pm

      punyaku juga malah kesamping bukannya kebawah,,bantuin doong ..terimakasih 🙂

  6. Februari 20, 2012 pukul 1:48 pm

    trimksh,,tpi sy mch bngung…lg tak amati dg seksama,, m:D

  7. Januari 10, 2013 pukul 11:20 pm

    caranya ngopy link gravatarnya gmana sih??? kok g mau ya??

  8. April 11, 2013 pukul 10:54 am

    uhuy ray

  1. April 9, 2011 pukul 5:31 am
  2. Juni 13, 2011 pukul 9:56 am
  3. Februari 22, 2012 pukul 8:31 am

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: