Nabiha Zaidi

21 September 2011

tutorial- 'link'kan gambar

korang biase masuk contest tapi tak tau nak linkkan gambar/banner ? so macam ni care die.

1.new post- upload gambar - click kat gambar yang korang upload tu .

2.tekan link

3.Isikan link korang-klik OK-publish.

You may leave your comment :)

tutorial- comment box like me

Selalunya tempat comment biasa, dan takde kotak. Selain mencomelkan kotak comment korang, dapat jugak mengemaskan komen-komen yang berterabur.

1.dashboard-design-edit HTML

2.ctrl+f and search #comments h4 { then, korang tengak code kat bawah ni.

#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

3.korang delete and gantikan dengan code .

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL background) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #ff9bc1;
}

.deleted-comment {
font-style:underlined;
color:pink;
}

semua yang aku highlight warne merah tu, korang boleh tukar codenye .

coding credit : Han Hanan

You may leave your comment :)

20 September 2011

tutorial- floating social website icon (facebook, twitter, blogger)

Biase tengak icon fb, tw, blog terapung kat tepi blog ? okay, cara dia.

1.design-page element-add a gadget-HTML javaskript

<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:140px; left:-12px;'>

<a class='linkopacity' href=' LINK FB ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL IMAGE" /></a><br />

<a class='linkopacity' href=' LINK TW' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />

<a class='linkopacity' href=' LINK BLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />

</div>

red: semakin kecik nombor tu, semakin atas icon korang.

purple: boleh pilih left or right

orange: link korang sendri

yellow: boleh letak URL image korang sendri. atau ambek kat sini

coding credit: Dania

icon:Azhafizah

You may leave your comment :)

19 September 2011

freebies doodle part6

tak perlu credit . semua dah ditransparentkan .

You may leave your comment :)

cantikkan follower gadget/ adakan widget follower yang hilang

widget follower korang hilang? okay . aku punye pon hilang dulu, lame dah, 2bulan kot. so, kalau nak balik, korang buat ni, kire lagi lawa kotak follower yang ni, sebab boleh costomize sendri warne.