Tips: Tutorial Pamer Banner Blog & HTML Code Dalam Scroll Box

TIPS BLOGGER pada kali aku nak share ngan korang macam mana nak letakkan Banner Blog & HTML Code dalam Scroll Box. Rasanya korang penah tengok kot contoh Banner Blog macam kat bawah nie:-

Sebenarnya tak susah sangat nak setting. So tak payah cakap banyak korang leh cuba teknik nie yer.....

STEP 1:

Klik Dashboard > Design > Add A Gadget > HTML/javascript

STEP 2:

Copy and paste code kat bawah nie:-

<a href="http://dezamancottage.blogspot.com/" target="_blank"><img src="http://i59.photobucket.com/albums/g305/mrfs1978/dezaman3.png" border="0" /></a>

Korang nampakkan warna MERAH dan BIRU tu kan.....korang leh ubah detail tu....

MERAH: URL link blog atau website korang

BIRU: URL link image atau banner

STEP 3:

Kemudian korang kena gunakan software HTML Encoder untuk Encode script HTML banner korang supaya nanti HTML code korang leh dipamekan dalam Scroll Box. Leh klik kat link di bawah.

http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

Korang leh tengok contoh kat bawah nie.

Sebelum encode:

<a href="http://dezamancottage.blogspot.com/" target="_blank"><img src="http://i59.photobucket.com/albums/g305/mrfs1978/dezaman3.png" border="0" /></a>

Selepas encode:

&lt;a href=&quot;http://dezamancottage.blogspot.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i59.photobucket.com/albums/g305/mrfs1978/dezaman3.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;

Kedua-dua code kat atas nie kita akan gunakan untuk step seterusnya.

STEP 4:

Kemudian korang masukkan kod widget seperti kat berikut.

<a href="http://dezamancottage.blogspot.com/" target="_blank"><img src="http://i59.photobucket.com/albums/g305/mrfs1978/dezaman3.png" border="0" /></a>

 
<div style="width:426px;height:100px;overflow:auto; ">

&lt;a href=&quot;http://dezamancottage.blogspot.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i59.photobucket.com/albums/g305/mrfs1978/dezaman3.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;
</div>
 

Note :
width: ubah mengikut lebar yang korang nak
height: ubah mengikut tinggi yang korang nak

MERAH: URL link blog atau website korang

BIRU: URL link image atau banner

STEP 5:

Kemudian korang klik SAVE. So dah siap.

Selamat CUBA TRY TEST.

Posted in: Tips Blogger