Myjayvyn.com

Satu Jam Membuat Blog Wordpres – Pasang Banner

modul6

Tujuan Pembelajaran!
Di modul cara memasang gambar banner ini, anda akan belajar cara upload gambar, membuat script HTML dan memasang script tersebut menggunakan fitur Widget Text

Untuk menampilkan gambar pada posisi-posisi layout tertentu seperti di sidebar,  membutuhkan bantuan script HTML dengan format sebagai berikut:

<img src=”ALAMAT URL GAMBAR“>

dimana ALAMAT URL GAMBAR pada materi ini akan kita dapatkan setelah mengupload gambar.

ALAMAT URL GAMBAR juga bisa didapatkan dari web media share seperti photobucket, picasa dan sebagainya.

Cara upload gambar:

  1. Arahkan kursor mouse ke Media
  2. Klik Add New
  3. Klik Select Files
  4. Pilih gambar banner yang tadi anda download
  5. Setelah upload berhasil, klik Edit
  6. Perhatikan disebelah kanan terdapat informasi File URL yang nanti akan kita gunakan untuk mengganti ALAMAT URL GAMBAR. Copas File URL tersebut menggantikan tulisan ALAMAT URL GAMBAR yang ada di script, sehingga scriptnya berubah menjadi seperti contoh berikut:
    <img src="http://myjayvyn.com/wp-content/uploads/2013/06/banner_ver.gif">
  7. Berikutnya copy script yang sudah jadi tadi.
  8. Lalu klik Appearance>>Widgets
  9. Pindahkan (DRAG n DROP) widget TEXT dari kolom Available Widgets ke kolom SIDEBAR
  10. Silakan isi TITLE nya jika diperlukan
  11. PASTE script gambar tadi ke dalam kotak editornya
  12. Jangan lupa SAVE
  13. Lihat hasilnya

Bingung?!? Lebih enak putar video tutorialnya saja ya..

Jika video buram atau sulit dibuka, klik link berikut untuk memutarnya melalui youtube langsung: http://youtu.be/3qRjELpsQQw

Author: Agie

Semoga bermanfaat 🙂

More Posts - Website

Follow Me:
TwitterFacebookPinterestGoogle Plus

One Comment

So, what do you think ?