Tutorial Nuffnang dan IcOn Terapung

cth nuffnang terapung..

code dia simple jer..

1. login dan pergi ke design dan click pada add gadget

2. klik pada HTML/Javascript

3. Paste Code Dibwah...

Untuk Nuffnang

<div style='display:scroll; position:fixed; bottom:5px; right:3px;'>
CODE NUFFNANG DISINi
</div>

Untuk Icon Facebook

<div style='display:scroll; position:fixed; top:5px; right:3px;'>
<a href="URL FACEBOOK" target="_blank" class="linkopacity"><img src="http://2.bp.blogspot.com/-MvzVXh-3mNk/TZhyaf8ueFI/AAAAAAAABWg/_JqBD8Gm4Vk/s1600/purple-facebook.png" height="140" width="55" /></a>

Untuk Icon Twitter

<div style='display:scroll; position:fixed; top:5px; right:3px;'>
<a href="URL TWITTER" target="_blank" class="linkopacity"><img src="http://static.designlike.com/wp-content/themes/yoko/images/twitter-icon.png" height="140" width="55" /></a>

p/s... anda bley ubah kedudukan nuff or icon atau saiz cth : Top/bottom:5/10/15/20px; atau right/left;1,2,3,4 ikut kesesuaian blog... utk saiz ada bley ubah height"saiz tinggi" width"saiz lebar"

selamat mencuba :)

15 ulasan

Mah@mahu berkata...: Good tutorial bro bagus... aku nak buat gak ni..; 15 Mac 2011 pada 5:08 PTG
AbgferOz berkata...: hik hik..
sile2.. share2 je :); 15 Mac 2011 pada 8:56 PTG
www.menjelma.com berkata...: mantap bah blognye,,ne ade contohnye tak buat mengapong ne??; 16 Mac 2011 pada 12:49 PTG
AbgferOz berkata...: suda buat ngapong nya.. maybe nuffnang nya tak kluar...; 16 Mac 2011 pada 1:06 PTG
Unknown berkata...: hehe..bagus punya tips..tapi,,kalo sy,,x suka..sebab buat kaco bila nak read entry..n kalo kebaikan benda nie..bila nak chtbx..nuff tu akan beada dsmping chtbx..kalo x berhati2 korang akan terklik nuff tu..huhu..sebebnarnya nie satu jln mengaut klik dari nuff tanpa sedar..huhu.bagus2..folo..u bro..folo me to yer...; 16 Mac 2011 pada 2:19 PTG
puteraduyong berkata...: wah...bagus bagus...; 18 Mac 2011 pada 10:08 PG
mohamadSaleh berkata...: nie yg den cari.. lama dah nak buat mcm nie tapi tak tau... lama pon baru 1 bln hehehe, insyaAllah, mlm nie jugak cuba... saya pasang kat http://inspirasi2u.blogspot.com. jom ah tengok jadi tak.; 4 Mei 2011 pada 11:53 PTG
mohamadSaleh berkata...: DAH BERJAYA... CUMA KURANG KEMAS... HIK2... AYAT KAT ATASNYA MCM maner nak tulis? saya godak jelah, cuba2; 5 Mei 2011 pada 12:04 PG
-✿Ayu✿- berkata...: salam bro...mcm mane ayu nk dptkan gadget utk port blogger mcm yg ade kt bwh belah kiri blog bro ni...; 24 Jun 2011 pada 12:35 PTG
wanny wana berkata...: ala.. xjadi la abgferoz.. sob3; 6 Ogos 2011 pada 5:49 PTG
Unknown berkata...: jos : mekaceh kasi tau :) depands letak blah yang takda text ikut templates gak :) kdang2 tak kacu puwnn..

putera : thanks yeahh

bro salleh : yupss.. akan di skodeng :P

ayu : join group tuh.. coding dia ada kat docs groups :)
wanny : ce ikut arahan dia plan2.. paste kat html jgan lupe masukkan coding nuffnang :); 6 Ogos 2011 pada 6:53 PTG
wanny wana berkata...: abg feroz cak!..

dah masuk coding nuffnang.. still x jadi gak.. ke pasal template wanny jadi camtu..?? urmm; 7 Ogos 2011 pada 11:50 PG
Unknown berkata...: wanny : org laen buat ok jew.. tak pon msg feroz di facebook snang sket nak tolong :); 7 Ogos 2011 pada 2:58 PTG
wanny wana berkata...: Dah jadi.. Thanks. sebabnye blog wanny x tkar kepada updated version. huh. *_* thanks; 8 Ogos 2011 pada 2:36 PTG
ericoanaci berkata...: DAH BUAT TP BELAH KIRI PANDAI TAK KUTOOO MENGUBAH NYA.; 21 Ogos 2011 pada 10:12 PG