CARA MEMBUIAT KOTAK IKLAN DI BLOG/WEB

CARA MEMBUIAT KOTA IKLAN DI BLOG/WEB

CARA MEMBUIAT KOTA IKLAN DI BLOG/WEB

Cara membuat kotak iklan di blog sebenarnya sudah lama ingin saya posting, namun ada saja kendala yang menghambat saya untuk mempostingya sehingga postingan cara membuat kotak iklan ini menjadi tertunda. Pada kesempatan yang berbahagia ini, mumpung ada waktu luang, saya akan mempostingnya dan membagikan panduan dan cara membuat blog khususnya pada cara membuat kotak iklan ini kepada Anda yang ingin memasang kotak iklan pada blog yang Anda miliki.



1. Siapkan gambar atau image yang ingin kalian pasang pada space iklan yang berukuran 125 x 125 px, agar gambar kelihatan menarik dan memiliki efek yang menarik.

Contohnya:

2. Jika sudah, maka kita akan membuat space kotak iklannya, dan login ke account blogger kalian

3. Klik rancangan atau tataletak bagi yang menggunakan dasbor blogger baru tahun 2018

4. Kemudian klik Edit HTML dan cari kode ]]></b:skin> (gunakan ctrl + f ) untuk mempermudah pencarian HTML nya

5.Sisipkan kode CSS diatas kode ]]></b:skin>

6. Kemudian save template Anda

7. Langkah yang selanjutnya kembali ke Elemen laman kalian dan klik tambah gadget > pilih HTML atau Javascript

8. Copy dan paste kode HTML nya (edit terlebih dahulu untuk memasukkan link dan juga url gambar gambar yg ingin kalian digunakan di tempat yang tadi sudah kalian edit)

9. Save kerjaan Anda dan lihat hasilnya.

{CODE CSS IKLAN}

1.#super-beeads {

2.margin:0px;padding:0px;text-align:center

3.}

4.#super-beeads  img {

5.margin:1px 1px;

6.text-align:center;

7.-webkit-border-radius: 5px;

8.-moz-border-radius: 5px;

9.border-radius: 5px;

10.-webkit-box-shadow: 1px 2px 1px #ccc;

11.-moz-box-shadow: 1px 2px 1px #ccc;

12.box-shadow: 1px 2px 1px #ccc;

13.}

14.#super-beeads img:hover {

15.-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);


16.}

{KODE HTML IKLAN}

1.<div id="super-beeads">

2.<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img

3.alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>

4.<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img

5.alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>

6.<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img

7.alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>

8.<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img

9.alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>

Demikianlah cara membuat kotak iklan di blog/web Dengan mudah,Dan Semoga Bermanfaat dan juga berhasil ya kawan semua.. :)