Showing posts with label link. Show all posts
Showing posts with label link. Show all posts

Tuesday, November 27, 2012

Link Hover III

Preview;

I Love You

Paste this code after a:hover { tag

box-shadow:inset 0px 14px 0px #FEA5A5,inset 0px -14px 0px #FAC3BA;
color:#fff;

Exampale;

a:hover {
box-shadow:inset 0px 14px 0px #FEA5A5,inset 0px -14px 0px #FAC3BA;
color:#fff;
}

0 comments
Labels: , ,

[Tutorial] Rainbow Link II

Preview;

I Love You

1. Copy this code and paste after a:hover { tag

-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

Example :
a:hover {
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}

0 comments
Labels: , ,

Monday, January 2, 2012

[Tutorial] Link Hover Shadow Effect







Request dari Lylla, she ask me cemana yana buat link jadi macam ada shadow tu. Okay, this is just a simple tuto. Blogskin users or any template from blogger.com users boleh guna. Just follow this step!^^ #Warning hard (amaran keras)! Just menjadi dalam Google Crome sahaja. Harap maklum :)

1. Blogger.com > Dashboard > Template > Edit HTML

2. Ctrl + F, search for this code :



a:hover {



3. Dah jumpa? Kat bawah tu ada code yang korang dah edit sebelum nie kan? Korang replace code tu dengan code nie :



color: transparent;
text-shadow: 10px 0px 1px #888;
-webkit-transition: .5s;
-moz-transition: .5s;
}



So, code korang akan jadi macam nie :



a:hover {
color: transparent;
text-shadow: 10px 0px 1px #888;
-webkit-transition: .5s;
-moz-transition: .5s;
}



#yang merah tu korang boleh pilih warna yang korang suka kat SINI
#yang purple tu korang boleh tukar. yang tu untuk shadow effect nanti. Kalau taknak tukar pun takpe^^

4. Then Save Template. Siap!^^

Lots of Love,
Yana♥
0 comments
Labels: , , ,

Sunday, October 16, 2011

[Tutorial] Enable Post Title Link









Ada yang tanya, macam mana nak buat post title kat blogskin template boleh di click? Korang tengok post title yana, boleh click kan? Nak buat tu senang je. Just ikut step kat bawah nie dah okay :)

1. Dashboard > Template

2. Ctrl + F, search for this code :




<$BlogItemTitle$>




3. Jumpa? Delete that code and REPLACE with this code :




<span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span>




4. Save Template. Siap!^^

Lots of Love
Yana♥
1 comments
Labels: , , , ,

Friday, September 30, 2011

[Tutorial] Letak Link Dalam Comment Box


Hari tu ada orang tanya yana kat shoutbox, namanya Guest ==' tak letak link. Adeh! Takpe lah. Sape pun kau aku tak kesah. Dah2. Meh yana buat tutorial seperti pada tajuk di atas. Camane bende tu? Tengok gambo kat bawah nie.


Yang bold tu adalah satu link dalam comment box ye? Nak tau buat camane? Meh ikut steps nie :)

1. Korang boleh guna code kat bawah nie pada bila2 masa dan di mana jua anda berada. Selagi korang online lah. Hoho~
MESEJ : <a href="LINK"><b>TAJUK</b></a>

#yang warna merah tu, korang boleh comment ape2 pun yang korang nak. Contoh macam yang kat gambo tu "@Mirah Mrs. Mexxrah boleh tengok tuto kat sini : "
#yang warna biru tu pulak korang letak la link yang korang nak dia klik tu.
#yang warna purple tu pulak korang letak tajuk yang korang nak. Contoh tajuk yang dalam gambo tu, "Post Body"

2. Then publish je la korang punya comment tu. Dah siap :)

Kebaikan guna link nie > nak tingkatkan trafik blog, promote blog kepada blogger yg lain, boleh dijadikan salah satu cara nak tinggalkan link korang kalau korang malas nak tinggalkan pada shoutbox. Dan fyi, sebenarnya dengan letak link dalam komen lebih mudah meningkatkan trafik blog korang tau, sebab bila orang baca2 comment korang, then secara automatiknya dorang akan klik link tu :)

Lots of Love,
Yana ♥
0 comments
Labels: ,

Wednesday, February 23, 2011

Link Pelangi

salam readers~

Oke. Hari ni aku nak cakap pasal link berpelangi. Korang paham? kalau tak paham korang boleh je letak cursor korang kat mana mana link yang ada dalam belog aku ni. jadi warna-warni kan? Kan? Ha. nak tau macam mana nak buat? senang je. korang ikut step ni satu satu oke. :)

1) Of kos korang kena sign in dulu blogger korang.

2) Dashboard --- Design --- Edit HTML

3) Cari kod nie
*guna Ctrl + F kalau nak senang*

4) Then, masukkan kod nie sebelum kod </head> tu.

5) Save! :)

lepas tu korang try la tengok. mesti jadik! bagi sesapa yang ada blog selain blogger nie, macam wordpress ke, kalau nak buat link kaler kaler tu boleh ja guna kod ni. cara yang sama jugak nak buatnya. *kecuali yang step 2 tu lah. aku tak ingat yang dalam wordpress tu apa dia. hehe* tapi senang je kan? kalu dah boleh buat tu jangan lupa credit kat aku ye. hoho. cuma tulis kat entry korang **credit to akira sebab bagi tutorial nie.** hoho. ikut korang lah nak tulis camne. tapi yang penting LINK aku tu. teeheee~


oke. aku mintak diri dulu sebab ma aku dah bising sebab aku tak tidur tidur lagi walaupun dah tengah malam. huhu. jumpa lagi di lain entry! daaa!~  ..^_______________^..
0 comments
Labels: , ,