Wadah Madrasah Pengalaman: Tutorial Pasang stay floating Follow dan Dashboard button


Monday, November 21, 2011

Tutorial Pasang stay floating Follow dan Dashboard button

.



Assalamualaikum...


H
ai korang mesti korang dah taw kan Button nie ...Tapi kali nie Wan ubah sedikit koding untuk Button nie..bentuk tetap sama..Cuma Wan ubah floating dia..kan biasa korang tengok bila korang scroll blog korang button nie ekot je scroll korang tu dan button nie macam mengganggu kandungan dalam blog korang..Menyemak je kan..Kalau korang tengok kat blog Wan bila korang scroll ke bawah button tu tak ekot kan..dia stay je kat tempat tu.

So kalu korang nak buat..

Jom Tutorial


Bagi pengguna design/layout template Dashboard>design/layout>Add Gadget>HTML


Bagi pengguna Blogskin/Classic template Dashboard>Template
Korang cari
<HTML>
Dan pastekan kod dibawah betul dibawah kod yan korang cari tu

CTRL+F bagi memudahkan pencarian




Korang copy kod dekat bawah nie k.Korang pilih lah nak yang stay kat kiri or kat sebelah kanan.


Kiri

<div style='display:scroll; position:absolute; top:5px; left:-8px;'>
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=Blog ID korang" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a></div>
<div style='display:scroll; position:absolute; top:5px; left:53px;'><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>


Kanan

<div style='display:scroll; position:absolute; top: 5px; right: 90px;'><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=Blog ID korang" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>



Lepas tu korang masukkan ID Blog korang..Id nie ada kat atas Link Blog korang macam korang edit HTML tu..Contoh macma kat bawh nie..




Selamat mencuba

Papai


Lain lain yang menarik untuk dikongsi
-Churp Churp beri ganjaran untuk beli DSLR
-Drama, suspense and a dash of cooking.
-Wanna see bright lights that will liven your night?
-Have yourself a Purrfect adventure with PUSS IN BOOTS!
-Surf, stream and more from your comfiest couch!
-Where do you want to X-Cape to?

.



25 comments:

khairunnisaazrie :) said...

tak bole tinggalkan jejak kat shoutchat wan. huhu sdeh. hikhikhik. its okay and nevermind. comment boleh kan. hehe jenjalan kat entri tutor wan :))

Shifa Jue said...

thanks wan.. kmk b0k plh tek.. ^^

athirahqistina said...

thanks . menjadi la !

Wan_hazel said...

khairunnisaazrie :)
hehehe..boleh je

Wan_hazel said...

Shifa Jue

sama2 ktk

Wan_hazel said...

athirahqistina

welkam..peace

mohamadhaziq_nursyafiqah said...

salam...kitew nk tnya...npew yerk photoshop kitew nyew brush tool jdi gris putus2...mcm2 dh kitew wat...tp tetap gak jdi gris putus2...warna lak...x terang...leh x ajr kitew...

harap wan dpt tulun kitew...tq so much..

Wan_hazel said...

ok...kalau garisan ptus2 tu..mesti awak guna brush yg putus tu...dan satu lagi yg tak terang tu..awak tgk yg kat tas sekali tu ade tak opacity??awak naikn sampai 100% taw..

mohamadhaziq_nursyafiqah said...

kitew dh nek kan 100% kt opacity 2...tp still gak warna x terang....kitew da gak tukar grisan...tp grisan still gak putus2...mcm na nie...ase2 kna download semula ke kitew nyew photoshop nie???

Wan_hazel said...

PM wan kat FB k...Wna hazel..n print screen adobe tu..wan nak tgk

bunga said...

thanks wan..sudah jadi..hehe

Wan_hazel said...

welkam

xoxo aniesz xoxo said...

huhu.da try .tp dye cme display'dashboard' jek...
pz2 ,mcm ne nk buang yg lame pnyer??

Wan_hazel said...

buang yg lama??yg ape tu erk??navbar tu ke??leh cari kat tuto wan..remove navbar k

DiariHati92 said...

salam...knk xjd eh...nya alu kt dibah jak..bukan kt atas skali belah kiri...

Wan_hazel said...

kenak nya jd kedibah indah mek nagga,,link blog ktk.

Amer Asyraf said...

Kenape Ade Button Dashboard je?

Wan_hazel said...

erk ye ke??cek balik k...or guna yg sebelah kiri

Freddy Zack said...

Camne nak dia jadi opacity dari blur ke clear macam yg abg punye??

Wan_hazel said...

kena masukn kod opacity

nur_za said...

kite ikt tutorial ni..maceh

niji said...

salam...terima kasih ya untuk tutorial ni ^-^

Mr Iqbal Abdullah said...

salam singgah sini..kenapa chatbox tu asyk stick kat tengah blog jer...tak dapat tgk post penuh...huhu

Wan_hazel said...

klik anyeong tu utk close k

★ NuNa ★ said...

THANKS