Cataloged Autobiography
BERKENAAN SAYA
Hello. Saya adalah self-taught web designer yang banyak menghabiskan masa meneroka penggunaan CSS dan HTML. Blogging hanyalah hobi. Teruskan membaca..
The Readable Journal
MENEROKA ARTIKEL
Teroka artikel berhubung dengan tutorial, contoh dan penggunaan CSS dan HTML dalam web design di ruang ini. Web design menyeronokan. Ke tutorial...Klik sini
Astrolab Tool
KATEGORI ARTIKEL
Suatu sistem yang berfungsi untuk membantu menjelajahi topik-topik terkait dan menyenaraikan pelbagai sub-bahagian artikel...Klik sini



MELETAKKAN IKLAN ADSENSE DALAM BLOG: TIP IV
April 9, 2009
Posted by: Fauzie


Meletakkan iklan-iklan adsense di bahagian "blog post" dikatakan dapat meningkatkan CTR (bilangan iklan-iklan ini diklik). Lebih banyak iklan diklik akan lebih banyaklah bayaran yang akan kita terima.


Di atas pandangan inilah maka bermacam-macam cara telah dibuat untuk mencari tempat yang sesuai untuk ditempatkan iklan-iklan adsense ini terutama di dalam bahagian "blog post".

Tiga tempat yang dikatakan sesuai dan efektif ialah:

1. Di bahagian atas "blog post" iaitu di bawah tajuk blog.
2. Di dalam rencana blog itu sendiri (di dalam "content" rencana/blog).
3. Di bahagian bawah "blog post".

Untuk tujuan di atas, apa yang perlu kita buat ialah meletakkan kod adsense akaun kita di bahagian dalam kod HTML blog atau website kita.

Nota: sebelum meletakan kod adsense ini, pastikan kod ini di "parsed" terlebih dahulu iaitu menukarkan bentuk beberapa kod. Anda boleh menukar kod adsense anda secara online dengan copy dan paste kod adsense tersebut di sini

Cara Meletakkan Iklan Google Di Bahagian Kanan Blog Post

Pertama sekali pergi ke dashboard dan klik Layout->Edit HTML->Check kotak "Expand Widget Templates".

Skrol ke bawah dan cari kod seperti berikut:

<div class='post-header-line-1'/>

Nota: Untuk memudahkan anda mencari kod di atas, tekan key Ctrl and key F serentak dan taipkan kod seperti di atas di dalam kotak kecil yang muncul di bahagian screen anda.

Di bawah kod di atas, taipkan kod-kod seperti berikut:

<div style='float:right; padding=0px; margin=0px; border-width=0px 0px 10px 5px; border-style: solid; border-color: white; background-color: white'>

Kemudian "paste" di bawahnya kod adsense anda yang telah di "parsed" dan tutup dengan menaip </div>

"Final Code" anda mestilah kelihatan seperti di bawah ini. Kod yang berwarna biru tersebut adalah kod adsense yang telah di"parsed".

<div style='float:right; padding=0px; margin=0px; border-width=0px 0px 10px 5px; border-style: solid; border-color: white; background-color: white'>
LETAKKAN ATAU PASTE KOD ADSENSE YANG TELAH DI "PARSED" DI SINI
</div>

Final Code
<div style='float:right; padding=0px; margin=0px; border-width=0px 0px 10px 5px; border-style: solid; border-color: white; background-color: white'>
&lt;script
type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
/* 300x250, created 2/11/09 */
google_ad_slot = &quot;4515822241&quot;;
google_ad_width = 300;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/
show_ads.js&quot;&gt;
&lt;/script&gt;
</div>


Untuk meletakkan iklan Google di sebelah kiri, kita hanya perlu tukar kod "float:right" kepada "float:left" iaitu tukar perkataan "right" kepada "left".

Cara Meletakkan Iklan Google Di Bahagian Bawah Blog Post

Pergi ke Dashboard dan klik Layout->klik Edit HTM->check kotak "Expand Widget Template".

Dengan menggunakan "text finder" iaitu dengan menekan key pad Ctrl dan F serentak, taipkan kod seperti berikut dalam kotak kecil yang terdapat di bawah screen dan anda akan dibawa terus kepada kod yang dicari:

<div style='clear-both;'/><!--clear for photos floats-->
</div>

Di bahagian bawah kod </div> di atas, taipkan kod berikut:

<div style='float-left; padding= 0px; margin=0px;
border-width: 0px 0px 10px 5px; border-style: solid;
border-color: white; background-color: white'/>
PASTE KOD ADSENSE DI SINI
<div class='post-footer'>

Cara Meletakkan Iklan Google Di Dalam Rencana Blog (Blog Content)

Iklan Google juga boleh diletakkan di bahagian dalam rencana blog atau "blog content". Seperti di atas, cari kod html seperti berikut:

<div class='post-header-line-1'/>

Dan taipkan kod-kod berikut di bahagian bawah kod di atas:

<div style='width:400px'>
<div style='float:left; width= 1px; height=50px;'> </div>
<div style='float:left; clear:left; margin-top:20px;
margin-right:5px'>
PASTE KOD ADSENSE DI SINI
</div>

Kita gunakan <div style='float:left; width= 1px; height=50px;'> </div> bagi 'menolak' "wrapper div" ke bawah. "clear:left" pula membuat div kedua ini "wrap" ke bawah div pertama. "margin-top:20px" menunjukkan berapa banyak teks yang berada di atas iklan. Jika kita hendak meletakkan iklan jauh ke bawah teks, kita boleh menambah angka pixel (px) ini ke angka yang lebih besar. Iklan seperti ini sesuai jika rencana anda mempunyai perkataan yang banyak iaitu lebih dari 500 perkataan.