Jumat, November 19, 2010

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