- Beranda
- Programmer Forum
HTML: Membuat Iklan Teks Sendiri Yang Nampak Seperti Google Ads
...
TS
16september
HTML: Membuat Iklan Teks Sendiri Yang Nampak Seperti Google Ads
Siang gan! Kali ini ane mau menjelaskan trik simple untuk membuat iklan anda sendiri agar nampak seperti google ads. ga ribet kok kodingannya, ini juga cuma iseng isengan
Hasil:
Langkah 1:
Siapkan filenya. Untuk pengguna blogger, tinggal Dashboard -> Tata Leta -> Tambah Gadget -> HTML / Javascript
Langkah 2:
Pake kode div ya. Sekalian ini simple style css
Kode penutup nanti ditaro di akhir
Langkah 3:
Nih buat href url nya. Tapi pake text decoration dan simple css, agar terlihat seperti google ads
nanti agan liat hasilnya
Langkah 4:
Nih buat di pojok kanan. Biar terlihat nyata
Dah tinggal tutup tag tag yang belum di tutup. Nih ane kasih contoh code keseluruhan:
Contoh Kode keseluruhan:
Silahkan nanti ente coba liat hasilnya
Jika ada yang ingin di tanyakan, lewat komentar
Hasil:
Spoiler for HASIL:
Langkah 1:
Siapkan filenya. Untuk pengguna blogger, tinggal Dashboard -> Tata Leta -> Tambah Gadget -> HTML / Javascript
Langkah 2:
Pake kode div ya. Sekalian ini simple style css
Code:
<div align="left" style="font:11px verdana; width:auto; height:auto; padding:5px; margin:5px;background:#ffffff;">
Kode penutup nanti ditaro di akhir
Langkah 3:
Nih buat href url nya. Tapi pake text decoration dan simple css, agar terlihat seperti google ads
Code:
<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.kaskus.co.id"><strong>Largest Indonesian Community</strong></a><br />
Kaskus adalah forum terbesar se Indonesia<br />
<small><a style="color:#00a000;" href="http://www.kaskus.co.id">Kaskus.co.id</a></small><br /><br />
nanti agan liat hasilnya
Langkah 4:
Nih buat di pojok kanan. Biar terlihat nyata
Code:
<small style="float: right; font-family: arial; padding-top: 10px; color: blue;"><strong>Ads by <strong>16september</strong></strong></small></div>
Dah tinggal tutup tag tag yang belum di tutup. Nih ane kasih contoh code keseluruhan:
Contoh Kode keseluruhan:
Code:
<div align="left" style="font:11px verdana; width:auto; height:auto; padding:5px; margin:5px;background:#ffffff;">
<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.kaskus.co.id"><strong>Largest Indonesian Community</strong></a><br />
Kaskus adalah forum terbesar se Indonesia<br />
<small><a style="color:#00a000;" href="http://www.kaskus.co.id">Kaskus.co.id</a></small><br /><br />
<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.kaskus.co.id"><strong>Largest Indonesian Community</strong></a><br />
Kaskus adalah forum terbesar se Indonesia<br />
<small><a style="color:#00a000;" href="http://www.kaskus.co.id">Kaskus.co.id</a></small><br /><br />
<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.kaskus.co.id"><strong>Largest Indonesian Community</strong></a><br />
Kaskus adalah forum terbesar se Indonesia<br />
<small><a style="color:#00a000;" href="http://www.kaskus.co.id">Kaskus.co.id</a></small><br /><br />
<small style="float: right; font-family: arial; padding-top: 10px; color: blue;"><strong>Ads by <strong>16september</strong></strong></small></div>
Silahkan nanti ente coba liat hasilnya
Jika ada yang ingin di tanyakan, lewat komentar
Diubah oleh 16september 07-03-2013 07:15
0
1.2K
5
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Mari bergabung, dapatkan informasi dan teman baru!
Programmer Forum
20.2KThread•4.3KAnggota
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru