Tutorial : Letak Banner Dalam Blog

Sebelum nak letak banner, kena la ada banner dulu kan? Kalau takda lagi, boleh tengok di SINI. Kalau dah ada banner, upload dalam photobucket dulu ok. Sebab tutorial ini memerlukan url gambar. Ok, jom ikut step kat bawah ni =)

1. Untuk kod banner sahaja, copy kod di bawah :

<a href="http://travelognursyurga.blogspot.com/"><img alt="" height="125" src="http://i1103.photobucket.com/albums/g476/nuruljannah91/Banner-siap_zps2e69a0f1.gif" width="125" /></a>

*p/s : ganti kod warna merah dengan url blog anda, hijau : url banner dan biru : kalau nak edit saiz banner.

2. Untuk kod row banner :

<div align="center">

<textarea cols="20" name="code" rows="3">KOD STEP 1</textarea></div>

*salin semua kod step 1 tadi dan ganti kod merah di step 2 ni.

3. Untuk banner dengan kotak kod. Gabungkan kod 1 dan 2 tadi.

contoh :

<center>

<a href="http://travelognursyurga.blogspot.com/"><img alt="" height="125" src="http://i1103.photobucket.com/albums/g476/nuruljannah91/Banner-siap_zps2e69a0f1.gif" width="125" /></a>

<div align="center">

<textarea cols="20" name="code" rows="3"><a href="http://travelognursyurga.blogspot.com/"><img src="http://i1103.photobucket.com/albums/g476/nuruljannah91/Banner-siap_zps2e69a0f1.gif" alt="" width="125" height="125" /></a></textarea></div>

</center>

*p/s : <center></center> untuk centerkan banner.

merah : kod step 1

hijau : kod step 2

4. Akhir sekali, copy kod step 3 dan paste di add widget > html/javascript.

Save dan lihat hasilnya..

Semoga berjaya ^_^

Tweet