Get Adobe Flash player

Blog Ini Akan Segera di Perbaharui

Tuesday, January 12, 2010

HTML Blog Dasar

Description: HTML Blog Dasar
Rating: 5.0 Reviewer: Fadhil El Salam
ItemReviewed: HTML Blog Dasar

 Banyak diantara para bloger khususnya pemula seperti saya tidak mengerti atau tidak tahu sama sekali cara mengedit html pada blog. Padahal banyak bahagian blog yang ingin di perbaharui dan di poles sehingga tampil lebih baik dan menarik.Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
 Untuk itu, saya sebagai pemula yang baru saja mendapatkan sedikit ilmu, ingin berbagi dengan teman-teman, mengenai kode atau tag html yang dirasa penting untuk mempercantik blog teman-teman semua. Selamat belajar..

Berikut tag dasar html:


          • Membuat pragraf : <p> text </p> Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
          • Tulisan rata kiri dan kanan : <p style="text-align: justify;"> text </p> Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
           • Tulisan rata kanan : <p style="text-align: right;"> text </p>Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
          • Tulisan rata kiri : <p style="text-align: left;"> text </p>Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
           • Tulisan rata tengah : <p style="text-align: center;"> text </p>Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
          • Membuat huruf tebal : <b> text </b>Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
atau : <strong> text </strong>Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
           • Membuat huruf miring : <em> text </em>
Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
           • Membuat hutuf bergaris bawah : <u> text </u>

           • Mengatur ukuran huruf : <font size=”ukuran yang dipilih(angka)”> text </font>
            atau <span style="font-size: jenis ukuran(small,normal,medium,large);"> text </span>

           •Mengatur warna huruf : <font color=”warna yang dipilih(red,blue,green,dll)”> text </font>
            atau <span style="color: warna yang dipilih;"> text </span>

         • Memilih jenis huruf : <font face=”jenis huruf(arial,georgia,dungeon,arial black,dll)”> text       </font>
        atau <span style="font-family: jenis huruf;"> text </span>

Semua tag dasar diatas bisa digabung, tidak peduli tag mana yang harus di dahulukan. Yang pasti tag “<…>” diletakkan sebelum text, dan “</…>” diletakkan di setelah text (sebenarnya tag “</…> tidak perlu di buat, karena tag tersebut akan terbuat secara otomatis setelah setingan disimpan).
Pemakaian huruf kapital atau huruf kecil tidak berpengaruh.

Khusus untuk link ataupun banner, kode HTML yang bisa di gunakan untuk memodifikasi blog anda adalah sebagai berikut :

         • Membuat link :

<a href= "link yang di tuju"> text(yang apabila di klik akan terhubung ke “link yang dituju”)</a>

Contoh : <a href=“http://www.fesbag.blogspot.com”>blog saya</a>
Anda juga dapat membuat link untuk mengirim email dengan tag:
<a href=“mailto:alamat email yang di tuju”>text</a>
Contoh: <a href=“mailto:“fadhilengine@gmail.com”>email saya</a>

        • Menghubungkan link dengan objek gambar atau banner :

<a href= "link yang dituju"><img border="0" src= "alamat gambar atau banner*"> </a>
*alamat tempat gambar atau banner anda berada, yang apabila di klik akan terhubung ke “link yang dituju”.
Contoh : <a href=“http://www.readbud.com/?ref=4446736”> <img border="0" src="http://www.readbud.com/images/125_125_banner.jpg"></a>

        • Membuat agar ‘link yang dituju’ terbuka di jendela baru :

Tambahkan target=”_Blank” setelah “link yang dituju”.
contoh : <a href=”http://www.fesbag.blogspot.com” target=”_Blank” >blog saya</a>

ini juga bisa anda gunakan untuk membuka link pada banner, hanya saja “blog saya” diganti dengan alamat banner, contoh: <a href=“http://www.readbud.com/?ref=4446736” target=”_Blank”> <img border="0" src="http://www.readbud.com/images/125_125_banner.jpg"></a>
Dasar HTML Blog, Cara Menghubungkan link dengan objek gambar atau banner, Memodifikasi blog, Membuat link,Membuat agar ‘link yang dituju’ terbuka di jendela baru
 semoga bermanfaat..!!
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

1 komentar:

kerja_fitri said...

aku mau nanya ya, aku pasang banner bisnisku di blog , tapi saat di klik tidak bisa terhubung link bisnis tersebut padahal aku udah ngikutin petunjuk pemasangan bannernya. Yang keluar malah langsung dasbor dan dikasih tau tidak ada dalam laman blog. tolong ya, dikasih ilmunya. makasih.

Post a Comment


Jangan lupa tinggalkan comentar anda disini, karna dengan meninggalkan komentar, anda akan mendapatkan Backlink gratis menuju blog anda!