Thursday, December 9, 2010

Home » » Cara tampal banner dengan backlink di sidebar dan edit saiz banner

Cara tampal banner dengan backlink di sidebar dan edit saiz banner

Salam bahagia dan salam ceria,


Rasanya ramai yang tahu cara-cara nak letakkan banner di sidebar.. terutama pada kawan2 yang gigih join contest & giveaway.. Kiranya dah expert dah bab2 masukkan banner dan back link ni..


Ibu kali ni menjawab pertanyaan seorang rakan blogger di Formspring ibu..

masukkan-banner


Kesian plak kat kawan ni kan… kang tak dapat plak nak join GA ibu or mana2 GA lain, gara2 tak dapat nak letakkan banner di sidebar.

Actually ade juga yang bertanya via email, camno nak letakkan banner berserta backlink, terutama blogger newbies. Maka, pepagi buta ni ibu buat tutorial yang agak intensif & comprehensive..

stepnya :


log-in dashboard > design > page elements > add gadget


add-gadget1

antara (1) dan (2).. dua2 pun boleh berfungsi. Thumbs up   klik pada Add a Gadget dan pilih HTML/JavaScript..

add-htmljava

Part di atas ni memang semua dah tahu.. tapi ade juga blogger newbies yang tak tahu.. jadi ibu tunjuk le step dari awal.

Kemudian pergi ke banner yang diinginkan, right klik pada image (banner) dan pilih  >> samada Copy image URL atau Copy image.

copy image

jika tak begitu mahir dengan kod html untuk tampal gambar, better guna “copy image’ jer..

copy image 1

dah klik copy image, kemudian ‘paste’ kan ajer dalam gadget html/javascript ni.

Untuk adjust saiz banner.. klik pada Edit Html.. yang dibulatkan warna biru tu. Dan akan dapat macam ni.

copy image 2

untuk laraskan saiz, masukkan kan kod width="200” , 200 ni hanya contoh jer.. kena tahu lah saiz sidebar blog memasing. Kalo lebar sidebar hanya 180, maka sesuai letak width tu 160.

supaya banner tu nampak berada di tengah2.. tambah kod <center> dan </center>

jika nak letakkan due date @ apa2 sahaja tajuk pada banner.. tambah kod title=”due 31 Dec 2010”

maka kod banner yang baru akan jadi seperti ini :


copy image 3

last, proses terakhir adalah untuk masukkan backlink @ url blog @ link website yang berkaitan.

Caranya : Copy link berkaitan dan Klik jer pada ikon yang ade anak panah biru turquois kat gambar atas ni.


copy image 4

Pastikan anda highlight kod banner sebelum klik ikon untuk “create link”

kod banner akan jadi seperti ini :



seterusnya, supaya bila banner diklik , link akan terbuka di tab yang lain.. kita tambah kod target=”_blank”. 


Maka kod banner yang lengkap akan jadi seperti ini :


Bila sudah puashati, save dan adjust la dimana nak di’position’ kan banner tersebut.


secara ringkasnya :

1. kod width untuk laraskan lebar banner. Takde la banner sampai terkeluor dari garisan & akan nampak lebih kemas.
2. kod title untuk letakkan tajuk atau apa2 sahaja yang anda suka nak taip.
3. kod target untuk pastikan link terbuka di tab yang lain, maka kita masih kekal di page blog kita baca.

Tak complicated kan… mudah jer. Kalo tak faham, pelan2 belajor.. yang dah expert, kita belajor bab lain pulak.

Salam kasih sayang buat semua,

 

kalo suka dengan n3 ni, sila tekan yer..!!

Comments (30)

Loading... Logging you in...
  • Logged in as
opss maksud yan tuk last statement tuh ---> tuk gambo dlm entri yg nk dilinkback tu mmg tak mahir lg
My recent post Jom Vote adik Dhuwa Haziq
betul betul... yan pun tak reti sebenarnyer..
tu yg tuk sidebar... yan guna trus 'picture'.. so kat situ kite upload gambo & letak link terus..
xnak bg gambo beso.. shrink je
tp klu nak letak gambar berlinkback tu yg tak reti.. ade buat 2-3 kali tp pastu lupa hehehhe
My recent post Jom Vote adik Dhuwa Haziq
Salam.. Wah panjang lebar Kak Yong explain.... Memang sangat membantu buat kami yg tak pandai explore kod HTML tu.. TQ so much!!
My recent post Makan-makan di Melaka Part 3
kak yong

tq for sharing ;)
1 reply · active 745 weeks ago
Terima kasih kak yong, kerana memahamkan saya yg x faham nih.... thanks again!
1 reply · active 745 weeks ago
sharing is caring... tq kakyong...
My recent post SUDAH SELAMAT BERTUNANG
1 reply · active 745 weeks ago
slm org ipoh,
boley ajar eb cambner nak wat banner contest & GA yg ekmas tuh?... tq yer...
My recent post LITTLE FINGERS contest 3
1 reply · active 745 weeks ago
pergh hebat2.. :D
wadud dah kalah.. ngeee.. =)
1 reply · active 745 weeks ago
sangat membantu pada saya yg baru berjinak2 dlm dunia blog nie..
tq kak yong.. pasnie leh ar join GA..
My recent post - muhammad ziqri bayi SUSU IBU -
1 reply · active less than 1 minute ago
salam sejahtera kakyong.. pas ni bulih dicube cara kakyong ni.. penerangan yg sgt jelas...
1 reply · active less than 1 minute ago
salam kakyong...ada perkara baru saya belajar kat tutorial ni..xpernag lak terfikir camtu..selalunya saya copy semula html yg banner sblm ni pastu just tukar url img n url link n due..hehe...
1 reply · active less than 1 minute ago
tq kak yong..saya pun tak reti buat gini..selalu pakai add picture tu jer..kekeke..past ni bley try
My recent post Im On Board!
1 reply · active less than 1 minute ago
good kakyong ;)
My recent post sekitar Double Bash Bday parteyyyy
1 reply · active less than 1 minute ago
susahnyaaa... kita selalu resize guna photoscape, lps tu guna add gadget picture je ;)
cara ni nadiah tak reti. selalu guna gadget picture je. tq for sharing kakyong! :)
My recent post Safiyyah dan topi ajaib
1 reply · active less than 1 minute ago
Salam Kak Yong....
uisshhh...ni kalo oghang pertame kali nak buat bende ni....
mesti penin.....tapi kome ikot je step yang kakyong udah letak tu....
nampak je macam ghenyah keghoje nye.....
tapi senang je......kan KakYong???
My recent post TV Al-Hijrah - Stesen TV Berasaskan Islam Pertama
1 reply · active 745 weeks ago
Kak yong, TQ ya... Nie 1st Myra tau, sll guna gadget picture je..
Pasni nk try cam k.yong ajaq la plak.. :)
1 reply · active less than 1 minute ago

Post a new comment

Comments by

Disclaimer

Ini adalah blog peribadi. Semua catatan @ penulisan juga adalah hak milik peribadi dan pandangan penulis, kecuali dinyatakan sumbernya.

Tidak dibenarkan mengambil tulisan @ idea di sini tanpa kebenaran. Sila minta izin yer kalo nak amik idea @ tulisan di sini.. tapi tolong ler.. usah le amik keseluruhan n3.. penat tau teman memerah otak mencari idea.

Kalo kome main rembat jer n3 teman ni, memang teman tak halalkan.Jika sekiranya teman ade terjumpa mana-mana blog yang menampal tulisan dari blog ini tanpa pernah meminta kebenaran, tuan blog tidak akan teragak2 untuk request supaya n3 tersebut di'remove'.
. .