Selasa, 02 Oktober 2007

Pasang Kode HTML di Wordpress


Menilik dari beberapa pertanyaan yang muncul balakangan ini baik melalui shoutbox ataupun
melalui kotak komentar, rupanya tak hanya sobat yang membuat blog di blogger.com saja
yang berkunjung ke blog ini akan tetapi ada juga para pengguna blog yang menggunakan
layanan dari wordpress.
Sebenarnya bukannya saya pelit untuk berbagi pengetahuan seputar wordpress, akan tetapi
ilmu saya terlalu dangkal apabila berbicara mengenai wordpress sehingga tidak ada yang bisa di sampaikan. Sepertinya harus
banyak belajar nih mengenai wordpress, do'akan ya mudah-mudahan dalam beberapa bulan mendatang
saya akan bisa membuat tutorial seputar blog yang memakai layanan wordpress.




Mungkin bagi sobat yang sering membaca tutorial yang saya tulis acapkali menemukan tutorial
berupa pemasangan kode-kode HTML ataupun berupa Javascript. Apabila timbul pertanyaan
apakah di wordpress bisa juga di pasang kode/script tersebut? sepengetahuan saya bahwa
pada layanan wordpress yang tidak berbayar alias gratis tidak diperkenankan memasang
Javascript, akan tetapi lain halnya dengan layanan yang berbayar tentu itu lain soal,
sobat bisa memasukan apa saja terserah sobat. Kemudian bagaimana nasibnya dengan kode HTML apakah
bisa di pasang di wordpress? nah jika untuk kode HTML masih diperbolehkan untuk dipasang, jadi
apabila ada tutorial saya yang memakai hanya berupa kode HTML maka masih bisa untuk di pasang di wordpress.



Berangkat dari alasan diatas, maka pada kesempatan ini saya akan coba untuk mengulas tentang cara
pemasangan kode HTML yang akan di simpan di sidebar blognya wordpress. Agar lebih terfokus,
maka akan saya ambil contoh pemasangan kode tuker link. Untuk kode tuker link pernah saya
ulas di sini ! sebagai contoh : kode HTML untuk tuker link yang akan di pasang seperti ini :





Link to us, we did link you back :

<br/><br/>

<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial ">

<br/><br/>

<textarea name="code" rows="6" cols="20">

<a href="http://amen24.wordpress.com" target="_blank">

<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>






Dan yang akan tampil misalnya seperti ini :



Link to us, we did link you back :



Kolom blog tutorial








Untuk cara pemasangannya sobat bisa mengikuti langkah-langkah berikut ini dengan asumsi sobat memilih yang dengan bahasa indonesia :




  • Silahkan login di wordpress atau klik saja di sini !




  • Klik menu My dashboard.




  • Klik menu widget.




  • Akan tampil kolom sidebar, misal seperti ini (punya dua kolom sidebar).











  • Pindah widget teks yang ada kolom widget ke kolom sidebar, bisa ke kolom sisi 1 atau ke kolom sisi 2, caranya yaitu
    klik pada widget teks kemudian tahan, lalu pindahkan ke kolom sidebar ( di drag & drop), lihat contoh gambarnya seperti ini :










  • Saya ambil contoh widget teks di masukan pada kolom sisi 1, gambarnya akan seperti ini :









  • Untuk mengisi widget tersebut dengan kode HTML, klik pada icon untuk edit yang berada pada widget teks, contoh gambarnya
    seperti ini :









  • Akan tampak kolom kosong, kemudian masukan kode tukeran link yang seperti contoh di atas :









  • Setelah kode HTML di pasang, tutuplah kolom yang muncul tadi dengan menekan tanda X (close)




  • Klik tombol Simpan Perubahan




  • Lihat hasil yang baru di buat dengan menekan link Lihat Situs yang ada di bagian atas monitor




  • Selesai.






  • Bagaimana berhasilkah? mudah-mudahan tutorial mengenai wordpress kali ini dapat bermanfaat bagi sobat semua khususnya
    para pengguna layanan dari wordpress.



    Salam ngeblog !




    Tidak ada komentar:

    Posting Komentar