Tutorial : Floating Button

---

singgah sini dulu ye  http://ash-tsukidate.blogspot.com/2011/09/i-need-your-like-dear-please.html

---

oke ,now! I nak teach korang , macam mana nak buat floating button !

Apa itu floating button ? Tengok kat bawah ni :)

Floating button ini , ada dekat sebelah kiri blog i ni .

1. Log in > Dashboard > Design > Add Gadget > Html/Java Script

2. Copy code dibawah ni dan paste di ruang HTML/Javascript

<style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:200px; left:-12px;'>

<a class='linkopacity' href=' URL FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://3.bp.blogspot.com/-kU9w2lr0_5M/TZhyYaUpiII/AAAAAAAABWU/CGGeAlcrxxc/s1600/pink-facebook.png" /></a><br />

<a class='linkopacity' href=' URL TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://2.bp.blogspot.com/-vXrrlV8rpaM/TZhyZFawpLI/AAAAAAAABWc/cQWnjAxyvR4/s1600/pink-twitter.png" /></a><br /></div>

okey, itu je buat masa nie, klu x jadi, kasi tahu kat ash ye :) insyaAllah, ash boleh tolong ^^

Toturial : Gantikan button follower kepada gambar.

Tutorial ni untuk blog yg penuh dgn tulisan, gambar tak byk, u all boleh letak tutor ini untuk menceriakan blog korang ^___^ Tengok gambar kalau x paham juga . Btw, klu dah taruk tutor ini, jgn taruk apa2 button followe lagi, ini untuk kesenangan org ramai tau, Mereka tidak perlu untuk follow yg lain, sbb kekadang dia x akan berfungsi . #paham-paham je lahh .

yg ini (bawah)

okeyy, dah tahu kan? berminat ? jum ikut step by step .
1step : pergi ke design >  add gadjet > HTML/JavaSprit
2step : copy and paste code ini ^^

<center><a href="http://www.blogger.com/follow-blog.g?blogID=IDBLOGYOUALL" target="_blank"><img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/s720x720/308107_176026329142651_100002058545544_382894_836835557_n.jpg" border="0" alt="Anime icon Pictures, Images and Photos"/></a><center></center></center>

*WARNA MERAH : boleh tukar gambar , taruk URL photo.
*WARNA PINK : letak blog id u all.

okey, itu je .klu tak tahu, coment ye :)

---

singgah sini juga  http://ash-tsukidate.blogspot.com/2011/09/i-need-your-like-dear-please.html

---

p/s : sakitt peroottt-.-

Image Opacity Effect

---

singgah sini dulu ye  http://ash-tsukidate.blogspot.com/2011/09/i-need-your-like-dear-please.html

---

 This tutorial is request by Aida Aneesa , Apa dia Image Opacity Effect ? hmmp ini macam bila cursor korang sentuh mana-mana gambar yang dekat entry , gambar dia asal kabur than bila cursor sentuh dia jadi terang balik.Kalau tak ada link pada gambar tu, dia jadi terang . Apabila cursor sentuh , dia jadi kabur . Understand ? If still don't understand just follow my step :)

1 step Dashboard - add gadget - HTML/JavaScript

2step Copy and paste into HTML/JavaScript

<style>

/* ----- Image opacity effect 2 ----- */

.post a img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;

}

.post a:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0;

}

</style>