Category Archives: HTML Code

Select Option Provinsi di Indonesia


Apakah anda ingin membuat format html select Option seperti ini?

Aceh
Sumatera Utara
Sumatera Barat
Riau
Jambi
Sumatera Selatan
Bengkulu
Lampung
Kep. Bangka Belitung
Kepulauan Riau
Jakarta
Jawa Barat
Banten
Jawa Tengah
Yogyakarta
Jawa Timur
Kalimantan Barat
Kalimantan Tengah
Kalimantan Selatan
Kalimantan Timur
Kalimantan Utara
Bali
Nusa Tenggara Timur
Nusa Tenggara Barat
Sulawesi Utara
Sulawesi Tengah
Sulawesi Selatan
Sulawesi Tenggara
Sulawesi Barat
Gorontalo
Maluku
Maluku Utara
Papua
Papua Barat

Copy paste kode berikut:

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="generator" content="www.triplecstudio.net">
 <meta name="dcterms.created" content="Sen, 27 Okt 2014 09:29:58 GMT">
 <meta name="description" content="select option propinsi di Indonesia">
 <meta name="keywords" content="provinsi di Indonesia">
 <title>Membuat Select Option Propinsi di Indonesia</title>
 
 <!--[if IE]>
 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 </head>
 <body>
<select>
 <option value="aceh">Aceh</option>
 <option value="Sumut">Sumatera Utara</option>
 <option value="sumbar">Sumatera Barat</option>
 <option value="Riau">Riau</option>
 <option value="Jambi">Jambi</option>
 <option value="Sumsel">Sumatera Selatan</option>
 <option value="Bengkulu">Bengkulu</option>
 <option value="Lampung">Lampung</option>
 <option value="BaBel">Kep. Bangka Belitung</option>
 <option value="kepRiau">Kepulauan Riau</option>
 <option value="Jakarta">Jakarta</option>
 <option value="Jabar">Jawa Barat</option>
 <option value="Banten">Banten</option>
 <option value="Jateng">Jawa Tengah</option>
 <option value="Yogyakarta">Yogyakarta</option>
 <option value="Jatim">Jawa Timur</option>
 <option value="Kalbar">Kalimantan Barat</option>
 <option value="Kalteng">Kalimantan Tengah</option>
 <option value="Kalsel">Kalimantan Selatan</option>
 <option value="Kaltim">Kalimantan Timur</option>
 <option value="Kaltra">Kalimantan Utara</option>
 <option value="Bali">Bali</option>
 <option value="NTT">Nusa Tenggara Timur</option>
 <option value="NTB">Nusa Tenggara Barat</option>
 <option value="Sulut">Sulawesi Utara</option>
 <option value="Sulteng">Sulawesi Tengah</option>
 <option value="Sulsel">Sulawesi Selatan</option>
 <option value="Sultengg">Sulawesi Tenggara</option>
 <option value="Sulbar">Sulawesi Barat</option>
 <option value="Gorontalo">Gorontalo</option>
 <option value="Maluku">Maluku</option>
 <option value="Maluku Utara">Maluku Utara</option>
 <option value="Papua">Papua</option>
 <option value="Papua Barat">Papua Barat</option>
</select>
 </body>
</html>

Memasukkan Link ke Halaman yang Sama


Memasukkan atau memasang Link (tautan) ke halaman yang sama, biasanya terdapat pada artikel yang tergolong panjang, untuk mempermudah pembaca kembali atau terus pada point tertentu di dalam sebuah artikel panjang. Salah satu bentuk link ke halaman yang sama pada artikel di suatu blog atau website yang sering ditemui adalah tulisan “kembali ke awal” atau “kembali ke atas”, yang merujuk pada bagian awal suatu artikel panjang. Tujuannya tidak lain adalah untuk memudahkan pembaca kembali ke bagian awal artikel tanpa harus susah payang menggulirkan scroll pada mouse.

Bagaimana Cara Memasukkan Link ke Halaman yang Sama?

Cara memasukkan Link ke halaman yang sama tidak terlalu sulit bagi mereka terbiasa blogging. Anda hanya perlu memasang dua kode pada artikel anda, yaitu kode anchor (Red: Target) dan kode Link. Kode target dimasukkan pada bagian artikel yang akan menjadi tujuan saat pembaca mengklik Link yang terpasang pada bagian lain pada suatu artikel.

Perhatikan artikel berjudul Memasukkan Link ke Halaman yang Sama ini..!! Pada artikel ini, saya memasang kode anchor atau kode target di atas tulisan Bagaimana Cara Memasukkan Link ke Halaman yang Sama? dan memasang kode link-nya di bagian akhir artikel, dengan tulisan “Pelajari Ulang”

😆

Kode Anchor (Kode target) dan Kode Link (Kode Tautan)

Adapun kode anchor yang saya masukkan di atas tulisan “Bagaimana Cara Memasukkan Link ke Halaman yang Sama?” tersebut adalah:

<a name="Cara memasukkan Link ke Halaman yang Sama"></a>

sedangkan kode link yang saya letakkan di akhir artikel ini adalah:

<a href="#Cara memasukkan Link ke Halaman yang Sama">Pelajari ulang</a>

Kode Link tersebut akan menautkan atau mengarahkan teks “Pelajari ulang” ke tempat anda memasang kode anchor atau kode target.

****** 😆 ******

Jika anda ingin mencobanya, anda juga bisa mengganti dengan kode anchor yang lebih sederhana, misalnya:

<a name="satu"></a>

 Kode Link-nya, seperti ini:

<a href="#satu">Kembali ke atas</a>

Kode Link di atas, akan menautkan ke posisi dimana anda meletakkan kode anchor (Target), dengan teks link: “Kembali ke atas”.

****** 😆 ******

PENTING..!!! Penggunaan kode anchor atau kode target seperti tersebut di atas (baik kode anchor yang saya pakai, maupun kode anchor sederhana), tidak akan terlihat pada artikel yang telah diterbitkan. Kode seperti itu hanya berfungsi sebagai target untuk link yang dipasang pada bagian lain dari artikel tersebut.

Tetapi anda juga bisa membuat kode anchor atau kode target tersebut terlihat oleh pembaca artikel anda, dengan menambahkan kata atau kalimat yang anda inginkan di dalam kode anchor atau kode target. Perhatikan kode anchor berikut…!!!!!

<a name="satu">Bagaimana Cara Memasukkan Link ke Halaman yang Sama?</a>

Kode anchor seperti contoh di atas, bukan hanya berfungsi sebagai target link, tetapi sekaligus sebagai teks yang bisa dilihat oleh pembaca. Pada kode anchor tersebut, teks yang terlihat adalah: “Bagaimana Cara Memasukkan Link ke Halaman yang Sama?”

KESIMPULAN

Secara sederhana, saya bisa menyimpulkan, bahwa untuk membuat anchor link atau tautan ke halaman yang sama, anda harus memasukkan dua buah coding pada artikel anda, yaitu kode anchor dan kode link. Kode Anchor atau kode target ditandai dengan <a name=, sedangkan kode link atau kode tautan ditandai dengan <a href=.

INGAT…!!!

  1. Jangan lupakan tanda pagar (#) pada kode Link…!!!
  2. Tanda petik pada kode tersebut, sebaiknya ditulis saja…!!! Jangan asal COPAS…!!! 😆

****** 😆 ******

Terima kasih telah membaca artikel berjudulMemasukkan Link ke Halaman yang Sama

****** 😆 ******

Mudah-mudahan artikel berjudul “Memasukkan Link ke Halaman yang Sama” ini bermanfaat bagi anda

****** 😆 ******

Artikel lain tentang Blogging:

😆

SEPERTI SUDAH SAYA JANJIKAN SEBELUMNYA, PADA AKHIR ARTIKEL MEMASUKKAN LINK KE HALAMAN YANG SAMA INI, SAYA AKAN MEMBERIKAN SEBUAH ANCHOR LINK YANG TERTAUT KE HALAMAN YANG SAMA.
SILAHKAN KLIK TEKS LINK DI BAWAH INI,

DAN PERHATIKAN KEMANA LINK TERSEBUT MEMBAWA ANDA?

Pelajari ulang

Bagaimana agar CATATAN Facebook anda lebih Cantik?


Untuk membuat CATATAN di Facebook ini sebenarnya sangat mudah, yaitu Masuk ke Profil kamu dan masuk ke Tab CATATAN (Jika di dalam profil kamu belum ada menu catatan, maka kamu perlu menambahkan aplikasi catatan tersebut dengan mengklik pada tanda tambah (+) diujung Tab profil), Klik “Tulis Catatan Baru”, isi “Judul” dan “Isi”, dan terakhir klik “Terbitkan” atau “Simpan”. Setelah CATATAN tersimpan, kamu akan melihat hasil dari catatan kamu.
CATATAN yang ingin kamu tulis, bisa kamu perindah dengan memberikan format tulisan dan menambahkan gambar. Berikut akan saya terangkan cara memberikan FORMAT TULISAN untuk CATATAN anda.

  1. Tulisan Tebal
    Untuk membuat tulisan tebal, ketiklah “< b >” di awal tulisan yang ingin anda tebalkan, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / b >
    Contoh: Nama saya < b > Khairil Yulian < / b >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  2. Tulisan Miring
    Untuk membuat tulisan miring, ketiklah “< i >” di awal tulisan yang ingin anda miringkan, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / i >
    Contoh: Nama saya < i > Khairil Yulian < / i >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  3. Memberikan Garis Bawah
    Untuk membuat tulisan bergaris bawah, ketiklah “< u >” di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / u >
    Contoh: Nama saya < u > Khairil Yulian < / u >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  4. Tulisan Bercoret
    Untuk membuat tulisan bercoret, ketiklah “< s >” di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / s >
    Contoh: Nama saya < s > Khairil Yulian < / s >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  5. Ukuran Tulisan Lebih Besar
    Untuk membuat tulisan lebih besar, ketiklah “< big >” di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / big >
    Contoh: Nama saya < big > Khairil Yulian < / big >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  6. Ukuran Tulisan Lebih Kecil
    Untuk membuat tulisan lebih kecil, ketiklah “< small >” di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: “< / small >
    Contoh: Nama saya < small > Khairil Yulian < / small >. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian

Selain beberapa yg saya kemukakan di atas, masih ada beberapa format lain. atau klik pada tulisan “Formatlah Catatan Anda” yg ada di sisi kanan bawah kolom “isi” saat anda menyunting tulisan.

Selain memberikan format pada tulisan, kamu juga bisa menambahkan gambar atau foto pada tulisan kamu, yaitu dengan mengupload/mengunggah foto dari file-file yang tersimpan di Hard-Drive komputer kamu.
CARANYA:

    • Klik tulisan “Pilih Berkas” di bagian bawah catatanm seperti pada gambar di bawah ini.
    • Pilih file dengan format image, seperti BMP, JPEG, PNG, GIF, TIF, dan lain-lain yang tersimpan di Hard-Drive komputer kamu.
    • Setelah file terUpload, kamu dapat menentukan posisi foto dengan memilih posisi yang diberikan. ditengah, di kiri, di kanan, atau penuh.
    • Setelah foto berhasil diUpload/diunggah, Pada akhir “isi” catatan, kamu akan menemukan tulisan tambahan dengan format “< Photo 1 >”. Pindah tulisan tersebut, kemana kamu ingin meletakkan posisi foto tersebut. bisa di awal tulisan, di tengah atau diakhir tulisan.

Untuk melihat hasil sementara Catatan kamu, Klik “Pratinjau” yg ada di bagian paling bawah halaman “Catatan”. Jika kamu anggap sudah tidak ada yg perlu diperbaiki dan siap untuk disimpan, klik “Bagikan” atau “Simpan”.

Kreatifitas dan inovasi dalam diri kamu akan membuat CATATAN kamu lebih indah dari yang pernah kamu bayangkan.

Memasukkan Hyperlink dalam Catatan Facebook


Bagi kamu yang telah mengenal dunia internet, kamu tentunya sering menemukan suatu kata atau gambar yang jika diklik akan menuju pada suatu halaman yg lain. Contohnya mungkin seperti ini:

Jika anda menyukai Catatan ini, silahkan KLIK DISINI.

Kata “Klik di sini” pada contoh di atas jika di Klik akan membuka halaman lain yang diinginkan si pembuat Catatan. itulah yang dikenal dengan istilahHYPERLINK
HYPERLINK adalah cara untuk menghubungkan suatu bagian dalam slide, file, program, atau halaman web dengan bagian lainnya dalam bidang-bidang tersebut. Hyperlink digunakan untuk menunjukan lokasi lain dari dari teks atau objek yang dipresentasikan. Hyperlink dapat menghubungkan beberapa dokumen, file, objek, aplikasi, halaman web dan sebagainya.

Berikut akan saya uraikan, bagaimana cara membuat Hyperlink dalam Catatan Facebook.

  1. Siapkan kata atau kalimat yang akan dijadikan Hyperlink. Contoh:“Jika anda menyukai Catatan ini, Bergabunglah di Grup CV.Triple-C”Kata yang akan saya beri Hyperlink adalah “Grup CV.Triple-C”.
  2. Siapkan alamat Link/jalur yang akan diarahkan oleh Hyperlink pada point 1. Misalkan: saya memasukkan alamat Link Grup CV.Triple-C sebagai halaman yang dituju oleh Hyperlink yang akan saya buat, yaitu sebagai berikut:http://www.facebook.com/group.php?gid=259136178311Alamat tersebut bisa kamu peroleh dari address box yang ada pada browser yg kamu pakai. 

    Itu adalah Address box. Buka halaman yang kamu inginkan sebagai tujuan Hyperlink, kemudian kamu salin halaman tersebut.

  3. Masukkan format berikut:
    <a href=”Isilah jalur link yang telah kamu siapkan pada point 2“>Isi dengan kata yang akan kamu jadikan Hyperlink</a> Contoh:
    Jika anda menyukai Catatan ini, Bergabunglah di <a href = “http://www.facebook.com/group.php?gid=259136178311“>Grup CV.Triple-C</a>Jika Catatan ini telah diterbitkan atau disimpan, maka tulisan tersebut akan terlihat seperti ini:

    “Jika anda menyukai Catatan ini, Bergabunglah di Grup CV.Triple-C

    Tulisan Grup CV.Triple-C jika diKlik akan mengarahkan anda pada halaman yang dimaksud oleh Link yang saya tulis tadi (dalam contoh ini, Link yg dimaksud adalah Grup CV.Triple-C (Computer Care Centre) Banjarmasin).

Demikian sedikit yang bisa saya sampaikan. Semoga bisa bermanfaat bagi teman-teman. Format pembuatan Hyperlink ini juga ada disediakan di Facebook. Anda bisa Klik di sini untuk mendapatkan keterangan Format Hyperlink ini.

Bagaimana agar CATATAN Facebook anda terlihat lebih Cantik?


Saya akan memulai penjelasan dengan sebuah pertanyaan yg mungkin anda tanyakan, yaitu: “Apa yang dimaksud dengan CATATAN dalam Facebook? Saya bisa langsung menjawabnya, bahwa tulisan yang sedang anda baca ini adalah CATATAN.
Untuk membuat CATATAN ini sebenarnya sangat mudah, yaitu Masuk ke Profil kamu dan masuk ke Tab CATATAN (Jika di dalam profil kamu belum ada menu catatan, maka kamu perlu menambahkan aplikasi catatan tersebut dengan mengklik pada tanda tambah (+) diujung Tab profil), Klik “Tulis Catatan Baru”, isi “Judul” dan “Isi”, dan terakhir klik “Terbitkan” atau “Simpan”. Setelah CATATAN tersimpan, kamu akan melihat hasil dari catatan kamu.
CATATAN yang ingin kamu tulis, bisa kamu perindah dengan memberikan format tulisan dan menambahkan gambar. Berikut akan saya terangkan cara memberikan FORMAT TULISAN untuk CATATAN anda.

  1. Tulisan Tebal
    Untuk membuat tulisan tebal, ketiklah <b> di awal tulisan yang ingin anda tebalkan, kemudian di akhir tulisan, ketik format penutup seperti berikut: </b>
    Contoh: Nama saya <b>Khairil Yulian</b>. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  2. Tulisan Miring
    Untuk membuat tulisan miring, ketiklah <i> di awal tulisan yang ingin anda miringkan, kemudian di akhir tulisan, ketik format penutup seperti berikut: </i>
    Contoh: Nama saya <i>Khairil Yulian</i>. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  3. Memberikan Garis Bawah
    Untuk membuat tulisan bergaris bawah, ketiklah <u> di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: </u>
    Contoh: Nama saya <u>Khairil Yulian</u>. Hasilnya akan terlihat seperti ini: Nama saya Khairil Yulian
  4. Tulisan Bercoret
    Untuk membuat tulisan bercoret, ketiklah <s> di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: </s>
  5. Ukuran Tulisan Lebih Besar
    Untuk membuat tulisan lebih besar, ketiklah <big> di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: </big>
  6. Ukuran Tulisan Lebih Kecil
    Untuk membuat tulisan lebih kecil, ketiklah <small> di awal tulisan yang ingin anda berikan garis bawah, kemudian di akhir tulisan, ketik format penutup seperti berikut: </small>

Selain beberapa yg saya kemukakan di atas, masih ada beberapa format lain.

Selain memberikan format pada tulisan, kamu juga bisa menambahkan gambar atau foto pada tulisan kamu, yaitu dengan mengupload/mengunggah foto dari file-file yang tersimpan di Hard-Drive komputer kamu.
CARANYA:

    1. Klik tulisan “Pilih Berkas” di bagian bawah catatan seperti pada gambar di bawah ini.
    1. Pilih file dengan format image, seperti BMP, JPEG, PNG, GIF, TIF, dan lain-lain yang tersimpan di Hard-Drive komputer kamu.
    2. Setelah file terUpload, kamu dapat menentukan posisi foto dengan memilih posisi yang diberikan. ditengah, di kiri, di kanan, atau penuh. Perhatikan gambar berikut.
    1. Setelah foto berhasil diUpload/diunggah, Pada akhir “isi” catatan, kamu akan menemukan tulisan tambahan dengan format “”. Pindah tulisan tersebut, kemana kamu ingin meletakkan posisi foto tersebut. bisa di awal tulisan, di tengah atau diakhir tulisan.

Untuk melihat hasil sementara Catatan kamu, Klik “Pratinjau” yg ada di bagian paling bawah halaman “Catatan”. Jika kamu anggap sudah tidak ada yg perlu diperbaiki dan siap untuk disimpan, klik “Bagikan” atau “Simpan”.

Kreatifitas dan inovasi dalam diri kamu akan membuat CATATAN kamu lebih indah dari yang pernah kamu bayangkan.

Memasukkan Hyperlink dalam Catatan Facebook


Bagi kamu yang telah mengenal dunia internet, kamu tentunya sering menemukan suatu kata atau gambar yang jika diklik akan menuju pada suatu halaman yg lain. Contohnya mungkin seperti ini:

Jika anda menyukai Catatan ini, silahkan KLIK DISINI.

Kata “Klik di sini” pada contoh di atas jika di Klik akan membuka halaman lain yang diinginkan si pembuat Catatan. itulah yang dikenal dengan istilahHYPERLINK
HYPERLINK adalah cara untuk menghubungkan suatu bagian dalam slide, file, program, atau halaman web dengan bagian lainnya dalam bidang-bidang tersebut. Hyperlink digunakan untuk menunjukan lokasi lain dari dari teks atau objek yang dipresentasikan. Hyperlink dapat menghubungkan beberapa dokumen, file, objek, aplikasi, halaman web dan sebagainya.

Berikut akan saya uraikan, bagaimana cara membuat Hyperlink dalam Catatan Facebook.

  1. Siapkan kata atau kalimat yang akan dijadikan Hyperlink. Contoh:

“Jika anda menyukai Catatan ini, Bergabunglah di Grup CV.Triple-C”

Kata yang akan saya beri Hyperlink adalah “Grup CV.Triple-C”.

 

  • Siapkan alamat Link/jalur yang akan diarahkan oleh Hyperlink pada point 1. Misalkan: saya memasukkan jalur Grup CV.Triple-C sebagai halaman yang dituju oleh Hyperlink yang akan saya buat, yaitu sebagai berikut:

 

http://www.facebook.com/group.php?gid=259136178311

Jalur tersebut bisa kamu peroleh dari address box yang ada pada browser yg kamu pakai. Perhatikan gambar di bawah ini.

Itu adalah Address box. Buka halaman yang kamu inginkan sebagai tujuan Hyperlink, kemudian kamu salin halaman tersebut.

 

  • Masukkan format berikut:
    Isi dengan kata yang akan kamu jadikan Hyperlink

 

Contoh:
Jika anda menyukai Catatan ini, Bergabunglah di < href = “http://www.facebook.com/group.php?gid=259136178311 ” > Grup CV.Triple-C

Jika Catatan ini telah diterbitkan atau disimpan, maka tulisan tersebut akan terlihat seperti ini:
Jika anda menyukai Catatan ini, Bergabunglah di Grup CV.Triple-C

Tulisan Grup CV.Triple-C jika diKlik akan mengarahkan anda pada halaman yang dimaksud oleh Link yang saya tulis tadi (dalam contoh ini, Link yg dimaksud adalah Grup CV.Triple-C (Computer Care Centre) Banjarmasin).

Demikian sedikit yang bisa saya sampaikan. Semoga bisa bermanfaat bagi teman-teman. Format pembuatan Hyperlink ini juga ada disediakan di Facebook. Anda bisa Klik di sini untuk mendapatkan keterangan Format Hyperlink ini.

Bentuk Kode HTML Untuk Mengisi Text Box FBML


Example is Better Than Precept, demikian sebuah kata bijak dalam Bahasa Inggris yang artinya kurang lebih, “Contoh lebih baik daripada penjelasan”. Dengan bersandar pada kata bijak tersebut… 😆 … maka dalam artikel ini, saya akan memberikan contoh, namun juga tidak menafikan penjelasannya kok… 🙂 🙂 🙂 tenang aja….!! 😆

Perhatikan kode HTML berikut!

<a href="https://newkhairilyulian.wordpress.com"><img src="http://i1217.photobucket.com/albums/dd396/khairilyulian/Wordpress/khairilyulianwordpress.jpg" border="0" alt="Photobucket"></a>

Kode tersebut adalah kode HTML yang saya masukkan pada Facebook Static FBML saya. Hasil dari kode tersebut bisa anda lihat di sini.

Penjelasan kode HTML

Kode HTML bagian awal (dari tanda < hingga tanda >) adalah destination link atau tautan tujuan, sedangkan kode HTML bagian akhir (juga dari tanda < hingga tanda >) adalah link ke gambar yang saya pasang untuk tampilan pada Facebook Static FBML di halaman Facebook saya.

Nah! Dengan penjelasan singkat itu, saya berharap anda bisa berpikir sendiri untuk berkreasi membuat Facebook Static FBML anda sendiri. Terima kasih telah membaca artikel singkat berjudul Bentuk Kode HTML Untuk Mengisi Text Box FBML ini. Mudah-mudahan ini bisa menjadi ilmu yang manfaatnya bagi anda… 🙂

________________________

Link Terkait:

%d blogger menyukai ini: