cara mudah membuat kotak iklan di blog ~ TUTORIAL SEO BLOG

Selasa, 18 Desember 2012

Jika blog yang di buat untuk tujuan komersil dan menghasilkan uang atau yang berhubungan dengan itu, biasanya tidak lepas dari kata iklan, berikut saya akan berbagi tips cara membuat kotak iklan di blog agan-agan semua; langsung ke TKP!

Masuk ke dashboard pilih template lalu Edit HTML

copy kode dibawah ini lalu letakkan sebelum ]]></b:skin>

#iklanbackspace {margin:0px;padding:0px;text-align:center} #iklanbackspace img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;} #iklanbackspace img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
sesuaikan nilai margin berdasarkan selerah agan

Save template.

Buka tata letak lalu Add a widget kemudian Pilih HTML/Javascript.

Copy kode Faste kode HTML dibawah berikut (edit terlebih dahulu untuk memasukkan URL-WEB yang akan digunakan):

<div id="iklanbackspace">
<a href="URL-WEB" target="_blank" title="IKLAN"><img alt="TEKS GAMBAR" border="0" src="http://4.bp.blogspot.com/-89OIa78Kla4/UNCu9KEUnYI/AAAAAAAAA5Q/HiFw1vg6Dbs/s1600/cooltext844441781.png" /></a>
<a href="URL-WEB" target="_blank" title="IKLAN"><img alt="TEKS GAMBAR" border="0" src="http://4.bp.blogspot.com/-89OIa78Kla4/UNCu9KEUnYI/AAAAAAAAA5Q/HiFw1vg6Dbs/s1600/cooltext844441781.png" /></a>
<a href="URL-WEB" target="_blank" title="IKLAN"><img alt="TEKS GAMBAR" border="0" src="http://4.bp.blogspot.com/-89OIa78Kla4/UNCu9KEUnYI/AAAAAAAAA5Q/HiFw1vg6Dbs/s1600/cooltext844441781.png" /></a>
<a href="URL-WEB" target="_blank" title="IKLAN"><img alt="TEKS GAMBAR" border="0" src="http://4.bp.blogspot.com/-89OIa78Kla4/UNCu9KEUnYI/AAAAAAAAA5Q/HiFw1vg6Dbs/s1600/cooltext844441781.png" /></a>
</div>

SAVE

SELAMAT MENCOBA.