Candie Blossom.

Download Adobe Photoshop cs3

Thursday, 27 October 2011 | 8:59 pm | 0 candie blossom

Nak download photoshop erk?

sini 3x

Adobe Photoshop cs3

Dah reti buat tu,,bagi laa freebies kat saya ye!

Background Shout

| 8:57 pm | 0 candie blossom

copy code ni :

<center><div style="border:1px dotted #A9BCF5;"><div style="background: url(URL BACKGROUND) repeat; padding: 5px;">TEXT</div>CODE SHOUTBOX</div></center>

paste dekat HTML JAVA tu ye .

note :
biru - warna line border
merah - url background
hijau - text
ungu - code shoutmix korang
underline - dotted / solid / dashed

Background Footer

| 8:53 pm | 0 candie blossom

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :

.post-footer {

3. copy code nih :

       background: url("http://t1.gstatic.com/images?q=tbn:ANd9GcTjTZ7HpVtAGIfDGS3MX5WpdfHCiKVmhm50EPYGqLyGrbqC6tvZ8w&t=1") repeat 2px .25em;
    border: 1px solid #FF0080;
    border-left: 1px solid #FF0080;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
padding: 6px;
margin:1em 20px;
    text-transform: none;

}

4. paste bawah .post-footer{ tadi tu

5. tulisan merah untuk url background footer *tak nak ltak background , biarkn kosong tulisn merah tu

6. tulisan biru untuk warna dan border

7. tulisan oren untuk border blog *ikutlah kalau nak tukar ke tak*

8. preview & save

Double Dash Hover

| 8:51 pm | 0 candie blossom

tutorial nih , untuk bahagian hover . bila cursor korang menyentuh dekat mana2 link atau image , akan ada dashed dekat link tu . atas & bawah .

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :

a:hover {

3. copy code nih :

border-top: 2px dashed #58ACFA;
border-bottom: 2px dashed #58ACFA;

4. paste bawah a:hover {

5. yang warna merah tu , korang boleh tukar yea

6. save , ta payah preview . sebab klu preview tak kan menjadi . trus save yea :)

Link Berpelangi

| 8:49 pm | 0 candie blossom

cuba korang tengok link2 kat blog aku , kat post title ke . mesti link bertukar2 warna jadi warna warni . untuk buad dia jadi macam tu , tengok tutorial bawah neh .

1 . copy code neh :

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>

2 . kemudian , paste :

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

Disable right click with message

| 8:47 pm | 0 candie blossom

Add agadget-->HTML/Javascipt-->paste kod dibawah

<script language=javascript>
    
    </script>

*Tulisan warna biru tu gantikan dengan ayt korunk

buat Blog

| 8:38 pm | 0 candie blossom

taip kat google search:Blogger

then dia keluar result tu,Korang pilih yang dia tulis Create Your Own Blog

isi apa yang patut,pilih template ,Nanti boleh tukar,

jangan khuatir..selepas selesai semua

hiaslah blog anda

Background Title Sidebar

Sunday, 23 October 2011 | 1:46 am | 0 candie blossom

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :

h2 {

3. copy code nih :

background:url(http://www.sadmuffin.net/screamcute/layouts/pink/20.gif);

4. paste selepas h2 {

5. merah url background image korang *gantikan*

6. preview & save

Curve Border

| 1:40 am | 0 candie blossom

Assalammualaikum .
Curved Border nih untuk bucu keliling blog tu , melengkung cket . tak kan jadi tajam .

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :

.content-inner {

3. copy code nih :

-moz-border-radius: 15px;
-webkit-border-radius: 15px;

4. letak BAWAH .content-inner {

5. save

Open link in a new tab

| 1:38 am | 0 candie blossom

tutorial nih nak memudahkan korang , kan kalau nak bkak new tab kena click kiri dlu , tapi nih ta payah click belah kiri dah . trus tkan link . dy akan ke new tab . .

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code nih :

<script type="text/javascript" language="javascript">
       var arr = document.getElementsByTagName("a"); //get all links in the page
       for(var i = 0; i < arr.length; i++)
       {
          if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
             && arr[i].href.indexOf("javascript:") < 0) //not javascript links
             arr[i].target = "_blank";
       }
    </script>

3. letak dalam HTML/JAVASCRIPT

4. save

Link Hover

| 1:37 am | 0 candie blossom

Alaa benda yang bila kita pergi kat link dia keluar benda cam hujan warna warni tu!
Nit tuto

1 . Dashboard > Design > Edit html > tick Expand Widget Templates

2 . tekan CTRL + F , cari code nih :

a:hover

3 . copy code nih :

color:#01DF01; background:url(url image) ;background-repeat: repeat;
text-decoration:underline;

4 . kemudian , paste bawah a:hover

5 . tulisan yang warna merah tu , korang boleh ganti dengan gambar yang korang suka .

6 . yang bawah neh , korang pilih la , kalau rasa suka :)

http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif

http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

Goodbye Window

| 1:30 am | 0 candie blossom

Aritu tuto welcome kan?kali ni Goodbye window pulak

1 . Dashboard > Design > Edit html > tick Expand Widget Templates

2. cari code nih :

</head>

3. copy code nih :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('nanti datang lagi ye');
}
parent.window.onunload=goodbye;
</script>

4. paste bawah </head>

tulisan merah tu korang bleh gnti ayat korang .

Welcome Window

| 1:28 am | 0 candie blossom

emm..lama jugak tak buat tuto kan..hah ambik tuto nie,,hehe..
bila kita masuk blog org akan keluar satu window alert kan?Inilah tutonya

1.Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<script language='javascript'> window.alert("AYAT KORANG"); </script>

*AYAT KORANG tu tulislah sendiri eh..cam WELCOME

Wishlist

| 1:26 am | 0 candie blossom

Kotak hajat tau tak?inilah tutonya
Design--->Add a gadget--->Html Javascript-->paste kod di bawah

<form name=myform>

<input type="checkbox" name="mybox" value="1" checked />novel<br />

<input type="checkbox" name="mybox" value="2" disabled />kasut jimmy choo '3pasang!'<br />

<input type="checkbox" name="mybox" value="3" checked />berat trun 3kg<br /></form>

* yang warna oren tu , korang leh tukar la nak disabled / checked
* yang warna hijau tu , tukar la ayat2 korang . oke .

| 1:23 am | 0 candie blossom

1. Dashboard > Design > Edit html > tick Expand Widget Templates

2. cari code ni : ]]></b:skin>

3. copy code bawah ni :

/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="LINK IMAGE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

4. paste atas/sebelum ]]></b:skin>

merah - url gambar

ukuran gambar
height : 500
width : 760

kalau tak ada image , boleh ambek bawah ni asalkan credit okay .

http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/freebieswelcomenoteblue.png

http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/freebieswelcomenotepink.png

ok lah,,bubye

OLDER POST | NEWER POST