Sudah banyak tulisan yang mengulas tentang tata cara membuat “button” bergambar di wordpress. Namun, karena saya menggunakan Theme terbaru Bernama Pilcrow by Automattic, maka Artikel-artikel tentang tata cara membuat “Button” yang saya jumpai di blog-blog itu tidak bisa saya terapkan di blog saya ini.
Setelah menganalisa dan mempelajari secara mendalam, akhirnya saya menemukan cara membuat BUTTON, dan saya sharing disini, supaya bagi para new blogger yang menemui persoalan seperti yang saya alami dapat menyelesaikannya dengan baik.
Berikut adalah cara dan langkah-langkah yang harus ditempuh untuk membuat “BUTTON” di blog WordPress anda:
1. Pilih dahulu gambar yang akan dijadikan BUTTON. Sesuaikan dengan ukuran theme blog anda, dan pertimbangkan dimana BUTTON tersebut akan diletakkan. Seperti pada Blog saya yang menerapkan theme Pilcrow, terdapat beberapa tempat pilihan penempatannya, yaitu, Bilah sisi ( tempat bertenggernya Tulisan terakhir ), Secondary Sidebar, (Tempat bertenggernya Kalender ), Feature Area (Tempat bertenggernya Translate ), First Footer Area (Tempat bertenggernya widged berlangganan / tepat dibawah halaman postingan ), serta Second Footer Area ( Disamping tempat bertenggernya widged berlangganan ).
Anda bisa menggunakan gambar GIF statis, dan juga bisa menggunan gambar animasi.
Terserah kepada anda, mau pakai software apa yang akan anda gunakan. Dalam hal ini, saya menggunakan ALEO FLASH


2. Setelah Gambar yang akan dijadikan sebagai BUTTON nya selesai, maka gambar tersebut di Upload ke Situs File Hosthing. Teserah anda, situs mana yang anda pilih sebagai tempat penitipan File gambar yang akan dijadikan Button tersebut. Dalam hal ini saya menggunakan PHOTO BUCKET.

3. Setelah Gambarnya telah di Upload, maka anda sudah memiliki alamat URL dari Photo tersebut. Alamat inilah yang akan kita gunakan nantinya di dalam widged. Copy paste kan terlebih dahulu alamat URL tersebut ke Notepad, agar aman dan cepat prosesnya.
4. Sekarang Masuk ( Login ) ke Blog WordPress anda, dan masuk ke Dasbor. Lihat menu “TAMPILAN” dan Klik Menu WIDGED

5. Setelah berada dalam Menu Widged, disebelah paling kanan adalah nama-nama kolom halaman blog anda, yaitu, Bilah Sisi, Secondary Sidebar, Feature Area, FirstFooter Are, Second Footer Area. Klik tombol “Panah kebawah” untuk membuka serta memberi ruang untuk penempatan Widged yang akan kita pilih.

5. Masih pada halaman yang sama, dalam pilihan ” WIDGED YANG TERSEDIA “, seret (tidak bisa copy paste) widged “GAMBAR” ke Tempat yang anda inginkan ( Contohnya ke Bilah Sisi, Secondary Sidebar, Feature Area, FirstFooter Are, Second Footer Area )

6. Setelah Widged “GAMBAR” berada di tempat yang anda inginkan, Klik “TANDA PANAH KEBAWAH” widged gambar tersebut, dan akan terbuka Option-Option yang harus anda masukkan.

7. Kolom pertama ada: Judul Widged. Isi sesuai dengan keinginan anda.
8. Image URL: Isikan sesuai dengan URL yang anda dapatkan tadi saat meng Upload gambar ke Photobucket.
9. Alternate text: Adalah teks yang akan muncul saat Gambar tersebut disorot oleh pengunjung blog.
10. Image title: Isi sesuai selera anda
11. Caption: adalah teks yang akan dimunculkan dibawah gambar
12. Image Alignment: Personalisasikan sesuai dengan keinginan anda. Rata kiri atau rata kanan.
13.Lebar Height: Ukuran gambar
14. Link URL (when the image is clicked): Masukkan URL yang anda inginkan ( URL ini akan terbuka jika BUTTON ini di Klik)
15. Klik SIMPAN, dan pekerjaan anda telah selesai.

Inilah langkah-langkah yang saya temukan sendiri, kiranya para pengguna blogger yang belum mengetahuinya dapat memanfaatkannya, dan buat para blogger yang udah master, kiranya dapat menambahi jika ada yang kurang.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: