July 21, 2024

Memasukkan Widget Banner dan Buku Tamu ke dalam Blog WordPress

3 min read

Sering kali ketika kita membuka blog muncul tampilan-tampilan animasi,kelender, jam digital, buku tamu, dll pada blog. Itu adalah fitur-fitur tambahan yang kita bisa buat sendiri pada blog. Caranya sederhana karena kita tinggal menyalin kode url/linknya kemudian tambahkan kode html dasar seperti <img src=”kode url”></a> ataupun untuk buku tamu kita hanya perlu menambahkan kode html <a href=”kode url”></a>. Umumnya, widget saat ini digunakan oleh blogger, pengguna web social network (seperti Facebook, Friendster, dan seterusnya), juga oleh pemilik website pribadi.

Widget itu sendiri adalah sekumpulan kode yang disediakan 3rd party (pihak lain), dan dapat diintegrasikan (copy paste) ke dalam website. Tanpa memerlukan kompilasi tambahan dan prosedur yang rumit. Ya, hanya dengan copy dan paste saja! Umumnya web widget menggunakan DHTML, JavaScript, atau Flash. Fitur yang disediakan sangat beragam, dari hit counter sederhana sampai game yang cukup rumit, dapat ditampilkan dengan web widget.

Kali ini saya akan berbagi cara bagaimana memasukan banner dan buku tamu pada blog di wordpress. Sebagai referensi contoh banner pada blog seperti gambar ini.

clip_image002 clip_image004

Kamu bisa membuka disini atau klik disini

Simak langkah-langkah dibawah ini untuk cara menampilkan banner ke dalam blog wordpress.

Langkah 1

Download animasi atau gambar yang mau dijadikan banner. Atau kalau kalian mau bikin sendiri sesuai kreasi kalian juga bisa kok.

clip_image002[6]

Kamu bisa mengambil contoh banner say no to drugs disini

Langkah 2

Pada menu dashboard wordpress kamu, cari di bagian media kemudian pustaka. Bagian ini digunakan untuk manajemen semua file kita baik yang berformat gambar musik, atau dokumen.
Selanjutnya, untuk menambahkan file gambar kita bisa mengklik tambahkan baru, lalu muncul kotak box baru. Dan klik pilih berkas.

z

Kemudian cari lokasi tempat kita menyimpan file kemudian open clip_image008

clip_image010

Kemudian copy alamat linknya.

Langkah 3

Pada menu dashboard wordpress kamu, cari di bagian tampilan. Bagian ini digunakan untuk mengatur tampilan pada blog anda seperti, mengatur tema, ataupun menu.  Selanjutnya, untuk merubah tampilan widged kamu tinggal mengklik widged.

clip_image013

maka akan tampil jendela seperti ini :

clip_image015

Langkah 4

Tarik text kesebelah kanan kemudian ganti nama textnya menjadi benner (banner).

x

Langkah 5

Selanjutnya kilk tanda segitiga pada text, maka bentuk text akan melebar.

zz

Ketikan kode seperti ini :

clip_image022

Kode html img src digunakan untuk memasukkan gambar width untuk mengatur lebar dan height untuk mengatur tinggi gambar.

clip_image024

Diantara tanda kutip “ ” paste kode html gambar say no to drugs. Kemudian kilk tulisan simpan

clip_image027

Liat halaman home blog anda dan tampilan pada blog anda menjadi seperti ini :

clip_image029

Mudah kan? Nah, selanjutnya kita akan membuat buku tamu di blog wordpress. Langkah-langkahnya sama seperti kita memasukkan banner.

Langkah 1

Bukalah web buku tamu gratis misalnya pada http://www.a-free-guestbook.com/. Kemudian pilih create my guestbook.

clip_image002[1]

Langkah 2

Isi formulir pendaftaran, isi username dan password kamu.

clip_image004[1]

Langkah 3

Kemudian muncul perintah seperti ini lalu pilih continue.

clip_image007

Langkah 4

Kemudian pilih control panel.

zz

Setelah kamu klik control panel akan muncul seperti ini.

x

Langkah 5

Kemudian pilih change colors dan ubahlah warna sesuai dengan selera kamu masing-masing lalu save.

clip_image015[1]

Langkah 6

Copy alamat link guestbook kamu lalu buka blog kamu pada di menu dashboard wordpress kamu. Pilih widget dan paste-kan kodenya di dalam text (benner) sama seperti langkah pada pembuatan banner. clip_image017

Kode html a href berfungsi untuk menghubungkan halaman satu dengan halaman lain.

clip_image019

Pastekan kodenya diantara tanda kutip “ “. Kemudian simpanlah scriptnya.

Langkah 7

Buka home blog kamu dan liat buku tamu yang telah dibuat tadi lalu kilk “wajib di isi ??”

clip_image021

Maka akan tampil seperti gambar dibawah ini.

image

Lalu isi buku tamu kamu.

z

Mudah bukan??

0 thoughts on “Memasukkan Widget Banner dan Buku Tamu ke dalam Blog WordPress

  1. @mbak v3
    sipp dah…

    men uji ariel tuh lanjooooooooootttttttttt
    :kisss
    :thumbup:

    @pak rais
    yapz…
    mudah pak tinggal copy paste be…
    :ngakaks

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.