Iklan Berubah Secara Automatik Dalam Blog

As-Salam. Ada rakan blogger yang mahu tahu cara dan kaedah saya letakkan pelbagai iklan secara berubah-ubah hanya pada satu lokasi. Iklan berubah secara automatik dalam blog ini agak rumit untuk diimplementasi seandainya anda belum cukup pengetahuan yang kuat dalam HTML. Apapun, menerusi entri ini, saya cuba kongsikan sebaik mungkin tutorial atau tips berkenaan untuk anda memaksimakan sumber pendapatan bagi blog anda melalui iklan.

Mengapa saya menggunakan teknik iklan berubah secara automatik dalam blog? Pertama sekali adalah untuk menjimatkan ruang. Dengan ruang yang terhad dan untuk blog kelihatan lebih kemas, saya gunakan pendekatan ini. Anda boleh letak sehingga 5, malah 10 iklan serentak dalam satu ruang dalam blog anda, dan ianya akan dipaparkan secara automatik mengikut sela masa yang telah anda tetapkan.

Kaedah ini memerlukan elemen penting seperti jquery javascript selain sedikit pengetahuan HTML. Iklan yang sesuai digunakan menggunakan teknik dan kaedah ini adalah iklan berbentuk iklan berbentuk sewaan dan juga Affiliate. Iklan daripada platform pengiklanan tidak digalakkkan menggunakan pendekatan ini kerana anda mungkin kehilangan kelebihan Pay-Per-Click atau CPUV (Nuffnang).

Tutorial Iklan Berubah Secara Automatik Dalam Blog

Untuk membolehkan blog anda menggunakan teknik ini. Pertama sekali adalah memasukkan kod jquery dibawah ini sebelum tamat struktur CSS blog anda (sebelum kod b:skin). Anda perlu login ke bahagian dashboard blogspot anda, dan pilih Template-Edit HTML. Cari elemen ini dalam HTML blog anda b:skin>.... /b:skin.

/* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } Ia merupakan satu bentuk slider yang akan mengubah cara iklan tersebut ditukarkan atau berganti. Ada banyak bentuk slider yang boleh anda gunakan - boleh dicari dalam internet, tetapi kegemaran saya ialah menggunakan coin-slider.

Selepas anda letakkan jquery plugin tersebut, letakkan pula script di bawah ini selepas tamat struktur CSS blog anda (selepas kod b:skin).

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js' type='text/javascript'/> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://yourjavascript.com/2510333327/coin-slider.min.js.txt.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('#coin-slider1').coinslider({ width: 250, height: 250, navigation: false, delay: 5000 }); }); </script> Kod-kod di atas yang telah diletakkan dalam HTML blog anda sepatutnya kelihatan seperti ini:

Ok selepas deklarasi berkenaan dalam blog anda, kini anda boleh gunakan penetapan tersebut untuk letak iklan anda dengan saiz yang telah dinyatakan. Pastikan saiz kelebaran dan tinggi adalah sama seperti yang telah anda nyatakan dalam kod di atas. Misal tadi, saya letak width: 250 dan height: 250.

Buka bahagian Layout-Add a Gadget dan pilih HTML/Javascript. Masukkan kod HTML berikut ini:
<div id="coin-slider1" style="width: SAIZ LEBAR; height: SAIZ TINGGI; overflow: hidden;"> KOD IKLAN AFFILIATE atau IKLAN BERBAYAR ANDA </div>
Amacam? Ok kan? Pastikan sela-masa anda cukup bagi membolehkan keseluruhan iklan tersebut dipaparkan dalam blog anda. Boleh letak di sidebar, mahupun dalam entri blog anda. Terserah. Untuk ubah masa penggantian iklan, sila tukar nilai DELAY dalam kod yang saya berikan di atas.

Selamat mencuba.