Menulis Kode HTML di Postingan

Pernahkah Anda mencoba menulis sebuah kode html di postingan blog. Tetapi dengan maksud hanya ingin menjadikan kode tsb. tampilan informasi saja. Tidak sebagai kode program html yang akan dieksekusi jika ditampilkan. Maka, ada cara mudah untuk menjadikan kode html sebagai postingan.

Pertama, silahkan Anda kunjungi situs encode/decode html entities.

Kedua, tuliskan atau Copy kode html yang akan diposting dan Pastekan ke dalam kotak yang diberikan. Contohnya:

Ketiga, klik Encode pada bagian bawah kotak. Silahkan Copy dan Paste hasilnya ke halaman posting. Selamat mencoba!

Membuat Drop Down pada Label Postingan

Membuat drop down menu pada label postingan sangatlah bermanfaat, yaitu untuk menghemat ruangan blog kita dan mempercepat proses loading ketika mengklik label kategori tertentu. Contohnya pada blog ini di pojok kanan atas terdapat drop down menu pada label postingan. Terima kasih juga sebelumnya kepada kang Rohman atas ilmunya, saya tulis ulang ya di blog ini...

Baiklah, kita mulai pelajari bagaimana cara membuatnya:

1. Log in ke dalam blog (blogger.com)

2. Klik layout

3. Klik Edit HTML.

4. Klik download full template to back up your template.[penting]

5. Klik expand widget templates.

Temukan kode di bawah ini:

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

Hapus kode di atas dan diganti dengan kode di bawah ini:

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>

<option>Browse By categories</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>

Kemudian klik Save Template. Lihat hasilnya...Selamat mencoba!

Membuat Link HTML ke Jendela Baru Web Browser

Membuat Link HTML ke jendela baru di browser cukup bermanfaat. Misalnya untuk membandingkan isi kedua halaman web tsb. atau menghindari kehilangan jejak URL bagi user yang terbiasa menutup jendela dengan mengklik ikon Close (x) langsung. Caranya sangat sederhana, di bawah ini kode HTML untuk membuat Link ke halaman baru.

Sisipkan kode di bawah ini pada kode link HTML di bagian akhir alamat halaman/URL Link:

0.

"target="_new"

Misalkan, ada sebuah kode link HTML:

1.

<a href="http://uangpanas.com/?id=hyogx">Bisnis Cerdas</a>

Kode link HTML (1) akan terbuka di satu halaman yang sama. Sehingga halaman utama akan tertimpa. Maka, sisipkan kode HTML (0) ke kode HTML (1), menjadi:

2.

<a href="http://uangpanas.com/?id=hyogx"target="_new">Bisnis Cerdas</a>

Maka, kode link HTML (2) hasilnya alamat halaman/URL akan terbuka di jendela baru. Hasilnya seperti ini:

Bisnis Cerdas

Selamat mencoba!