♫ You're Reading
Tips Blog

Tips Mengutak-atik dan Memodifikasi Kode HTML WordPress

Kode HTML? Semua blogger pasti sudah tahu apa itu HTML, HTML merupakan kepanjangan dari HyperText Markup Language yang berarti bahasa pemrograman. Di wordpress, kode HTML ini sudah tersedia dan kita sebagai pengguna cukup dipermudah dalam menggunakan kode yang digunakan untuk memasang widget ini.

Di wordpress sendiri, untuk memasang HTML ini terdapat pada Tampilan > Widget > Teks. Untuk kode-kode widgetnya sendiri bisa didapatkan dengan mudah di penyedia widget, atau anda bisa baca Kumpulan Widget untuk Mempercantik WordPress

Kode HTML, pada umumnya memiliki 3 bagian, yaitu awalan, body, dan akhiran. Awalan pada kode HTML biasanya diawali dengan <img , <div> , <a> , <strong> dan sebagainya, tergantung fungsi masing-masing kode. Seperti, misalnya kode <strong> berfungsi sebagai mencetak tulisan tebal. Menjadi,

<strong>ABC</strong>

Body pada kode HTML terletak diantara awalan dan akhiran, berisi kode inti widget itu sendiri. Misalnya kode gambar berikut

Kodenya adalah :

<img title=”indonesia_flag__independence_by_mikzack” alt=”” src=”http://pressdesain.files.wordpress.com/2012/11/indonesia_flag__independence_by_mikzack2.jpg?w=410&#8243; height=”59″ width=”410″ />

Nah, mari kita identifikasi kode HTML berikut.

  • Awalan

Awalan dari kode ini adalah <img kode ini berfungsi untuk menampilkan gambar, jadi jika anda melihat ada gambar pada suatu artikel, kode ini-lah yang membentuknya.

  • Body

Body atau kode intinya adalah title=”indonesia_flag__independence_by_mikzack” alt=”” src=”http://pressdesain.files.wordpress.com/2012/11/indonesia_flag__independence_by_mikzack2.jpg?w=410&#8243; height=”59″ width=”410″

Kode-kodenya terdiri dari beberapa fungsi, ada title, src, height dan width

Untuk title, fungsinya adalah menampilkan judul gambar, untuk src adalah sumber gambar atau link lokasi gambar berada, height adalah tinggi ukuran gambar dan width adalah lebar ukuran gambar. Untuk yang berhubungan dengan angka, ukuran menggunakan satuan pixel (px)

  • Akhiran

Akhirannya adalah />

Sehingga, dapat ditentukan rumus umum dari kode gambar sebagai berikut :

<img title=”JUDUL GAMBAR” alt=”” src=”LINK GAMBAR/LOKASI GAMBAR” height=”UKURAN TINGGI” width=”UKURAN LEBAR” />

Untuk kode widget flash berbeda dengan kode gambar sebagai berikut :

Ingin tahu cara membuat Banner seperti ini ? Klik Disini

Kode ini awalannya adalah [ dan akhirannya adalah ] bodynya adalah gigya width=”470″ height=”62″ src=”http://www.widgipedia.com/widgets/saninugraha/a-17460-8192_134217728.widget?__install_id=1343602978148&amp;__view=expanded&#8221; href=”https://www.facebook.com/sanigraha&#8221; width=”470″ height=”62″” quality=”autohigh” loop=”true” wmode=”transparent” menu=”true” allowScriptAccess=”sameDomain”

Kode seperti ini merupakan tetapan, dan tidak ada rumus umumnya. Widget flash seperti ini disediakan oleh penyedia widget flash seperti Soundcloud, Flashvortex, Widgipedia dan sebagainya.

Masih banyak tipe-tipe kode HTML yang beragam, silahkan baca Cara Membuat Widget Melayang di WordPress

About these ads

About Sani Nugroho

simple writer.

Discussion

10 thoughts on “Tips Mengutak-atik dan Memodifikasi Kode HTML WordPress

  1. kalau mengutak atik theme gimana ya?

    Posted by arif jati | 2 June 2014, 10:52 pm
  2. Reblogged this on DiazAGK and commented:
    Tips HTML WordPress

    Posted by Diaz AGK | 5 April 2013, 3:31 pm

Trackbacks/Pingbacks

  1. Pingback: sss | muattawe1 - 13 November 2013

  2. Pingback: Tips Mengutak-atik dan Memodifikasi Kode HTML WordPress | السلام عليكم - 6 June 2013

  3. Pingback: Cara mengcopy widget orang lain | sandrihidayat - 10 April 2013

  4. Pingback: copy paste widget orang lain | sandrihidayat - 8 April 2013

  5. Pingback: Cara Membuat Running Text / Headline News, Widget Penampil Artikel Terbaru di WordPress « PressDesain - 11 December 2012

  6. Pingback: Cara Membuat Blink Teks / Teks Berkedip di WordPress « PushWord | Blog Design - 30 September 2012

  7. Pingback: PushWord | Blog Design - 30 September 2012

  8. Pingback: Cara Membuat Blink Teks / Teks Berkedip di WordPress « PressDesain - 13 August 2012

Beri Komentar

Fill in your details below or click an icon to log in:

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

✄ More Article

Bagaimana cara membuat daftar isi ? Klik Disini

Scroll Down To See More Article

  • ✄ Tweets

    Tentang PressDesain

    wordpressPressDesain menggunakan tema The Morning After. Informasi lebih lanjut silahkan ke Blog Element

    PressDesain
    Klik untuk Membuat Chat Box !
    Follow

    Get every new post delivered to your Inbox.

    Join 367 other followers