Cari Dolar per Klik

09 Februari 2012

Cara Memberi Warna Warni

Cara memberi efek warna. merah,
kuning,
hijau
Bisa? Lihat saja. O Ternyata bisa. Tapi warnanya kebalik. he he he... sengaja.
Coba pada tulisan yang lebih panjang lagi. Aku ingin pintar belajar blog di blogspot.
Caranya adalah dengan menambah kode HTML. Ingat, harus ditulis di Edit HTML, bukan di Compose saat mengisi posting. Oke.
Kodenya seperti ini.
<span style="color: #FFFF00;"> merah, </span>
<span style="color: #4B8A08;"> kuning, </span>
<span style="color: #FF8000;"> hijau </span>
Warna lain apa ya kodenya?. Googling aja deh.

Pantas Dicoba

<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>

Cara Pasang Link Situs lain

Ini cara agar blog makin berisi. Dengan memberi banyak link sehingga pemirsa dapat banyak pilihan.
Alat dan Bahan
1. Anda wajib masuk ke blog dulu, jelas lah bro :)
2. Pilih menu tata letak
3. Pilih menu element halaman
4. Pilih menu tambah gagdet
5. pilih menu tambah java script
6. Copi pastekan kode dibawah ini kedalam java script tersebut

<div style="border: 0px solid rgb(153, 153, 153);
overflow: auto;
width: 230px;
height: 170px;
text-align: left; ">
<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://www.tips-seo-blog.info/" target="_blank"&gt;Tips Seo Blogspot</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://muliardybanun-online.com/" target="_blank">Muliar Dybanun</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://metadatafendy.blogspot.com/" target="_blank">Meta Data Fendy</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://ryanbian.wordpress.com/" target="_blank">Belajar SEO</a><br />


<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://thebasic.co.cc/" target="_blank">The Basic</a><br />


<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://letsfunwithinternet.blogspot.com" target="_blank">Lest Fun With Internet</a><br />

<img src="http://www.kaskus.us/images/icons/icon14.gif" />
<a href="http://www.jasa-pembuatan-blog.com/2010/02/link-ku-kemana.html" target="_blank">Link ku kemana??</a><br />
</div>

keterangan kode:

yang atas sendiri
width: 230px; ini lebarnya
height: 170px; ini tingginya jadi bisa buat ribuan link tapi tetep irit tempat,

yang kode link hijau adalah gambar tangan
yang kode biru adalah link temen anda atau link web yang mau dipasang
sedangkan yang warna merah adalah nama link webnya


Oke mendingan langsung praktekin aja mudah bukan?? :)

Cari Dolar Copyright © 2011 | Template created by O Pregador | Powered by Blogger