Kode Html Terlengkap Part 2

Bismillahirrohmanirrohim

Assalamualaikum, wr.wb .Setelah di artikel saya yang kemarin kita mungkin sudah mengetahui beberapa kode html yang bisa kita terapkan dalam menulis postingan blog di html .

bagi yang belum mengetahui kode html sebelum nya bisa di baca di artikel saya yang berjudul kode html terlengkap di sini ,tetapi di postingan kemarin saya baru menulis separuh karena sudah keburu cape ngetik jari saya nya eung .

Di kesempatan sekarang saya lanjutin untuk part 2 nya . bagi yang belum mengetahui apa itu kode html ,silahkan baca dahulu definisi dari apa itu kode html? Di sini , nah inilah beberapa kode html selanjutnya yang saya janji kan kmari ,hayu kita simak lagi ..

Kode Untuk Menampilkan Gambar
<img src="http://url gambar anda"</img>

<div style="text-align:center;"> <a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

membuat teks ninja shadow bayangan
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="green"><b class="drop-shadow"><b>teks anda</b></font></b>

membuat teks ukuran besar
<font color="orange" size="15px">Teks sobat</font>

membuat teks dengan alinea baru atau baris baru

<p style="text-indent:30px;"> teks</p>

Mengubah Ukuran Teks Area
untuk membuat dan mengubah ukuran teks area
<text*area cols="15" rows="2">hapus tanda *</text*area> </p> <p> <br> membuat table 1 kolom </br> <table width="100%"border="1"> <tr><td width="100%" bgcolor="orange" align="center">untuk membuat tabel satu kolom</td></tr> </table> </br> </p> <br /> <textarea rows="3" cols="20"> <table width="100%" border="1"> <tr><td width="100%" bgcolor="orange" align="center">teks</td></tr> </table>

membuat table 1 kolom

untuk membuat tabel satu kolom

<table width="100%" border="1"> <tr><td width="100%" bgcolor="orange" align="center">teks</td></tr> </table>

membuat tabel 2 kolom

teks pertama

teks kedua

<table width="100%" border="1"> <tr><td width="50%" bgcolor="orange" align="center">teks pertama</td><td width="50%" bgcolor="green" align="center">teks kedua</td></tr> </table>

membuat tabel 3 kolom

teks pertama

teks kedua

teks ketiga

<table width="100%" border="1"> <tr><td width="33%" bgcolor="orange" align="center">teks pertama</td><td width="34%" bgcolor="orange" align="center">teks kedua</td><td width="33%" bgcolor="orange" align="center">teks ketiga</td></tr> </table>


membuat link dengan gambar
<a href="http://url tujuan"><img src ="http://url gambarmu"/></a>

membuat spoiler / show link tombol

Isi spoiler

<div style="margin-bottom:<br /> 5px;"><br /> <div class="smallfont"<br /> style="margin: 2px;"><br /> <input value="Show" style="margin: 0px; padding:<br /> 0px; width: 60px; height: 60px; font-size:<br /> 12px;" onclick="if<br /> (this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div') [0].style.display != '')<br /> { this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div')<br /> [0].style.display = '';<br /> this.innerText = ''; this.value = 'hide'; } else { this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div')<br /> [0].style.display = 'none';<br /> this.innerText = ''; this.value =<br /> 'show'; }" type="button"/> </div> <br /> <div class="alt2" style="border:<br /> 1px inset ; margin: 5px; padding:<br /> 1px;"><br /> <div style="display: none;"> <br /> Isi spoiler<br /> </div> <br /> </div> <br /> </div>

membuat teks ninja shadow bayangan
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b> </br>

menambahkan background dan mewarnai teks

<div style="background:#88ffff"> <font color="red">menambahkan background dan mewarnai teks</font></div>

cara membesarkan teks
<span style="size:15"> cara membesarkan teks </span><br />

ket : angka 15 bisa di ganti sesuai kebutuhan

membuat paragraf sedikit lebih menjorok ke dalam yang bahasa keren nya di kenal dengan INDENT

<blockquote> membuat paragraf sedikit lebih menjorok ke dalam </blockquote>

membuat tabel

baris 1 Kolom 1	baris 1 Kolom 2	baris 1 Kolom 3
baris 2 Kolom 1	baris 2 Kolom 2	baris 2 Kolom 3

<table border="7"><br /> <tr> <td> baris 1 Kolom 1</TD> <td> baris 1 Kolom 2</TD> <td> baris 1 Kolom 3</TD> </TR> <br /> <tr> <td>baris 2 Kolom 1</TD> <td> baris 2 Kolom 2</TD> <td> baris 2 Kolom 3</TD> </Tr> <br /> </table>

Keterangan :

• <*tr> adalah banyaknya baris.
• <*td> adalah banyaknya kolom dalam satu baris.

Tabel diatas terdiri dari 2 baris, masing- masing baris 3 kolom.  Angka 7 pada border="7" merupakan besar kecilnya border tabel.

menampilkan link yang menuju ke email
<a href="mailto:alamatemail<br /> Anda@yahoo.com">nama yang ditampilkan</a>

membuat menu tabel

BERBAGIPEDIAINFO

Situs Penghasil Dollar Gratis	Situs Penghasil Bitcoin Gratis
Trading Bitcoin Gratis	Trading Forex Gratis

<div style="border:1px solid#ffffff; padding:1px;"> <br /> <div style="border:1px solid#ffffff; padding:1px;"> <br /> <table width="100%" border="1"><td bgcolor=black><div style="text-align:center;"><br /> <font color="white" <br /> size=5>=MENU=</font></table> <br /> <br /> <table width="100%" <br /> border="0"><br /> <tr><td width="50%" bgcolor="black" <br /> align="center"><a href="https://berbagipediainfo.blogspot.com" class=""><font <br /> color="lime">LINK 1</font></a></td><td <br /> width="50%" bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" <br /> class=""><font color="lime">LINK <br /> 2</font></a></td><br /> <tr><td width="50%" <br /> bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" <br /> <class=""><font color="lime">LINK 3 <br /> </font></a></td><td width="50%" bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" class=""><font color="lime">LINK <br /> 4</font></a></td></tr> <br /> </table> <br /> </div> </div> </div> <br /> <br />

membuat paragraf dan baris baru
Paragrap baru =

Baris baru =
Paragrap baru = <p /> <br /> Baris baru = <br />

membuat paragraf
<p />

membuat baris baru
<br />

membuat tabel 3 kolom

teks pertama

teks kedua

teks ketiga

<table width="100%" border="1"> <tr><td width="33%" bgcolor="orange" align="center">teks pertama</td><td width="34%" bgcolor="orange" align="center">teks kedua</td><td width="33%" bgcolor="orange" align="center">teks ketiga</td></tr> </table>

membuat tabel 2 kolom

teks pertama

teks kedua

tabel 2 kolom </br> <br> <table width="100%" border="1"> <tr><td width="50%" bgcolor="orange" align="center">teks pertama</td><td width="50%" bgcolor="green" align="center">teks kedua</td></tr> </table>

<div style="text-align:center;"> <a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

Membuat Garis Berwarna

---

<hr color ='red' width='auto'/>

untuk mengatur ukuran garis

---

mengatur ukuran garis </br> <hr style="color:#00f" width="60%">

membuat teks ninja shadow bayangan / shadow
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="green"><b class="drop-shadow"><b>teks anda</b></font></b>

membuat paragraf baru
<p />

membuat baris baru
<br />

membuat ukuran teks lebih besar

ukuran kecil sampai h6
<h1> teks</h1> ukuran kecil sampai h6

membuat ukuran teks lebih besar dan berwarna
<font color="orange" size="15px">Teks anda silahkan coba </font>

membuat teks dengan alinea baru :

membuat teks dengan alinea baru

<p style="text-indent:30px;"> teks

Teks Area Dotted :
teks area dotted
<text*area name="code" cols="15" rows="1" style="background:#6bb;color:#ffffff;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">jangan lupa hapus tanda * nya yaa 😉 </text*area>

Nah itu untuk beberapa lanjutan kode html part (bagian) ke 2 ini adalah hasil dari sambungan kode html terlengkap yang sebelum nya sudah saya posting duluan.

Untuk seterusnya bagi yang ingin mengetahui kode untuk membuat tabel html dan cara membuat tombol spoiler link yang konten nya bisa kita tutup/sembunyikan, untuk lebih jelasnya apa itu spoiler silahkan boleh anda baca cara membuat spoiler link dengan tombol di sini agar kita bisa mengetahui dan langaung coba praktekan langsung

ya sudah lah untuk di kesempatan ini sampai sini dulu yaa , udah ngantuk banget dulu saya nya .. Semoga artikel ini berguna dan bermanfaat buat kita semua .

Terima kasih , Wassalamualaikum warohmatullohi Wa Barokatu

Kode html terlengkap

Bismillahirohmanirrohim

Assalamualaikum warohmatullohibarokatu ,di bawah ini ada beberapa kode html dasar yang siap pakai.


Kode html memang bikin pusing dan sakit kepala, tetapi sengaja saya tulis di dalam text area biar kamu gampang untuk meng copy paste nya .

Boleh kamu bookmark blog saya yang jelek ini biar gampang kalau suatu saat kamu membutuhkan tinggal klik tanda bintang (boormark) Pasti Saya Bakal langsung Nongol Lagi , Hehe ... OK Brother ..

membuat huruf tebal & bergaris bawah

<b><u>teks kamu</b></u>
membuat huruf miring
<i>teks kamu</i>

membuat baris baru
  <*br>teks kamu</br>
membuat paragrap baru
<p> teks kamu</p>
membuat teks tebal
<b> teks kamu</b>
membuat teks ketik
<tt>teks kamu</tt>
membuat teks bercoret
<s>teks kamu</s>
membuat teks garis bawah
<u>Teks disini</u>
membuat teks sub ^atas
^{Teks disini}
membuat teks sub _bawah
<sub>Teks disini</sub

membuat teks rata di kiri

<div style="text-align:left;"> Teks rata kiri</div>

membuat teks rata di kanan

<div style="text-align:right;"> Teks rata kanan</div>

membuat teks rata kanan kiri

<div style="text-align:justify;"> Teks disini</div>

membuat teks berada di tengah

<div style="text-align:center;"> Teks disini</div>

membuat teks baris pertama menjorok ke dalam

<p style="text-indent:30px;"> Teks disini</p>

membuat teks baris pertama menjorok ke dalam

<p style="text-indent:30px;"> Teks disini</p>

membuat menjorok ke dalam semua

<blockquote> Teks disini</blockquote>
membuat teks berwarna
<span style="color:#f00">Teks disini</span>
membuat teks stabillo
<span style="background:#0f0;color:#f00">Teks disini</span>

membuat teks area
membuat teks area
<textarea cols="30" rows="8">teks disini

membuat teks area huruf berwarna
membuat teks area huruf berwarna
<*textarea name="code" rows="5" cols="50" style=";color:#ff0000;">Teks disini

membuat teks area dengan bingkai
membuat teks area dengan bingkai
<textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks disini

membuat teks area dengan bingkai dan huruf berwarna
membuat teks area dengan bingkai dan huruf berwarna
<textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #9932cc;">Teks disini

membuat teks area dengan background
membuat teks area dengan background
<*textarea name="code" rows="3" cols="20" style="background:#ff6347;">Teks disini

membuat teks area dengan background dan bingkai
membuat teks area dengan background dan bingkai
<*textarea name="code" rows="5" cols="50" style="background:#000080;border:5px inset #ff7f50;">Teks disini

membuat teks area dengan bingkai serta huruf berwarna
membuat teks area dengai bingkai serta huruf berwarna
<textarea name="code" rows="3" cols="20" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">Teks disini

membuat teks area dashed
membuat teks area dashed
<textarea name="code" rows="3" cols="20" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">Teks disini

membuat teks area dotted
membuat teks area dotted
<textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks disini

---

membuat garis
<hr> teks kamu></hr>

---

membuat garis warna

<hr style="color:red"> teks kamu </hr>

---

mengatur ukuran garis

<hr style="color:#00f" width="60%"> teks kamu</hr>

---

membuat garis sebelah kiri

<hr style="color:#00f" width="60%" align="left"> teks kamu</hr>

---

membuat garis sebelah kanan
<hr style="color:#00f" width="60%" align="right"> teks kamu</hr>

---

membuat garis dengan background
<hr style="height:3px;background:#00f;color:#f00;"> teks kamu</hr>

membuat garis titik - titik

<div style="border-bottom:3px dotted #00f;"> teks kamu</div>

membuat garis putus - putus

<div style="border-bottom:3px dashed #00f;"> teks kamu</div>

• tabel 1
• tabel 2
• tabel 3

membuat tabel daftar

<ul> <li>tabel 1</li> <li>tabel 2</li> <li>tabel 3</li> </ul>
menampilkan link dengan teks klik di sini
<a href="http://url-tujuan">nama link</a>
menampilkan gambar
<img src="http://url-gambar">
menampilkan url gambar dengan teks
<a href="http://url-gambar">nama link</a>
menampilkan link dengan gambar
<a href="http://url-tujuan"><img src="http://url-gambar"></a>

menampilkan link dengan gambar dan teks<a href="http://url-tujuan"><img src="http://url-gambar">teks</a>

merubah ukuran gambar
<img src="http://url-gambar" width="100" height="100"> semakin kecil angkanya maka semakin kecil pula gambarnya


menampilkan gambar di postingan sebelah kiri
<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini

menampilkan gambar di postingan sebelah kanan
<img src="http://url-gambar" style="float:right;margin:0 3px 3px;">Teks disini

menampilkan bingkai pada gambar
<img style="border:5px solid #0f0;" src="http://url-gambar"/>
Untuk mengganti tampilan bingkai, "solid" ganti dengan; ridge, groove, double, dashed, dotted, inset, outsetmerubah warna background

<div style="background:#0f0"> Teks disini</div>

membuat background posisi di kanan

<div style="background:#ccc; border:3px solid #000;padding: 3px;margin-right:20px"> Teks disini</div>

membuat background posisi di tengah

<div style="background:#ccc; border:3px solid #000;padding: 3px;margin:20px"> Teks disini</div>

membuat background posisi di kiri

<div style="background:#ccc; border:3px solid #000;padding:5px;margin-left:20px"> Teks disini</div>

memasang gambar
<img src="http://LINK GAMBAR DI SINI"/>
membuat link gambar memakai teks
<a href="http://LINK TUJUAN/LINK GAMBAR DI SINI">teks kamu</a>

membuat link dengan gambar
<a href="http://LINK TUJUAN DI SINI"><img src=http://LInk gambar di sini"/>teks kamu</a>

memasang gambar dengan tanda kutip ke dalam

<blockquote> <img src="http://LINK GAMBAR DI SINI"/>teks kamu</blockquote>

• membuat
• daftar
• dengan
• baris
seperti
• ini

<ul> <li>udin</li> <li>jojon</li> <li>kodok</li> <li>supermen</li> batman <li>kang mus</li> </ul>

memasang link no telpon admin

<a href="tel:08577xxx">telpon admin></a>

membuat
baris huruf
atau
baris gambar
di postingan
teks html
<br/>membuat<br/>baris huruf<br/>atau<br/>baris gambar<br/>di postingan<br/>teks html<br/>
file html data input nama

Nama depan:
Nama belakang:
Nama depan: <input title="nama" id="first" name="first" type="text" size="20"/><br/>Nama belakang: <input title="nama" id="first" name="first" type="text" size="20"/>
html file data input jenis kelamin


Laki-laki
Perempuan
<input type="radio" name="food"/> Laki-laki<br/><input type="radio" name="food"/> Perempuan
html file data input hobi favorit

Sepak bola
Volly
Basket

<input type="checkbox" name="sport" value="football"> Sepak bola<br/><input type="checkbox" name="sport" value="vollyball"> Volly<br/><input type="checkbox" name="sport" value="basketball"> Basket
html file data input pasword

masukan pasword:

<input type="password" title="password" size="20"/>
html file data input tombol





<a href="http://url tujuan"><input type="submit" value="Nama tombol"/></a>

html file membuat tabel


                                   

BISNIS ONLINE
Bitcoin 1	Forex 1	Pulsa 1	Toko Online 1	Publisher Iklan 1
Bitcoin 2	Forex 2	Pulsa 2	Toko Online 2	Publisher Iklan 2
Bitcoin 3	Forex 3	Pulsa 3	Toko Online 3	Publisher Iklan 3
Bitcoin 4	Forex 4	Pulsa 4	Toko Online 4	Publisher Iklan 4
Bitcoin 5	Forex 5	Pulsa 5	Toko Online 5	Publisher Iklan 5
Bitcoin 6	Forex 6	Pulsa 6	Toko Online 6	Publisher Iklan 6

<table border="1" style="width="100%"<tr><th colspan="2">TEKS</th></tr> <tr><td style="width=50%">teks</td><td style="width=50%">teks</td></tr> <tr><td>teks</td><td>teks</td></tr> </table>

membuat link klik di sini menuju profil atau fansfage facebook
*@@[1:[1000017696485151:1:KLIK DI SINI]]@[1000017696485151:*S]]

keterangan :

• 1. 1000017696485151*S = id facebook Huruf S di ujung ganti dengan huruf awalan nama kita ,misalkan nama kita SUPERMAN berarti tulis yang huruf S nya aja,kalau nama mu ULTRAMEN ya tinggal ambil huruf U nya aja

2. Tulisan klik di sini silahkan ganti aja sesuai kebutuhan, di jamin bebas bunga dan bebas riba

3. Jangan lupa hapus dulu tanda bintang kecilnya yang seperti ini (*)

NB : Untuk menggunakan silahkan hapus semua tanda (*) nya biar gak puyeng !!!

untuk Sekarang Mungkin Segitu Dulu .. Untuk Mengetahui Kode Html Yang Lain nya Silahkan Klik untuk melanjutkan melihat kode html yang lain nya Di Sini .

Jika ingin melihat dan mengetahui untuk keseluruhan dari kode warna silahkan cek kumpulan kode warna html nya di sini.

Saya Mohon Dan Minta Tolong Sama Kamu, Tolong Share Artikel Ini jika di rasa bermanfaat agar lebih banyak yang mengetahui nya Dengan Cara Klik Tombol Sosial Yang Di Bawah Ini... Terima Kasih.

Wassalamualaikum warohmatullohi wa barokatu

Cara membuat link menuju kontak TELPON , SMS , BBM , WA , dan EMAIL admin

Daftar Sekarang Juga

Bismillahirohmanirrohim

Assalamualaikum wr.wb.. Sekarang saya akan mencoba share cara membuat link yang langsung menghubung ke admin ,yang klo kita klik akan langsung menghubungi admin. kita boleh pakai di blog / website ,bisa juga kita pasang di toko online kita .. Ya udah lah kita langsung menuju topik aja

cara membuat link whats'up chat langsung menuju wa admin :
https://api.whatsapp.com/send?phone=6281237538786&text=Halo%20Admin%20Saya%20Mau%20Order%20Baju

cara membuat tombol whats'up
<table border="1" width="100%"<tr><th colspan="2"> <center> <a href="https://api.whatsapp.com/send?phone=6281259929797&text=Halo%20gan,%20Saya%20mau%20order....."><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2GD6zNQNUTpLWfCN3XF2vRXUR8P2LPQrTBT7jzQbomfk3D49ytRuXB47hFXTVDur3dl_sWAdKdlBkZYvyeOPHiZyXMwuM2OPBqOsD5Bt-5Ck-38KNLJAZEf0gG9WcsW0Co4q7sjMZaY/h90/Button+Chat+via+Whatsapp.png" style="    max-width: 100%;" / /></a></center>

membuat link whats'up dengan auto text
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=Nama%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan :

• %3A untuk tanda (titik2)
• %0A untuk (enter/baris baru)
• %20 untuk (spasi)
• ( * ) tebal
• ( _ ) miring
• ( ~ ) coret
• Koma (,) : %2c
• Spasi : %20
• Titik dua : %3a
• Enter : %0a
• Titik (.) : gunakan titik biasa (.)
• Tanda tanya : (?)
• Garis mering (/) : %2F
• Titik koma (;) : %3B
• Petik atas dua (") : %22
• Petik atas satu (') : %27
• Kurung siku kiri ([) : %5B
• Kurung siku kanan (]) : %5D
• Kurung kiri (() : %28
• Kurung kanan ()) : %29
• Plus (+) : %2B
• Minus (-) : -
• Sama dengan (=) : %3D
• Underscore (_) : %2B

membuat link kirim sms
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:NO telp handphone">Link</a>

membuat link kirim sms 2
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:081......">Link sms NO hp terisi</a>

Cara membuat HTML link kirim SMS NO handphone danbody Terisi pesan
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:081.......?&body=Pesan di tubuh body disini">Link menuju sms plus no HP dan body terisi</a>

Membuat HTML link menuju SMS hanya body berisi pesan
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:?&body=Pesan di tubuh body disini">Link menuju sms body terisi</a>

Ingat ketika body berisi pesan tentu saja pesan SMS memiliki batasan panjang pesan yaitu kurang lebih 160 karakter.

Cara membuat Html link Langsung menuju telepon(Call me)
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://NO telepon atau NO handphone">Link telepon</a>

cara membuat link menuju telpon 2
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://628......">Link telepon(call me)</a>

Perlu diketahui bahwa Link kirim SMS atau telepon tersebut tidak bekerja apabila seorang mengklik dari peramban komputer ataupun laptop. Sehingga kita perlu memanipulasi dengan sedikit sentuhan lagi menggunakan javascript supaya tidak tampil di peramban tersebut, dan hanya tampil di perangkat telepon genggam. Yaitu dengan membuatkan javascript detect User agent device sederhana seperti di bawah ini

Manipulasi dengan javascript User agent device sederhana
<table border="1" width="100%"<tr><th colspan="2"> <script type='text/javascript'> if( /Opera Mini|BlackBerry|Android|webOS|iPhone|iPad|IEMobile/i.test(navigator.userAgent) ) {  // Jika agennya di atas tampilkan ini..(code) } else {  // Kecuali agen di atas tampilkan ini..(code) } </script>

.

1. Contoh penulisan (code): document.write('Your HTML link SMS or Telepon');
2. Di bawah ini contoh demo penerapan // Kecuali browser komputer, laptop ini Actionnya NO :08sekian sekian...

Maksudnya begini ..
// jika ini Mobile browser atau system Operasi handphone Agennya if( /Browser Handphone|atau OS Handphone... /i.test(navigator.userAgent) ) { // Target yang ada linknya diletakkan disini document.write('Link'); } else { // Tidak dikasih link.. document.write('081...'); } Sedangkan targetnya bisa token sistem operasi HP (navigator.userAgent). -->http://id.wikipedia.org/wiki/Sistem_operasi_telepon_genggam Atau Browser HP -->http://en.wikipedia.org/wiki/Mobile_browser Bila tidak di target link sms atau telp mungkin di browser desktop, PC, notebook/netbook tidak berfungsi semestinya.

Membuat Klik Link Ke BBM Whatsapp bbmi://PIN BBM KAMU 

<table border="1" width="100%"<tr><th colspan="2"> <a href='bbmi://abc123' target='_blank'><button type="button" >BBM</button></a>
(Link Dengan Gambar)
<table border="1" width="100%"<tr><th colspan="2"> <a href='bbmi://abc123' target='_blank'><img src="link gambar action button add pin BBM" /></a>

Buat tombol add to contact nomor WA kita
<table border="1" width="100%"<tr><th colspan="2"> <a href='tel:08xxxxx' target='_blank'><button type="button" >Add NO WA</button></a>

atau bisa juga menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='tel:08xxxxx' target='_blank'><img src="link gambar action button add NO WA" /></a>

Cara buat tombol add to contact nomor WA kita
<table border="1" width="100%"<tr><th colspan="2"> whatsapp://send?text= ISI FORMAT ORDER KAMU

Contoh penggunaan menggunakan tombol sederhana
<table border="1" width="100%"<tr><th colspan="2"> <a href='whatsapp://send?text=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><button type="button" >Order by WA</button></a>

atau menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='whatsapp://send?text=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><img src="link gambar action button add NO WA" /></a>

keterangan :  untuk spasi diganti dengan %20 seperti contoh di atas.

membuat link menuju ke sms kita dengan tombol sederhana
sms:NOMOR ANDA?body= ISI FORMAT ORDER KAMU 
<table border="1" width="100%"<tr><th colspan="2"> <a href='sms:08573027713x?body=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><button type="button" >ORDER BY SMS</button></a>

atau menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='sms:08573027713x?body=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><img src="link gambar action button order by SMS" /></a>

Untuk line juga bisa langsung masukin aja link id line kamu

link sms di sini
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:082306323613">SMS Disini</a>

link telpon di sini
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:082306323613">Telpon Disini</a>

Cara Membuat Link Whatsapp Menuju Chat Langsung
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281237538786&text=Halo%20Admin%20Saya%20Mau%20Order%20Baju

keterangan : tanda %20 pada script url diatas artinya Space
keterangan : kita bisa gunakan plugin short url, seperti Plugin Pretty Link Lite ,bit.ly atau sejenisnya. Caranya mudah, tinggal kunjungi situs https://bitly.com/ kemudian daftar, dan buat custom url nya biar mudah di ingat
Contoh Link Whatsapp Chat yang sudah di custom –> http://bit.ly/081222256569

Membuat widget tombol chat via whatsapp pada situs?
<table border="1" width="100%"<tr><th colspan="2"> <center> <a href="https://api.whatsapp.com/send?phone=6281259929797&text=Halo%20gan,%20Saya%20mau%20order....."><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2GD6zNQNUTpLWfCN3XF2vRXUR8P2LPQrTBT7jzQbomfk3D49ytRuXB47hFXTVDur3dl_sWAdKdlBkZYvyeOPHiZyXMwuM2OPBqOsD5Bt-5Ck-38KNLJAZEf0gG9WcsW0Co4q7sjMZaY/h90/Button+Chat+via+Whatsapp.png" style="    max-width: 100%;" / /></a></center>

Membuat format chat lengkap beserta link whatsapp chat atau teks pesan sesuka kamu
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=Nama%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan : tanda %20%3A%0A adalah format teks untuk spasi, baris baru/enter, dan tanda titik dua(:).

• %3A untuk tanda (titik 2)
• %0A untuk (enter/baris baru)
• %20 untuk (spasi)

Cara menambahkan teks tebal, miring, dan coret di whatsapp link chat
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=*Nama*%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan :

• ( * ) tebal
• ( _ ) miring
• ( ~ ) coret

membuat link ke no telpon di blog / toko online kita
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:+6289687263863"<b>089687263863</b></a>

membuat link ke no telpon dengan gambar
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:+6289687263863>hubungi kami<br/><img src="https: link url gambar kita"></a>

membuat link tombol ke whats'up
<table border="1" width="100%"<tr><th colspan="2"> <a href="whatsapp://send?text=The text to share!"data-action="share/whatsapp/share">Share via Whatsapp</a>

membuat widget animasi gambar bergoyang
<table border="1" width="100%"<tr><th colspan="2"> <center> <table bgcolor="#000" width="190"><tbody> <tr><td><marquee behavior="alternate"><a href="URL PRODUK"><img src="ALAMAT GAMBAR PRODUK" width="160" /><div style="text-align:center;color:#fff;font-weight:bold;width:160px;"> Best Seller</div> </a></marquee></td></tr> </tbody></table> </center>

cara membuat link kirim sms untuk android
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:/* nomor hp disini */?body=/* isi pesan disini */">Kirim SMS Ke saya</a>

cara membuat link kirim sms untum iphone
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:/* no hp disini */&body=/* isi pesan disini */">Kirim SMS Ke Saya</a>

cara membuat link ke no hp
<table border="1" width="100%"<tr><th colspan="2"> Jika anda butuh penjelasan silahkan hubungi saya <a href="tel:081222333568">Klik untuk menelpon Saya!</a>

 

cara membuat link ke no hp admin dengan gambar
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://081220567678"><img src="Phone.png" alt="" /></a>

cara membuat link ke no hp admin yang bisa di klik
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://081222000123">081222 000123</a> <p> <div style="text-align:center;"> <br> membuat link download </br> <textarea rows="3" cols="20"><table border="1" width="100%"<tr><th colspan="2"> <a href=" http://sijurigduit.blogspot.com /4shared/12324membuat tombol download "><img height="50" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Ga5_w2LUeaUD3J2rjOJUHUbwKUdltTRzIRgpQUHN6plLB3XX8LKd4EG4ne7_w2_491CRz-8UhXp3YKh5Ts6IYuUSXxXqTE5UX2zAe88vprsbVDWuQ-VEdi1mfOI0fP8z4VRsml2FgSs/s1600/Download+vidio+youtube+www.kojektegal.ml.jpg " width="200" /></a>

membuat link menuju ke email admin
<table border="1" width="100%"<tr><th colspan="2"> <a href="mailto:situsbelanjasyariah@gmail.com">email kita</a>

Mungkin untuk saat ini saya share segini dulu ya, keburu cape ngetik nya,hehe .. , besok di tambah lagi,tapi jika ingin melanjutkan melihat kumpulan kode html terlengkap boleh cek di sini aja semoga berguna dan bermanfaat dan jangan lupa tolong bantu share dengan tombol yang ada di bawah dan ikuti lewat email sekaligus like fanspage facebook ku yaa 😉 .. terima kasih ,

wassalamualaikum warohmatullohi wabarokatuh ..

Pengertian kode HTML

Bismillahirohmanirrohim , Assalamualaikum wr.wb .

Tau kah anda apa itu kode html dan apa kegunaan nya ? ...
saya pikir anda belum tau , makanya buka artikel ini juga kan ? .. hehehe...

HTML adalah Hyper Text Markup Language, yang dalam bahasa keren nya adalah bahasa pemrograman.

Nah inilah beberapa fungsi dari kode html yang sering membuat kita jangar untuk membaca nya karena ketinggalan dikit aja efek nya bisa jadi amburadul dan postingan kita akan saling tumpang tindih nanti nya

1. Kode html link (link tautan)

kode html link ini sangat berperan penting sebagai jantung nya SEO (Search Engine Optimization), dan kita bisa menambahkan beberapa kode rel, target dan title.

contohnya:

• Link biasa: <*a href="URL">Anchor Text</a*>
• Link dengan title: <*a href="URL" title="Title"*>Anchor Text</a*>
• Link dengan rel: <*a href="URL*" rel*="nofollow">Anchor Text</a*>
• Link dengan target: <*a href="URL*" target"_blank*">Anchor Text</a*>

intinya dari contoh di atas adalah bahwa: kode html link dengan title bertujuan untuk memberi tahu kepada browser dan robot crawler bahwa link ini adalah title dari url link tersebut.

contoh nya:
jika kita membuat link dengan Anchor Text klik di sini <a href="*https://sijurigduit.blogspot.co.id/2017/08/kumplit.html?m=1*" title="kode html kumplit">klik di sini</a*> (klik disini).

Fungsi dari rel="nofollow" adalah untuk memberikan informasi kepada robot crawler seperti google, bing dan yahoo sedangkan yang lainnya tidak mengikuti link tersebut. Biasanya penggunaan kode rel="nofollow" untuk link yang mengarah keluar, bertujuan agar blog atau postingan anda lebih seo. Untuk yang target"_blank" berfungsi untuk membuka link di tab baru, bertujuan agar browser dan robot crawler tidak meninggalkan halaman asli asalnya seperti Contoh dari kata:# silahkan klik di sini Anda bisa menggunakan semua kode tersebut dengan cara langsung menggabungkannya.

Contoh:
<*a title="Title" href="URL" rel="*nofollow" target"_blank">Anchor Text</a*>

2. Kode html img / image yang artinya (gambar) .Kode html ini juga tidak kalah pentingnya dari kode html link di atas. Anda bisa menambahkan beberapa tag alt, title, height dan width.

Contoh:
• <*img alt="" height="*42" src="URL Gambar*" title="" width="42" />
• Gambar dengan link:
  <a href="URL"*><img alt="" height="42" src="URL Gambar" title="" width="42" /></a*>

Penjelasan dari kode img: Alt dan Title bisa anda isi sesuai gambar tersebut, contoh gambar tersebut adalah foto anda,nah alt dan title bisa anda isi dengan "Si ganteng kalem" . Tapi anda juga bisa mengisinya dengan kata kunci (keyword), agar artikel anda lebih seo. Untuk height dan width adalah tinggi dan lebar suatu gambar anda boleh oprek sesuka hati anda.

3. Kode html <*b> dan <*strong> .

Kode ini adalah untuk membuat tulisan tebal (bold), cara penulisannya Teks anda di sini atau teks anda di sini . sebagai contoh untuk tulisan tebal.
Apa sich perbedaan dari dan ? ... yaitu kode tag merupakan kode html biasa sedangkan penggunaan tag merupakan sebuah kode dari HTML5

4. Kode html <*i> dan <*em> .

Kode ini untuk membuat tulisan miring, cara penggunaan-nya: Teks Anda Di sini atau Teks Anda Di sini. sebagai contoh untuk Tulisan Miring (selebor)

5. Kode html <*s> dan <*del> .

Kode untuk membuat tulisan garis tengah, cara penggunaan-nya: Teks Anda Di sini atau Teks Anda Di sini untuk Contoh Tulisan bergaris Tengah.

6. Kode html <*u> dan <*ins> .

Kode ini digunakan untuk membuat tulisan garis bawah. Teks Anda Di sini dan Teks Anda Di sini. untuk Contoh Tulisan ber garis Bawah .

7. Kode html <*mark> .

Kode ini untuk menandai tulisan. Teks Anda Di sini. sebagai Contoh untuk Tulisan Yang Ditandai.

8. Kode html font color. Kode untuk membuat tulisan berwarna.

Teks Anda Di sini.sebagai Contoh untuk Tulisan berwarna.

9. Kode html text area.

Kode:
Sebagai contoh script html nya seperti ini <i><textarea cols="10" name="code" rows="3" style="background: yellow;">Sebagai contoh
. untuk membuat teks area dengan background berwarna .

10. Kode html list numbering .

<

Penggunaan-nya:
<*ol> <*li>Text 1</li> <*li>Text 2</li> <*li>Text 3</li> </ol*>

dan seperti ini lah Hasilnya:

1. Text 1
2. Text 2
3. Text 3

sebagai contoh untuk membuat list nomor . NA

11. Kode html list bullet.

Penggunaan-nya:
<ul> <li*>Text 1</li> <li*>Text 2</li> <li*>Text 3</li> </ul*>
dan selanjut nya inilah Hasilnya:

• Text 1
• Text 2
• Text 3

sebagai contoh untuk membuat tulisan dengan list bullet

Kode-kode html di atas merupakan sebagian dari kode html yang bisa kita gunakan untuk meng optimasi blog kita, di kesempatan selanjutnya saya akan tambah lagi,biar tidak bingung silahkan cek langsung ke TKP di sini agar kita tinggal copy paste aja dan sudah langsung bisa kita coba dan praktekan .Silahkan di baca dan selamat ber pusing-pusing ria, saya mau ninyuh kopi heula. .

Wassalamualaikum , wr.wb

Kumpulan Kode Warna HTML Terlengkap

Bismillahirohmanirrohim

Ini ada beberapa kode warna html yang bisa kamu pilih sesuka hati gratis tidak usah bayar sepeser pun .. silahkan langsung di cicipin aja dan harap konfirmasi kan bagaimana rasanya? biar saya bisa kasih bumbu resep rahasia nya jika memang masih di rasa kurang enak ..

• #FOF8FF Aliceblue
• #FAEBD7 Antiquewhite
• #00FFFF Aqua
• #7FFFD4 Aquamarine
• #F0FFFF Azure
• #F5F5DC Beige
• #FFE4C4 Bisque
• #000000 Black
• #FFEBCD Blanchedalmond
• #0000FF Blue
• #8A2BE2 Blueviolet
• #FFEBCD Blanchedalmond
• #A52A2A Brown
• #DEB887 Burlywood
• #5F9EAD Cadetblue
• #7FFF00 Chartreuse
• #D2691E Chocolate
• #FF7F50 Coral
• #64950 Cornflowerblue
• #FFF8DC Cornsilk
• #DC143C Crimson
• #00FFFF Cyan
• #00008B Darkblue
• #008B8B Darkcyan
• #B8860B Darkgoldenrod
• #A9A9A9 Darkgray
• #006400 Darkgreen
• #8B008B Darkmagenta
• #BDB76B Darkkhaki
• #556B2F Darkolivegreen
• #FF8C00 Darkorange
• #9932CC Darkorchid
• #8B0000 Darkred
• #E9967A Darksalmon
• #8FBC8B Darkseagreen
• #483D8B Darkslateblue
• #2F4F4F Darkslategray
• #00CED1 Darkturquoise
• #9400D3 Darkviolet
• #FF1493 Deeppink
• #00BFFF Deepskyblue
• #696969 Dimgray
• #1E90FF Dodgerblue
• #B22222 Firebrick
• #FFFAF0 Floralwhite
• #228B22 Forestgreen
• #FF00FF Fuchsia
• #DCDCDC Gainsboro
• #F8F8FF Ghostwhite
• #FFD700 Gold
• #DAA520 Goldenrod
• #808080 Gray
• #008000 Green
• #ADFF2F Greenyellow
• #F0FFF0 Honeydew
• #FF69B4 Hotpink
• #CD5C5C Indianred
• #4B0082 Indigo
• #FFFFF0 Ivory
• #F0E68C Khaki
• #E6E6FA Lavender
• #FFF0F5 Lavenderblush
• #7CFC00 Lawngreen
• #FFFACD Lemonchiffon
• #ADE8E6 Lightblue
• #F08080 Lightcoral
• #E0FFFF Lightcyan
• #FAFAD2 Lightgoldenrodyellow
• #90EE90 Lightgreen
• #D3D3D3 Lightgray
• #FFB6C1 Lightpink
• #FFA072 Lightsalmon
• #20B2AA Lightseagreen
• #87CEFA Lightskyblue
• #778899 Lightslategray
• #B0C4DE Lightsteelblue
• #FFFFE0 Lightyellow
• #00FF00 Lime
• #32CD32 Limegreen
• #FAF0E6 Linen
• #FF00FF Magenta
• #800000 Maroon
• #66CDAA Mediumaquamarine
• #0000CD Mediumblue
• #191970 Midnightblue
• #F5FFFA Mintcream
• #FFE4E1 Mistyrose
• #FFE4E1 Moccasin
• #FFDEAD Navajowhite
• #000080 Navy
• #FDF5E6 Oldlace
• #808000 Olive
• #6B8E23 Olivedrab
• #FFA500 Orange
• #FF100%0 Orangered
• #DA70D6 Orchid
• #EEE8AA Palegoldenrod
• #98FB98 Palgreen
• #AFEEEE Paleturquoise
• #DB7093 Palevioletred
• #FFEFD5 Papayawhip
• #FFDAB9 Peachpuff
• #CD853F Peru
• #FFC0CB Pink
• #DDA0DD Plum
• #B0E0E6 Powderblue
• #800080 Purple
• #FF0000 Red
• #BC8F8F Rosybrown
• #4169E1 Royalblue
• #8B4513 Saddlebrown
• #FA8072 Salmon
• #F4A460 Sandybrown
• #2E8B57 Seagreen
• #FFF5EE Seashell
• #A0522D Sienna
• #C0C0C0 Silver
• #87CEEB Skyblue
• #708090 Slategray
• #FFFAFA Snow
• #00FF7F Springgreen
• #4682B4 Steelblue
• #D2B48C Tan teks
• #008080 Teal
• #D8BFD8 Thistle
• #FF6347 Tomato
• #40E0D0 Turquoise
• #EE82EE Violet
• #F5DEB3 Wheat
• #FFFFFF White
• #F5F5F5 Whitesmoke
• ="Mediumblue"> #FFFF00 Yellow
• #9ACD32 Yellowgreen

Jika ingin tau kode html untuk panduan belajar menulis di web atau blog boleh klik di sini untuk melihat kumpulan kode nya. semoga bermanfaat . Jangan Lupa shate melalaui tombol di baeah, ikuti lewat email, dan sukai fanspage facebook ku yaa .. terima kasih.

Wasalamualaikum warohmatullohi wabarokatu ..