Semoga postingan kali ini bisa bermanfaat bagi kawan-kawan yang baru
belajar Html ataupun Baru belajar blogging di blogger. saya akan
postingkan sebagian kode html yang mungkin bisa bermanfaat dan membantu
dalam mengelola blog kawan pada menu Html dalam blogger.
1. Kode Html untuk menampilkan Image
Keterangan:
-alt="yahoo" : adalah keterangan dari gambar
-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaBgLaYb9oWuuZLx0dEV82Kl9YUNpfbQuL0q5SeDvYUhwLdDv6Mib2ZsI82XxwVr9nl_M-RN0x-lbuwdgvGlVW8gwlNgV_CO64YDOiMJT9VnK-laGIryZb-kOnRlHIJpMtJEPcndvVQQ/s1600/YM-online.png" : merupakan alamat link image yang digunakan, untuk link imagenya sendiri bisa kawan dapatkan dari upload gambar pada posting blogger, tepatnya pada edit html setelah gambar di upload, atau pun pada situs-situs penyedia fasilitas upload image seperti photobucket , dan Picasa.
Contoh Hasilnya :

2. Membuat teks berada di tengah
Contoh Hasilnya:
Ini Adalah Huruf yang disimpan dibagian tengah
3. Membuat menu link
- http://www.kangdadang.co.cc : adalah Link yang dituju
-Tutorial Blogger : Nama Tampilan dari Link
Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju.
4. Membuat Link target Blank atau link dibuka di Tab Baru
Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju pada tab baru.
5. Teks Bercetak Miring, Tebal, dan bergaris bawah
Teks Bercetak Miring
Teks Bercetak Tebal
Teks Bergaris Bawah
6. Membuat teks berwarna sesuai keinginginan
Teks Warna Merah
Tambahan: Untuk melihat contoh kode warna klik disini
7. Menambahkan teks effect berwarna dengan lainnya yang telah dibahas
-Image dengan link:

jika di klik gambarnya maka kan menuju link yang telah ditentukan pada Tab baru
- Tampilan Link Becetak miring:
Tutorial Blogger
- ataupun seperti ini dengan Link yang diberi warna:
Tutorial Blogger
Ataupun juga Yang Seperti ini link berwarna dengan cetak miring:
Tutorial Blogger
8. Membuat baris baru
Teks ini adalah contoh teks yang akan ditambah baris baru
dan sebagian teks ini adalah bagian yang menjadi baris barunya.
9. Teks effect Berkedip
Contoh Hasilnya:
Ini Adalah Teks effect Berkedip
Seperti itu kawan, semoga dapat dimengerti dengan baik, dan tidak sampai disitu saja karena bisa bervariatif tinggal sesuaikan dengan keinginan saja. sekian dan semoga bisa bermanfaat.
untuk selebihnya dari kode-kode html mungkin bisa ditanyakan langsung, dan semoga bisa saya bantu. :)
1. Kode Html untuk menampilkan Image
<img alt="yahoo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaBgLaYb9oWuuZLx0dEV82Kl9YUNpfbQuL0q5SeDvYUhwLdDv6Mib2ZsI82XxwVr9nl_M-RN0x-lbuwdgvGlVW8gwlNgV_CO64YDOiMJT9VnK-laGIryZb-kOnRlHIJpMtJEPcndvVQQ/s1600/YM-online.png"/>
Keterangan:
-alt="yahoo" : adalah keterangan dari gambar
-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaBgLaYb9oWuuZLx0dEV82Kl9YUNpfbQuL0q5SeDvYUhwLdDv6Mib2ZsI82XxwVr9nl_M-RN0x-lbuwdgvGlVW8gwlNgV_CO64YDOiMJT9VnK-laGIryZb-kOnRlHIJpMtJEPcndvVQQ/s1600/YM-online.png" : merupakan alamat link image yang digunakan, untuk link imagenya sendiri bisa kawan dapatkan dari upload gambar pada posting blogger, tepatnya pada edit html setelah gambar di upload, atau pun pada situs-situs penyedia fasilitas upload image seperti photobucket , dan Picasa.
Contoh Hasilnya :

2. Membuat teks berada di tengah
<center>Ini Adalah Huruf yang disimpan dibagian tengah</center>
Contoh Hasilnya:
3. Membuat menu link
<a href="http://www.kangdadang.co.cc"/>Tutorial Blogger</a>Keterangan:
- http://www.kangdadang.co.cc : adalah Link yang dituju
-Tutorial Blogger : Nama Tampilan dari Link
Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju.
4. Membuat Link target Blank atau link dibuka di Tab Baru
<a href="http://www.kangdadang.co.cc" target="_blank"/>Tutorial Blogger</a>
Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju pada tab baru.
5. Teks Bercetak Miring, Tebal, dan bergaris bawah
<i>Teks Bercetak Miring</i>Contoh Hasilnya:
<b>Teks Bercetak Tebal</b>
<u>Teks Bergaris Bawah</u>
Teks Bercetak Miring
Teks Bercetak Tebal
Teks Bergaris Bawah
6. Membuat teks berwarna sesuai keinginginan
<font color="#DF0101">Teks Warna Merah</font >Contoh Hasilnya :
Teks Warna Merah
Tambahan: Untuk melihat contoh kode warna klik disini
7. Menambahkan teks effect berwarna dengan lainnya yang telah dibahas
-Image dengan link:
<a href="http://www.kangdadang.co.cc" target="_blank"/><img alt="yahoo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaBgLaYb9oWuuZLx0dEV82Kl9YUNpfbQuL0q5SeDvYUhwLdDv6Mib2ZsI82XxwVr9nl_M-RN0x-lbuwdgvGlVW8gwlNgV_CO64YDOiMJT9VnK-laGIryZb-kOnRlHIJpMtJEPcndvVQQ/s1600/YM-online.png"/></a>Contoh Hasilnya:

jika di klik gambarnya maka kan menuju link yang telah ditentukan pada Tab baru
- Tampilan Link Becetak miring:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i>Tutorial Blogger<i/></a>Contoh Hasilnya:
Tutorial Blogger
- ataupun seperti ini dengan Link yang diberi warna:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i><font color="#DF0101">Tutorial Blogger</font><i/></a>Dengan Tampilan:
Tutorial Blogger
Ataupun juga Yang Seperti ini link berwarna dengan cetak miring:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i><font color="#DF0101">Tutorial Blogger</font><i/></a>Dengan Tampilan:
Tutorial Blogger
8. Membuat baris baru
Teks ini adalah contoh teks yang akan ditambah baris baru<br/>dan sebagian teks ini adalah bagian yang menjadi baris barunya.Contoh hasilnya:
Teks ini adalah contoh teks yang akan ditambah baris baru
dan sebagian teks ini adalah bagian yang menjadi baris barunya.
9. Teks effect Berkedip
<blink>Ini Adalah Teks efeect Berkedip</blink>
Contoh Hasilnya:
Ini Adalah Teks effect Berkedip
Seperti itu kawan, semoga dapat dimengerti dengan baik, dan tidak sampai disitu saja karena bisa bervariatif tinggal sesuaikan dengan keinginan saja. sekian dan semoga bisa bermanfaat.
untuk selebihnya dari kode-kode html mungkin bisa ditanyakan langsung, dan semoga bisa saya bantu. :)
Tidak ada komentar:
Posting Komentar