Hai kawan, pasti udah pada tau google adsense kan? atau google adwords? itu adalah sejenis ads provider terkenal, buatan google. Kali ini saya akan memberi tahu anda cara membuat iklan teks sendiri agar terlihat seperti google ads, tapi buatan anda. Pertama Siapin file HTMLnya, atau anda bisa menaruh di blogspot dengan cara -> dashboard -> tata leta -> tambah gadget -> Javascript /...

Membuat Iklan Teks Sendiri Agar Terlihat Seperti Google Ads

Hai kawan, pasti udah pada tau google adsense kan? atau google adwords? itu adalah sejenis ads provider terkenal, buatan google. Kali ini saya akan memberi tahu anda cara membuat iklan teks sendiri agar terlihat seperti google ads, tapi buatan anda.


Pertama
Siapin file HTMLnya, atau anda bisa menaruh di blogspot dengan cara -> dashboard -> tata leta -> tambah gadget -> Javascript / HTML


Kedua
Anda siapkan code div, yaitu seperti ini, anda bisa langsung copy paste, ini hanya untuk bagian atas.

<div align="left" style="font:11px verdana; width:auto; height:auto; padding:5px; margin:5px;background:#ffffff;">
<left>


Kenapa kodenya seperti itu? agar posisi teks terletak di sebelah kiri (ber-aturan), ukuran tulisan sama, jenis huruf sama, dan lain lain. Anda bisa mengubah sesuai keinginan anda

Ketiga
Tambahkan kode link seperti ini

<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.jagocoding.com"><strong>Belajar Coding Gratis</strong></a><br />
Jagocoding.com adalah tempat belajar coding gratis terbaik<br />
<small><a style="color:#00a000;" href="http://www.jagocoding.com">JagoCoding.com</a></small><br /><br />


Anda bisa mengubah urlnya dibagian href='http://www.jagocoding.com' dan anda bisa mengatur sesuai keinginan anda. Kok kodenya seperti ini? ya, kode ini sudah saya defaultkan agar nampak seperti google ads. Untuk pengubahan, anda bisa mengubah link menjadi link facebook anda, dan anda tulis judulnya "Pasang iklan gratis / apalah" sesuka anda, kemudian link bawahnya jangan lupa ikut diubah. Kenapa semua code a saya pisah, karena jika disatukan hasilnya akan berbeda, dan akan terlihat tanpa enter atau paragraph. Anda bisa menambahkan serta mengcopy paste kode ini secara 3x berturut turut agar adsnya banyak.


Ke Empat
Anda tambahkan untuk bagian bawahnya kode berikut

<small style="float: right; font-family: arial; padding-top: 10px; color: blue;"><strong>Ads by <strong>Dhistira</strong></strong></small></div>


kalo versi google, ada tulisan ads by google, atau ads by adsense camp, tapi sekarang, bisa diganti dengan nama ANDA! jadi tulisan Ads by Dhistira bisa anda ubah dengan Ads By Nama anda!

 

Keseluruhan

BERIKUT KODE KESELURUHAN

<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.jagocoding.com"><strong>Belajar Coding Gratis</strong></a><br />
Jagocoding.com adalah tempat belajar coding gratis terbaik<br />
<small><a style="color:#00a000;" href="http://www.jagocoding.com">JagoCoding.com</a></small><br /><br />

<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.jagocoding.com"><strong>Belajar Coding Gratis</strong></a><br />
Jagocoding.com adalah tempat belajar coding gratis terbaik<br />
<small><a style="color:#00a000;" href="http://www.jagocoding.com">JagoCoding.com</a></small><br /><br />

<a style="text-decoration: underline; padding: 0; font-size: 12px; color:blue;" href="http://www.jagocoding.com"><strong>Belajar Coding Gratis</strong></a><br />
Jagocoding.com adalah tempat belajar coding gratis terbaik<br />
<small><a style="color:#00a000;" href="http://www.jagocoding.com">JagoCoding.com</a></small><br /><br />

<small style="float: right; font-family: arial; padding-top: 10px; color: blue;"><strong>Ads by <strong>Dhistira</strong></strong></small></div>


Maka akan menjadi seperti ini


Belajar Coding Gratis
Jagocoding.com adalah tempat belajar coding gratis terbaik
JagoCoding.com

Belajar Coding Gratis
Jagocoding.com adalah tempat belajar coding gratis terbaik
JagoCoding.com

Belajar Coding Gratis
Jagocoding.com adalah tempat belajar coding gratis terbaik
JagoCoding.com

Ads by Dhistira



Yah sekian dari saya, kalo ada yang mau ditanyakan bisa tanya langsung.


About Author

Yudhistira Bayu W

Seorang pelajar tampan dan rupawan yang mencoba belajar coding.


Comment & Discussions

  • aldomanroe3
    saya org baru, ingin belajar dari nol.tpi langsung praktek, mau tanya ni gun, kalo buat'tabel recent post/categori postingan/daftar postingan pada tampilan utama web gimana caranya ya gun?? saya lagi coba buat web sendiri dengan tamplate sederhana,mau coba modifikasi.trims sebelumnya gun.

    • Yudhistira Bayu W

      ente pake blogger, wordpress, atau bener bener pake php & mysql? kalo blogger tinggal dashboard -> tata letak -> add gadget -> recent post. Kalo wordpress dashboard -> appaerence -> widget -> recent post di drag ke sidebar. Terus kalo bikin sendiri, ente harus include dari mysql nya juga :)


  • Please LOGIN before if you want to give the comment.