Cara Pasang Script HTML Pada Halaman Posting

18 Desember 2011 97 Komentar

Dalam hal  Memasang Script HTML Pada Halaman Posting sebagian blogger masih menemui kesulitan, terutama blogger pemula seperti saya, sewaktu dulu pada awal-awal belajar ngeblog. Dan memang dalam Memasang Script HTML Pada Halaman Posting ada tricks khusus sehingga script HTML tersebut bisa ditampilkan dalam postingan blog kita. Umumnya jika blog kita menyediakan sejenis tutorial dan harus memasang script HTML pada halaman posting, maka tricks ini mungkin sangat dibutuhkan. Atau bisa juga kebutuhan memasang script HTML pada halaman posting, jika kita ingin menampilkan link alamat blog kita untuk bertukaran link, maka yang dipasang pada halaman/sidebar blog kita adalah scripts HTML. Contoh pada blog saya bisa dilihat pada halaman Friend Link.

Caranya perhatikan langkah-langkahnya di bawah, dan sebagai contoh, saya akan pasang script HTML sebagai berikut pada halaman posting WordPress :

<a title="Sekedar Menuruti Kata Hati" href="http://onesetia82.wordpress.com/" target="_blank"><img src="http://onesetia82.files.wordpress.com/2011/12/banner_links_onesetia82.gif" alt="onesetia82" /></a>

|

Sebelum agan menaruh pada halaman posting atau sidebar, rubah kode yang berwarna merah dengan kode sebagai berikut :

Kode  <  Ganti dengan  &lt;

Kode  >  Ganti dengan  &gt;

Kode  “  Ganti dengan  &quot;

Maka setelah agan rubah kode tertentunya, hasilnya akan seperti yang terlihat di bawah ini :

&lt;a title=&quot;Sekedar Menuruti Kata Hati&quot; href=&quot;http://onesetia82.wordpress.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot http://onesetia82.files.wordpress.com/2011/12/banner_links_onesetia82.gif&quot; alt=&quot;onesetia82&quot; /&gt;&lt;/a&gt;

|

Setelah itu, agar kode (“) tidak berubah saat kita terbitkan/publish/simpan, maka pada awal script tambahkan <code> dan akhir script </code>. Lihat contoh di bawah :

<code>&lt;a title=&quot;Sekedar Menuruti Kata Hati&quot; href=&quot;http://onesetia82.wordpress.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://onesetia82.files.wordpress.com/2011/12/ banner_links_onesetia82.gif&quot; alt=&quot;onesetia82&quot; /&gt;&lt;/a&gt;</code>

|

Nah sekarang, agan tinggal tempatkan script tersebut pada mode HTML untuk ditampilkan pada halaman posting. Lalu klik Publish/Terbitkan.

Atau pada Widget Teks untuk ditempatkan pada sidebar. Beri Judul (disini sebagai contoh saya beri judul Link Banner), lalu klik Simpan/Save.

Selanjutnya dalam hal merubah kode-kode tertentu script HTML selain agan dapat melakukan dengan cara manual, seperti contoh diatas. Agan dapat juga melakukannya secara otomatis. Dengan bantuan tools HTML Convert text to HTML entities (and vice-versa).

Klik disini untuk masuk ke tools yang dimaksud . . . !

Nanti agan tinggal copy script HTML yang ingin ditempatkan pada halaman posting/sidebar. Jadi tidak perlu repot-repot merubah secara manual. Setelah agan copy script HTML pada tools HTML Convert text to HTML entities (and vice-versa). Klik Encode dan hasilnya copy script HTML lalu paste pada halaman posting/sidebar. Lihat gambar di bawah :

Dan ingat, ini hanya merubah kode-kode tertentu saja. Jadi agar kode berjalan lancar sebelum agan publish/terbitkan/simpan, pada awal script tambahkan <code> dan akhir script </code>.

Sekarang jika agan menginginkan script HTML berpenampilan lebih menarik setelah kita publish/terbitkan/simpan, maka agan harus menambahkan kode-kode tertentu pada script HTML tersebut.

Contoh 1 :

<a title="Sekedar Menuruti Kata Hati" href="http://onesetia82.wordpress.com/" target="_blank"><img src="http://onesetia82.files.wordpress.com/2011/12/banner_links_onesetia82.gif" alt="onesetia82" /></a>

|

Kode yang ditambahkan adalah sebagai berikut :

<div style="overflow: auto; background-color: #eaf9d4; text-align: center; border: 5px solid #999999; padding: 5px;">letakkan script HTML disini</div>

|

Contoh 2 :

<a title="Sekedar Menuruti Kata Hati" href="http://onesetia82.wordpress.com/" target="_blank"><img src="http://onesetia82.files.wordpress.com/2011/12/banner_links_onesetia82.gif" alt="onesetia82" /></a>

|

Kode yang ditambahkan adalah sebagai berikut :

<div style="overflow:auto;width:630px;height:60px;">letakkan script HTML disini</div>

|

Contoh 3 :

<a title="Sekedar Menuruti Kata Hati" href="http://onesetia82.wordpress.com/" target="_blank"><img src="http://onesetia82.files.wordpress.com/2011/12/banner_links_onesetia82.gif" alt="onesetia82" /></a>

Dalam hal ini, agan tidak perlu merubah kode-kode tertunya seperti yang saya jelaskan diatas. Agan hanya menambahkan [\code] ( hapus tanda \ ) pada awal script,] dan [/code] pada akhir script, lalu tempatkan pada mode Visual bukan HTML. Untuk lebih jelasnya lihat gambar dibawah :

Selamat mencoba dan semoga bermanfaat . . .

Baca Artikel Lain :

Disimpan dalam Tips & Tricks Dikaitkatakan dengan , , , , , ,

Perihal onesetia82
Blog sederhana ini berisi tentang berbagai informasi yang hubungannya dengan Software dan Aplikasi Komputer, Tips dan Tricks, Tutorial, serta Info menarik lainnya. Ma'af jika dalam pembenahan bahasa dan susunan kata pada setiap artikel kurang layak dibaca, karena hanya Sekedar Menuruti Kata Hati . . . Selengkapnya ==>

97 Tanggapan untuk Cara Pasang Script HTML Pada Halaman Posting

← Older Comments
  1. deramstudy mengatakan:
    29 Januari 2012 pukul 06:54

    Salam kenal Gan, Thx articlenya bermanfaat, Oh ia sekalian Nitip ini, klo ini scriptnya g usah di liatin :D

    Balas
  2. arman budiman mengatakan:
    29 Januari 2012 pukul 10:17

    jujur ane soal beginian susah mengerti, makasih tadi kodenya cuman copas dari posting saja :D , makasih :D

    Balas
  3. modiszone mengatakan:
    6 Februari 2012 pukul 18:53

    salam kenal,,..
    teorinya udah ane pake gan,..
    thanks… :)

    Balas
  4. efelinna mengatakan:
    9 Februari 2012 pukul 13:46

    ketemu juga trik yg ky gini maksih gan

    Balas
  5. Ariko (&) Little Sofia mengatakan:
    9 Februari 2012 pukul 15:25

    Nice share Sob pastinya sangat bermanfaat untuk para Bloggers.
    Request boleh sob … “cara pasang script html di forum” yang memang sedikit berbeda.
    He he he saya jadi inget Lucu, Seru, Rame … Hebbbbooooh di Forum WP Indonesia soal Script ini xixixi. Saya gagal berkali kali waktu nyoba disana wekekekeeeek.
    Akhirnya Bro Muslim ya yang ngasih solusinya :)

    Thanks untuk sharenya Sob …
    Hepi nge-Blog :wink:

    Balas
    • onesetia82 mengatakan:
      9 Februari 2012 pukul 16:07

      iya bro padahal di bawah kolom ketik komentar forum sudah jelaskan … kalau tidak salah begini … Kode dapat dituliskan di antara dua backtick ( ` ) …
      memang lucu bro waktu itu sampai keringat dingin keluar … ;)

← Older Comments

Beri Komentar Seikhlasnya Saja ==>

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

Gravatar
WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Batal

Connecting to %s