Cara Menampilkan Gambar di Widget WordPress
Gambar atau banner apa saja sebenarnya bisa ditampilkan di widget wordpress sehingga mempercantik tampilan blog, melengkapinya atau bahkan bisa anda jadikan sebuah link yg menarik. Banner gambar pada sebuah blog asalkan ditata sedemikian rupa sehingga indah dipandang akan membuat para pengunjung betah berlama-lama surfing di blog kita.
Ukuran juga perlu diperhatikan, makin besar ukuran banner, makin lama juga waktu yg diperlukan untuk diload oleh komputer klien, maksudnya pengungjung blog, apalagi bagi pengunjung yg terbatas dalam masalah bandwidth.
Lamanya waktu loading bagi sebuah websie atau blog juga akan jadi pertimbangan bagi google untuk mengindeksnya. Ah, masalah indeks-indeks mengindeks dan urgensinya, silahkan lihat di sini.
Untuk dapat menambahkan banner atau gambar ke dalam widget wordpress, anda harus memiliki atau membuat gambar/ banner yg anda inginkan terlebih dahulu, lalu upload gambar/banner tersebut ke dalam wordpress. Cara mengupload gambar ke dalam wordpress, lihat ini.
Masuklah ke dalam admin wordpress, lalu pada bagian desain masuklah pada menu widget. Widget yg bisa anda gunakan tentu saja widget teks, tambahkan widget teks baru pada daftar kolom widget blog anda, lalu edit / suntinglah widget teks tersebut, di sana anda harus mengetikan beberapa baris kode html seperti contoh berikut ini:
perhatikan:
<a href=”http://masbadar.web.id/29/dijual-yamaha-vega-r-110-cc-warna-hitam-th-2007-8-juta-aja/“> INI ADALAH ALAMAT LINK, YAITU AKAN DILINK KEMANA GAMBAR ATAU BANNER TSB.
<img src=”http://masbadar.files.wordpress.com/2008/07/banner-web-motor.jpg” /></a> INI ADALAH ALAMAT LINK DARI GAMBAR/BANNER YG TELAH KITA UPLOAD.
Nah, selamat mencoba..
September 13th, 2008 at 2:21 pm
syukron infonya mas,
nanti saya coba.
September 26th, 2008 at 9:23 pm
terima kasih, dah saya coba dan oke.
October 16th, 2008 at 6:45 am
bos gua masih bingung nih cara upload gambar dari website lain?
————
masbadar: gampang, tinggal kopi paste aja, hanya masalah hak cipta saja. cara lain adalah kita berhosting disebuah web penyedia gambar, misal http://www.photobucket.com, lalu kita bisa bikin link koleksi gbr kita di sono ke web/blog kita..
October 23rd, 2008 at 9:24 am
thanks for you
October 30th, 2008 at 10:37 am
info yang menarik.thanx
October 30th, 2008 at 1:26 pm
masih ya atas infonya
December 2nd, 2008 at 4:55 pm
postingan bagus nih,
http://www.siamang.tk
December 5th, 2008 at 1:53 pm
Makasih mas badar..
info ini emang lagi saya cari2.. Tx berat ya
December 10th, 2008 at 1:10 am
makasih banget bos info-a..semoga banyak rejeki ya!
December 14th, 2008 at 9:37 pm
thanks bos atas infonya….
tp ada yg pingin saya tanyain nih…
bagaimana membuat banner ada di posisi atas/header dan posisi bawah/footer..
sekali lagi thanks…
agus/http://karepedw.wordpress.com
December 15th, 2008 at 9:00 am
@agussind: maksudmu header blog? Wah itu templatenya, pilih template yg bisa dirubah2 gbr headernya (customized header)
January 13th, 2009 at 8:06 am
Artikelnya bagus menambah wawasan saya trims ya…lanjutkan artikelnya saya tunggu. O iya…Teman boleh minta bantuannya? Saya lagi ikut lomba Speedy Blogging Competition 2008, dimana criteria penilaiannya blog adalah banyak pengunjung, posting dan komentar. Boleh saya minta komentar dari teman untuk artikel di blog saya? Please….. Kalau Boleh Kunjungi blog saya, hari ini saya posting 3 artikel tolong komentarnya, komentarnya harus berkaitan dengan artikel yang di pilih teman. Ini alamatnya : http://regedit.blog.telkomspeedy.com/ terima kasih banyak.
January 24th, 2009 at 6:43 am
wah… berguna bgt…
maklum masih newbie… hehehehehhe
January 29th, 2009 at 9:23 pm
wah…mantab mas,ilmunya
February 6th, 2009 at 9:50 am
bagaimana caranya memasukan blog teman ke blog pribadi kita.dan bagmna meng copy script nya…
February 9th, 2009 at 3:11 pm
mas,.. kalu gambarnya gerak gimana? misalnya gif…
http://www.fathulhidayah.co.cc
February 9th, 2009 at 4:01 pm
@majelis fathul hidayah: sama saja, baik gbr berformat jpeg atau animasi gif. Untuk animasi GIF, gambar yg tampil harus ukuran sebenarnya, jika menambahkan kode resize di html, maka animasi akan mati. Sebagai contoh; lihat blog http://baituzzakat.wordpress.com buatan saya.
February 10th, 2009 at 5:44 pm
duh mas, thx banget yak tas infonya.
February 21st, 2009 at 5:14 pm
Makasih infonya. Sangat bermanfaat.
http://endangar.wordpress.com
February 22nd, 2009 at 12:59 pm
ThQ ya….piE jujur Quwh MsH bGug!!
March 1st, 2009 at 9:32 am
Matur suwun nggih..:)
March 22nd, 2009 at 4:14 pm
mendapatkan alamat link gambarnya itu dari mana mas..?
syukron..
March 24th, 2009 at 11:44 am
@dhani: gambar bisa di mana saja, disarankan gambar milik sendiri yg telah diupload ke blog..
March 26th, 2009 at 12:54 pm
Thanks^^
March 26th, 2009 at 12:56 pm
Thanks..^^
ntr ku coba deh’
http://www.fabulousliving.wordpress.com
Mampir ke blog ku yah
March 27th, 2009 at 10:39 pm
assalamualaikum wr wb..
March 28th, 2009 at 6:16 pm
wahhhhhhh
makasih banget mas, dari kemaren saya bingung gimana caranya..
makasih.. makasih
April 2nd, 2009 at 11:13 pm
Mantab gan… dicoba yaks…
sangat membantu nubitol seperti saya… :ngacir:
April 15th, 2009 at 6:01 pm
tq mass atas tutorial y …………
bagi2 berta terbaru dong
April 17th, 2009 at 10:33 am
thanks…
April 25th, 2009 at 12:39 pm
blognya bagus .
isi-isi nya juga bagus.
mau tanya dong, widget yg status ym dpet dri mana ??
April 25th, 2009 at 3:04 pm
makasih ya…?
May 17th, 2009 at 9:53 am
Salam… Gimana caranya menampilkan jejak pengunjung (visitors counters) seperti yanga da di blog masbadar…. makasih sebelumnta
May 27th, 2009 at 8:42 am
SYUKRON AKH
June 8th, 2009 at 8:46 pm
tnx…….4 u
June 12th, 2009 at 8:50 am
waduhh… makasih infonya.. bagus banget…
July 31st, 2009 at 1:16 pm
Ga ngarti. Terlalu rumit untuk pemula.
August 21st, 2009 at 2:07 pm
haloo. masbadar..
thx atas infonya..
saya mau nyoba masukin baner berformat gif (bergerak)
setelah saya coba masukin ke text widget
tapi kok malah ga muncul ya??
——————————————
masbadar: tampilkan di widget dgn ukuran original, karenanya buat ukuran original dari gifnya sama persis dgn ukuran yang akan dimunculkan di widget, jangan di resize/ memodifikasi ukuran dgn kode html di widget, pokoknya original! cobalah lagi
August 31st, 2009 at 12:26 pm
Oke deh
maen-maen ke blog saya mas di ifank.wordpress.com
September 2nd, 2009 at 3:20 pm
Cool abies
September 17th, 2009 at 2:55 pm
Barakallahu fiik, saya banyak belajar dari weblog ini, syukran, jazakallah khairan katsiran. Terus berkarya, akh.
September 24th, 2009 at 6:00 pm
tengkyu inponya bos,
salam kenal ..
September 27th, 2009 at 9:22 pm
thank atas ilmu nya
salam kenal
October 14th, 2009 at 4:14 pm
Terima kasih Mas badar..saya sudah mencoba…sukses ternyata
Mo tanya kalo tempatkan widget sebagai header spt Mas Badar bisa ga?Tq
November 17th, 2009 at 11:28 pm
Thenk’s ^^
December 11th, 2009 at 11:20 am
thanks, berguna banget neh
December 18th, 2009 at 11:40 pm
belum paham saya penjelasannya mas
http://boeangsaoet.wordpress.com
January 1st, 2010 at 10:00 am
duh mas…..
bagus sekali artikelnya buat aku yang lagi seneng ngutek2 wordpress, mksih, minta commentnya dung http://www.toniwopss.wordpress.com
January 5th, 2010 at 11:56 am
hallo semua….ane bingung nich….ane punya 2 widget di wordpress ( wordpressnye 3 kolom ) widget 1 bisa diedit tapi widget 2 nye kok ngga bisa diedit yach ( ditambahin, dihapus dirubah ngga bisa ) servernye ngga mau jalan gagal terus…ada yang tau ngga kira2 masalhnya apa yach……please?
February 16th, 2010 at 3:16 pm
lanjut dah bang. . . .
February 25th, 2010 at 10:01 pm
artikelnya bgs, tp saya g bisa di widget –> teks. akhirnya saya pake widget–>gambar
April 10th, 2010 at 11:00 am
Nyoba ah…
April 12th, 2010 at 12:16 pm
matur nuwun . akan sy coba
May 7th, 2010 at 8:10 pm
Saya sedang belajar, masih bingung kenapa widget saya tidak bisa menampilkan gambar, padahal kodenya udah benar… duh pusing…
May 7th, 2010 at 8:12 pm
@gardener: sekarang dah tersedia widget gambar, anda tinggal memasukkan link sumber gambar dan link gambar itu ketika di-klik. Salam..
May 8th, 2010 at 3:14 pm
Terimakasih…
Sangat bermanfaat….
May 26th, 2010 at 10:26 am
wah, thanks bgts mas infonya,…dicoba dulu ya,…trims…main-main kesaya juga n comment nya bro,…http://a4goen.wordpress.com/
May 30th, 2010 at 11:16 am
Saya sedang belajar, masih bingung kenapa widget saya tidak bisa menampilkan gambar, padahal kodenya udah benar… duh pusing…sudah otak atik tetep juga
May 30th, 2010 at 11:18 am
@amarwiguna: sekarang dah tersedia ‘widget gambar’, anda tinggal memasukkan link sumber gambar dan link kemana ketika gambar itu di-klik. Salam..
July 2nd, 2010 at 1:35 am
banner apa?
widget apa?
July 2nd, 2010 at 8:55 am
@tika: penjelasan widget:
Widget adalah sebuah kotak yang berisi kode-kode di mana anda dapat memindahkan ke dalam sidebar di manapun anda mau
Anda dapat menggunakannya untuk personalisasi blog anda dan memperoleh informasi yg anda inginkan hanya dengan melihatnya dari widget sidebar.
Dimana letak Widget?
Dalam dasbor, klik ‘Tampilan/Presentation’ kemudian alihkan ke submenu maka akan ketemu yang namanya ‘Sidebar Widgets’ atau ‘Widget Kolom Sisi’
Cara menggunakan
Seret widget ke kolom sisi (sidebar) dari kotak utama widget dan pindahkan, atur peletakkannya sesuai keinginan anda sampai diperoleh layout yg dikehendai.
Cara membuka
Ketika anda menyeret sebuah widget ke dalam kolom sisi (sidebar) jika widget dapat diubah anda akan melihat ikon kecil kemudian.
Klik lah ikon kecil itu untuk membuka layar widget
Mencopot widget dari kolom sisi (siderbar)
Seret widget ke dalam kotak utama widgets yang ada di bagian bawah kemudian lepaskan.
≈
Ada 2 tipe widget – ada yang dapat diubah dan ada yang tidak dapat diubah (widget standar).
Widget-widget Standar
Semua ini akan tampil sama di setiap blog (namanya juga standar khan). Anda hanya dapat memiliki sebuah dari tiap widget ini. Anda tidak dapat mengubah tampilan dan kerjanya.
Menunjukaan jumlah komentar spam yang berhasil ditangkap oleh Akismet
Tulisan yang pernah dibuat
Angka yang menunjukkan jumlah pengunjung
Menampilkan tanggal saat ini, termasuk tanggal saat kita melakukan pengiriman tulisan
Semua tulisan pada blog yg dikelompokkan dalam kategori. (Ingat – kategori yang kosong tidak ditampilkan)
Tautan Blogroll (Ingat – Tautan yang tidak dikategorikan tidak akan muncul)
Jika anda ingin menampilkan halaman yang pernah dibuat pada kolom sisi widget. Jika anda ingin mengurutkan halaman yag pernah dibuat, cobalah ini.
Anda tidak harus menggunakan ini. Anda dapat masuk( log in) pada http://wordpress.com dengan menambahkan /wp-login.php ke alamat blog anda. Sebaiknya sih tetep ditampilkan sehingga kalau log ini tinggal klik login saja.
10 Tulisan yang baru lalu
10 komentar yang pernah dibuat di blog anda
Mengijinkan orang untuk melakukan pencarian berdasarkan kata pada tulisan yang pernah kita buat
Tulisan yang paling sering dikunjungi
Widget yang dapat diubah
Dengan widget ini anda dapat meletakkan beberapa informasi yang anda miliki atau dari layanan informasi lain.
Jika anda memiliki layanan dari del.icio.us widget akan serasa sempurna. (maaf kurang ngerti apa maksudnya)
Letakkan gambar yang anda miliki dalam blog anda.
Ngobrol secara Online lewat blog anda
Tampilkan informasi dari sumber lain dalam kolom sisi (sidebar) anda
Apakah ingin memainkan musik pada blog anda?
Kata-kata dan atau gambar yang ingin anda tampilkan.
Tambahan
Setelah melakukan perubahan widget dalam kolom sisi jangan lupa selalu KLIK tombol Simpan Perubahan yang ada di bagian sudut kanan itu. Mohon koreksi jika ada terjemahan yang kurang tepat.
SELEBIHNYA BACA PANDUAN NGEBLOG DI SINI: http://panduan.wordpress.com/2007/02/18/apa-sih-widget-itu/
July 10th, 2010 at 2:58 pm
Terima kasih atas informasinya
August 4th, 2010 at 8:48 pm
syukron katsir atas infonya akh
August 19th, 2010 at 12:59 am
makasih.. thx infonya
October 11th, 2010 at 7:00 pm
rame juga disini…saya betul2 kesulitan dalam membuat gambar di widget wp. Yang biasa saya buat dengan meletakkan link dari photobucket tapi masalahnya tidak bisa memasukkan link ke url yang kita mau. jadi bingung…
October 12th, 2010 at 7:59 am
@sam: gunakan widget gambar.. dah semakin mudah tuh..
November 16th, 2010 at 7:26 pm
mohon bantuanya dalam beljar wordpress
November 16th, 2010 at 11:23 pm
ma kasih artikelnya, http://ahlussunnahpontianak.wordpress.com/
March 26th, 2011 at 12:53 pm
makasih banyak tas infonya????????????????????
March 29th, 2011 at 2:09 pm
Nice info.. ^^
viptiket.wordpress.com
April 1st, 2011 at 10:14 am
sukron
July 24th, 2011 at 9:55 pm
terimakasih
July 27th, 2011 at 10:39 am
terima kasih atas infonya mas…ini sangat berguna bagi saya..yang baru belajar buat blog………
http ://myono.wordpress.com
August 19th, 2011 at 2:23 pm
mantapb