- Beranda
- Programmer Forum
HTML: Membuat Iklan Teks Sendiri Yang Nampak Seperti Google Ads
...
![16september](https://s.kaskus.id/user/avatar/2011/07/25/avatar3238542_18.gif)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
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 ![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
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![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
nanti agan liat hasilnya ![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Langkah 4:
Nih buat di pojok kanan. Biar terlihat nyata![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Dah tinggal tutup tag tag yang belum di tutup. Nih ane kasih contoh code keseluruhan:
Contoh Kode keseluruhan:
Silahkan nanti ente coba liat hasilnya![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Jika ada yang ingin di tanyakan, lewat komentar![Smilie emoticon-Smilie](https://s.kaskus.id/images/smilies/sumbangan/15.gif)
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
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
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
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 />
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Langkah 4:
Nih buat di pojok kanan. Biar terlihat nyata
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
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
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Jika ada yang ingin di tanyakan, lewat komentar
![Smilie emoticon-Smilie](https://s.kaskus.id/images/smilies/sumbangan/15.gif)
Diubah oleh 16september 07-03-2013 07:15
0
1.2K
5
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
![Programmer Forum](https://s.kaskus.id/r200x200/ficon/image-176.png)
Programmer Forum![KASKUS Official KASKUS Official](https://s.kaskus.id/kaskus-next/next-assets/images/icon-official-badge.svg)
20.2KThread•4.4KAnggota
Urutkan
Terlama
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya