Laman UtamaLatar Belakang ellangTepah Header

Tuesday, January 25, 2011

Cara Memasukkan Banner Ke Dalam SideBar

 

Assalamualaiku dan salam sejahtera (ayat tak boleh blah) ok semalam ellang dapat request tutorial dari kak nor. Saya cuba buat yang sangat ringkas dan padat supaya senang di fahami.
Maksud kak nor banner dekat sidebar macam gambar di atas "Banner Bertuah"

Ok kita mulakan tutorial dengan step pertama :- 

Login blog macam biasa kemudian pergi ke design.

Dia akan keluar sebegini

Kemudian perhatikan dekat page elements.

 
Tekan Add a Gadget pada bahagian Sidebar.

 
Dan pilih HTML/JavaScript.
Dia keluar macam begini. 
(p/s: kalau tak jadi step ini sila ulang ke step sebelumnya, kalau jadi kita teruskan)

Isi dekat title tu apa-apa yang anda inginkan

Dan kat content isi kod html dibawah ini.

<div align="left">
<table border="0" cellpadding="1" cellspacing="1"><tbody>

<tr>

<td><a href="  URL blog yang nak di link kan" rel="nofollow"> <img src=" Location Address Bennar " border="0" width="200" height="80" /></a></td></tr></tbody></table></div>

BIRU : Masukkan URL blog yang nak di link kan pendek kata URL blog orang yang bagi kita banner. Cth: URL ellang design http://ellangdesign.blogspot.com.

PINK : Address location banner.

Merah : 20=panjang banner & 80=lebar banner (Panjang x Lebar)

Ok tengok tak pada bahagian <table border="0" cellpadding="1" cellspacing="1"><tbody> yang saya maksudkan cellpading = "1" dan cellspacing = "1" bermaksud iklan anda akan keluar 1x1 sebagi contoh gambar di bawah.


Dan sekiranya di tukar ke <table border="0" cellpadding="1" cellspacing="2"><tbody> banner anda akan keluar seperti di bawah.



                          *****
Sekarang kita buat bagaimana cara mendapatkan address location imej @ banner yang kina kita nak masukkan ke dalam sidebar kita.

Pergi ke browser banner yang kita ingin masukkan di sidebar blog kita.

Sebagai Contoh saya guna banner ellang design.



Kemudian right clik pada banner tersebut dan clik pada View imege info. Seperti gambar di bawah.

 


Kemudian di akan keluar sebegini :-


Setelah keluar info banner tadi, copy Location address seperti yang saya mark merah di atas tu dan paste kan ke Location address banner Banner dekat kontent html anda tadi..

So, dia jadi macam begini kan?
 


Ok, tekan SAVE untuk simpan, refresh blog anda dan lihat hasilnya.

Semoga berjaya =)

Artikel yang berkaitan



8 comments:

  1. Sangat menarik dik! dan mudah faham...syabas! dah faham dah...(^_________^)...

    ReplyDelete
  2. Dah blh buat kan?? hehe tahniah kak nor :)

    ReplyDelete
  3. Macam mana nak masukkan banner yang kita reka sendiri menggunakan photoshop? Contoh diameter banner adalah 468x60, banner tu xde kod jadi nak masukkan dlm blog guna widget HTML/ JAVA SCRIPT atau picture biasa.. confiusla masih x menjadi

    ReplyDelete
  4. sharing yang sangat berguna.. tQ..

    ReplyDelete
  5. terima kasih.
    http://kertashabis.blogspot.com/
    kunjungi lah.. terima kasih atas tunjuk ajar.

    ReplyDelete
  6. mantap dah makasih atas info nya..jangan lupa ya main k blog saya. http://silahkanload.blogspot.com/

    ReplyDelete

Fromspring.me
 
© Copyright and Design by ellang
..:| Hak cipta terpelihara oleh http://ellangdesign.blogspot.com |:..