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&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D40&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&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D40&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
- Cara meningkatkan jumlah pengunjung blog anda !!!
- Bagaimana yah membuat tulisan berkedip pada WordPress.com
- Bagaimana menjadwal postingan artikel blog pada WordPress.com
- Apa itu Domain dan hosting ?
- Bagaimana yah membuat text postingan artikel rata kanan kiri pada WordPress.com?
- Bagaimana memunculkan data home page pengunjung pada sidebar
- Apa itu alexa ???
- Bagaimana membuat fasilitas translate ke bahasa lain di WordPress.com
- Bagaimana menampilkan sourcecode pada postingan WordPress
- Bagaimana mengganti font pada WordPress.com
- Bagaimana membuat daftar link teman di sidebar dengan text area dan gravatar
- Bagaiman yah membuat penghitung pengunjung blog WordPress.com kita?
- Bagaimana membuat bwp-Backlink gratis cepat dan mudah ?
- Bagaimana membuat daftar isi otomatis pada sidebar
- Bagaimana yah membuat slideshow di wordpress.com lewat fasilitas media yang ada
- Bagaimana yah membuat header image yang berubah-ubah pada header wordpress ?bag 2
- Bagaimana yah membuat header image yang berubah-ubah pada header wordpress ?bag 1
- Bagaimana Membuat custom form di wordpress
- Bagaimana yah memasang widget animasi di pojok WordPress anda? (spiderman)
- Bagaimana Memasang floating image pada wordpress (alexa)
- Bagaimana membuat link yang tampil pada sidebar pada wordpress
- Bagaimana membuat tampilan page/halaman kita full page tanpa sidebar
- Bagaimana yah mengganti header image ditambah dengan foto pada blog wordpress???
- Bagaimana memposting blog lewat email/tidak login blog pada wordpress? bag 2
- Bagaimana memposting blog lewat email/tidak login blog pada wordpress? bag 1
- Bagaimana membuat dan memasang flagcounter pada sidebar wordpress
- Bagaimana yah membuat sub menu pada navbar?
- Bagaimana membuat text berjalan di wordpress ? (marquee text)
- Cara eksport dan import postingan sesama wordpress
- Cara memasang widget "tulisan teratas/populer"
- Bagaimana yah memasang feedjit di wordpress ???
- Menginstal XAMPP untuk localhost di komputermu (offline)
- MemBuat sliDe paDa poStiNgan di WordPress.com
- teKnik meNaikan paGe raNk dan baCkLink
Iklan
Yang ini nich aku cari cari..
terima kasih banyak yach mass.. 😀
ship
maf ru posting …
mw tanya lagi silahkan
http://faiz08.wordpress.com/tanya/
wah boleh juga ni
mau spiderman yg gantung2 gituuuuuuuuuuuuuuuuuuuuuuuuuu..plizzzzzz..ngefans bgtd spider nih…
ksh tau caranya dunk…
kunjungi link :
https://mengeditblog.wordpress.com/2011/01/19/bagaimana-yah-memasang-widget-animasi-di-pojok-wordpress-anda-spiderman/
http://faiz08.wordpress.com/2011/03/27/bagaimana-yah-memasang-widget-animasi-di-pojok-wordpress-anda-spiderman/
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,,,
punyaku juga malah kesamping bukannya kebawah,,bantuin doong ..terimakasih 🙂
trimksh,,tpi sy mch bngung…lg tak amati dg seksama,, m:D
caranya ngopy link gravatarnya gmana sih??? kok g mau ya??
uhuy ray