Cara Letak Iklan Churp-Churp Di Blog

As requested, hamba nak sharelah sedikit ilmu yang hamba sendiri pun google je sebenarnya. Hohoho. Tutorial ini hasil adaptasi daripada tutorial disini, disini dan disini.

Dah tahukan macam mana nak dapat URL IKLAN CHURP-CHURP korang? Okay, kita terus ke cara iklankannya pada blog kita.

1. Dashboard > Layout > Add a Gadget > HTML/JavaScript
2. Copy code di bawah ni and paste dibahagian HTML/JavaScript

DESIGN PERTAMA

Iklan ChurpChurp bogel. Sesuai ditepek dimana-mana bahagian blog.

<center> <a href="URL IKLAN CHURPCHURP1"><img src="URL IMAGE1" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP2"><img src="URL IMAGE2" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP3"><img src="URL IMAGE3" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP4"><img src="URL IMAGE4" width="70" height="70"/></a> </center>

Kelebaran width="70" dan ketinggian height="70" adalah code untuk size gambar iklan, boleh diubah-ubah ikut ruang blog masing-masing.

URL IMAGE boleh dalam bentuk JPG atau GIF. Cara paling senang, google image > pilih gambar mana kau suka > View Image > Copy URLnya dan pasti pada code. Nak pakai gambar sendiri, upload kat photobucket.com.

DESIGN KEDUA

Iklan ChurpChurp bungkus dengan border. Bentuknya begini,

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px solid #000000; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;"> <center> <a href="URL IKLAN CHURPCHURP1"><img src="URL IMAGE1" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP2"><img src="URL IMAGE2" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP3"><img src="URL IMAGE3" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP4"><img src="URL IMAGE4" width="70" height="70"/></a> </center> </div>

border: 2px solid adalah code untuk border style, boleh tukar size (px) tebal mana dan style solid/dotted/dashed, ikut citarasa masing-masing. 

border-(top/bottom)-(left/right)-radius: 20px adalah code untuk radius border atau dalam bahasa pasarnya, ketajaman bucu kotak. Makin besar value px, makin membulatlah bucu border tersebut. Kalau nak bucu tajam, buang code tersebut.

DESIGN KE-TIGA

Iklan ChurpChurp macam aku punya. Rujuk bawah header aku, pastu kliklah dah alang-alang. Takkan tengok je. Yang ini border style tak boleh tukar sebabnya aku belum buat expriment code lagi.

<center> <fieldset> <legend><img src="URL LOGO CHURP-CHURP" width="140" height="70"/></legend> <a href="URL IKLAN CHURPCHURP1"><img src="URL IMAGE1" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP2"><img src="URL IMAGE2" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP3"><img src="URL IMAGE3" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP4"><img src="URL IMAGE4" width="70" height="70"/></a> </center>

Contoh URL LOGO CHURP-CHURP yang sesuai:

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5VkyJtiQUJIYfkcVPcY0TmxJ502_dfPZ7aeW7EWRT3Nm4bT0av3eFM1NsZGlWMvbeU4xIvnhkrEzliI1SfCGxQNxFW_jubtVd7PIoKxxyHZqJb71M8gd7qDJQkF4WaCjwItv49jcNAD6/s1600/churp-churp.png
2. http://dapurmalaysia.com/wp-content/uploads/2010/08/churpchurp_logo.png
3. http://s8.postimg.org/n4pn3f2dh/churpchurp_logo2.gif

Pepandailah adjust saiz dia pada code width="140" height="70". Rasa tak suka dengan logo, nak pakai word sahaja pun boleh. Replace code antara legend dan /legend dengan perkataan yang kau suka, contoh

DESIGN KE-EMPAT

Iklan ChurpChurp dengan border dalam dan luar. Ini sesuai untuk dipasang pada sidebar. Macam gini rupanya,

Yang ini aku buang code untuk border radius, thats why bucu tajam.

<div style="background: #FFFFFF repeat; repeat; padding: 8px; border:2px dashed #000000; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;"> <center> <fieldset> <legend><img src="URL LOGO CHURP-CHURP" width="140" height="70"/></legend> <a href="URL IKLAN CHURPCHURP1"><img src="URL IMAGE1" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP2"><img src="URL IMAGE2" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP3"><img src="URL IMAGE3" width="70" height="70"/></a> <a href="URL IKLAN CHURPCHURP4"><img src="URL IMAGE4" width="70" height="70"/></a> </center> </div>

DESIGN KE-LIMA

Hamboih, tak cukup lagi? Google-lah sendiri. Wakakaka.

Rasa nak muntah tak? Mabuk ketum coding lettew. HAHAHA. Rerasa tak boleh paham step diatas, engkorang google (google lagi, LOL) "Cara Letak Iklan Churp-Churp Di Blog". Pilih yang mana satu, idaman kalbu.

P/S: Kalau perasan, aku takda tepek-tepek iklan nufnang ke apa selain churpy pada blog aku sebab aku rasa semak dan serabut. Walaupun blog aku simple nokharom, tapi aku envy tengok blog orang lain yang meriah-meriah ala diva kedebass gittew. Heh