Cara Pasang Script HTML Pada Halaman Posting

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 :

About these ads

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 ==>

107 Responses to Cara Pasang Script HTML Pada Halaman Posting

  1. Ping-balik: TUTORIAL | MULTIMEDIA DESIGN

  2. Sherdy mengatakan:

    Artikelnya berhasil ane terapkan di blog ane…terima kasih banyak ya gan….kalau agan ada kesempatan silahkan mampir di blog pemula ane…di http://dhypha.wordpress.com/

    #SalamBlogger

  3. Ping-balik: CARA MENGGANTI FAVICON | WE BELIVE WE CAN

  4. Ping-balik: Teknik Dasar Cara Mewarnai Rambut Dengan Photoshop | multimedia tutorials

  5. abdisukma mengatakan:

    makasih tutorialnya,langsung mau saya coba

Beri Komentar Seikhlasnya Saja ==>

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: