Flash Blockquote

Ini yunk border dalam post uh . hehe^^

Dashboard > Design > Edit HTML > Cari

 /* Widgets
----------------------------------------------- */

daa jumpa /*widget uh ?? oke , meh copy code , pas uh paste kan kad atas /* Widget uh yer .

CODE

.post blockquote{ 

background:url(URL background 1

); padding:5px;

Border:2px dashed #00000;

colour:#FFFFFF}

blockquote:hover {

background: url(URL background 2

) repeat right bottom ;

border:2px dashed #000000;

-moz-border-radius-topleft: 10px;

-moz-border-radius-bottomright: 10px;

}

dashed : uh leh tuka jadi solid , dotted
Url background 1, 2 : letak link picture .

contoh link backgroundnyer . 

http://dl9.glitter-graphics.net/pub/2231/2231939mkrmjjcimx.gif

 

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

http://dl8.glitter-graphics.net/pub/760/760408dw1h2jcut6.gif

Cara-cara na menggunakan nyer pula .

 

Mula mula Tekan yunk 1 uh dulu . Pas uh awak akan dapad jarak yunk macam kad 2 tu . Pastu awak tulis jer , macam kad no 3 uh . Selepas tu , awak Publish post , alau ta jadi cakap yer . 

Slide Shoutbox

Oke oke . ade pemintaan daripada seseorang . hehe .

na tahu ni apa ?? ni untok gantong , ShoutMix !! laa yunk Chit Chat uh . .

aiyoo , yunk ni laa .

 

Oke , daa faham kan ?? 

ikod step saia tau ?? pasti kan menjadi !! 

Langkah 1Dashboard 

Langkah 2 Design

Langkah 3 Add A Gadget

Langkah 4 Pilih : HTML/Javascript


Oke , meh copy code BAWA nie

<style type="text/css">

#at{

position:fixed;

right:300px;

z-index:+1000;

}

* html #at{position:relative;}

.attab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url(NAK BUBUH BACKGROUND URL BOLEH DISINI );

}

.atcontent{

float:left;

border:2px solid #CA226B;

background:url() #000000 repeat bottom center scroll ;

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

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

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

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

padding:5px;

}

</style>

<script type="text/javascript">

function showHideAT(){

var at = document.getElementById("at");

var w = at.offsetWidth;

at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);

at.opened = !at.opened;

}

function moveAT(x0, xf){

var at = document.getElementById("at");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

at.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}

}

</script>

<div id="at">

<div class="attab" onclick="showHideAT()"> </div>

<div class="atcontent">

<div align="center">

<div style="background:url()#000000 no-repeat;">

<div style="text-align: center;">

CODE SHOUTBOX KORANG

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()">CLOSE</a></div>

<br /><div align="left" float: right;><a href="URL BLOG KORANG/">by NAMA KORANG</a><div style="color: #FFFFFF;">

<span ></span></div></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.top = (-200-at.offsetWidth).toString() + "px";

</script>

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;F

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:150px; right:5px;'>

<a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i180.photobucket.com/albums/x2/vs1e2007/notes.png" alt="PUSH" title="KLIK ME" /></a>

</div>

  NAK BUBUH BACKGROUND URL BOLEH DISINI ; yang nie korang letak laa pape . tak letak pown tape .
 Jangan lupa wane PINK yunk soh letak nama yee ^^

 top ; bole tuka sama ada na TOP /BOTTOM / LEFT / RIGHT

top : dari atas macam nana punya .

bottom : dari bawah 

left : dari kiri

right : dari kanan 

Na letak gambar pula dekad : src="http://i180.photobucket.com/albums/x2/vs1e2007/notes.png" ganti kan wane mera uh nan gambar yunk anda suka . 

Contoh Gambar

http://i1119.photobucket.com/albums/k638/muna97/shoutttt.png

http://i1119.photobucket.com/albums/k638/muna97/th_shout-1.png?t=1300364463

http://i1119.photobucket.com/albums/k638/muna97/th_shoutt2.png?t=1300364463

http://i1119.photobucket.com/albums/k638/muna97/th_shouttt.png?t=1300364463

http://i1119.photobucket.com/albums/k638/muna97/th_shoutbbb.png?t=1300364463

http://i1119.photobucket.com/albums/k638/muna97/shoutbox-1.png

Sekian terima kaseh . Selamad menjuba . Byebye .

Jenis-jenis Border

Hrmmm , Border border ni banyak kegunaan yunk korang leh pakai . contoh kad post title kan ?? post body pon bole , Ni cume amek code jek .

Pilih mana korang suka and copy la code nyer 

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

}

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

}

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

}

-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}

-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;}

-moz-border-radius: 35px;border-radius: 35px;} 

Border kad atas ni , korang leh COPY ~ PASTE kad !! Post Title . Sidebar pon bole jua . 

• Alau na gune untok Post Tile  Cari kad Edit Post > h3.post-title { 

• Alau Sidebar lak , cari > h2 { 

Oke semoga berjaya . Byebye . 

Ayad Ikod Cursor

Oke eden na wad tuto siked . Perkataan ikot cursor Jom buat .

Kad HTML/JAVA

Copy Code nie .

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'forte';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>

Oke ?? daa siap Copy. kita Paste kan .

Daa siap , good boy and girls .

Title Bar

Apa kah Title bar ??

 

Korang nampak ta aq nye yunk uh , begerak,gerak . haa , itu la dia . *kad pic uh memang la ta gerak . korang nengok la aq nyer atas uh . oke ?? hehe . oke . meh wad . 

Dashboard = Design  = Page Element = Add A Gadget = HTML/Javascript

 oke meh masok >SINI<

1 . Korang tulis lah perkataan apa yang korang na dia gerak-gerak .

2 . Korang pilih lah effect macam mana yunk korang na .

3 . Untuk tukar speed dia . Lagi kecil nombor tuh makin laju dia gerak ok . 

Kalau dah Oke , korang tekan la GENERATE CODE . 

Copy kod and paste dekad LAYOUT > ADD A GADGET > HTML

After that  DONE

sweet tooltips

ermm ! ari ni aq na ajau bende ala nie . emm , apa ka ?? aduh ~ yunk ni kan . ko letak mouse ko kad mane,mane link je . Dia akan kuar url address link . paham ta ?? hehe^^ ala yunk kuar wane pink . aduhh ~ alau ta paham juga . meh , buad jer .

Dashboard = Design = Edit HTML = Tick Expand Widget

Oke ?? pas uh korang cari laa

</head>

na wane pink 

<link href='http://h1.ripway.com/mommypinky85/mommypinky.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

na wane Biru ? 

<link href='http://h1.ripway.com/mommypinky85/mommypinkysolehah.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

daa siap copy ?? oke . korang leh SAVE . siap . good anda .

Post Title background

emm , ade orang tanye macam mana ? sorry , lambad letak . Haha^^

oke,oke . jap ae . jangan mara tau . sorry sangat .

 Dashboard  Design   Edit HTML

Cari .post h3 { kalau tade cari h3.post title {

oke ?? da jumpe ?? meh copy yunk nie ??

border: 3px dashed  #FF0080;
Text-align:center;
background:url(LINK BACKGROUND)

wane ijau : warna border , korang leh tukar >kad sini<
wane mera : Link backgroung korang leh amek >kad sini<

oke , akhir nyer siap jua . AMIN ^^ hehe .

Tulisan Membesar .

Hai , Salam sejaterah , Salam Mahkota . hahaha^^ ari ni aq na wad tuto Ayad besar ?? bagai mana ka ?? ala korang buad je . nantie korangtahu laa . hehe^^ besau , kecit . besau kecit . oke kita mula kan . maca, biase .

Design ~~ > edit Html

oke . korang cari yunk nie dulu ??

a:hover

da jumpe ?? oke , korang leh copy paste kad bawa a:hover

langkah ke 2

font-size: 22px;font-weight: bold;text-decoration: none;}

da copy paste ?? da siap ?? oke takan preview nengok dulu jadi ke tida . jika jadi anda tekan Save

selamad bejaya . byebye

list wish

Hai , na wad tuto siked laa . bosan laa . hehe^^

oke . jom . kita buad ye . senang jek macam biase .

Design ~ page element ~ Add a gadget > MTML javascript

oke !! salin code bawa ni .

<center><form name=myform>
<input type="checkbox" name="mybox" value="wishlist1" checked />wishlist1 <br /></center>
<center><input type="checkbox" name="mybox" value="wishlist2" checked />wishlist2 <br /></center>
<center><input type="checkbox" name="mybox" value="wishlist3" disabled />wishlist3 <br /></center>
<center><input type="checkbox" name="mybox" value="wishlist4" disabled />wishlist4 <br /></center>
</form>
</center>

daa copy ? good .

> Na wad list wish yunk betanda . Checked . yunk ta benrtanda pula . Disabled . 


> Wishlist : Tulisla pape yunk korang suka . 

example list wish

wishlist1

wishlist2

wishlist3

wishlist4

Sekian terima kaseh ~~

shadow kad image .

em . aq na buad . shadow kad image , sebenar nye . aq ta tahu apa nama dia . sue cakap . shadow kad image so . itu la nama nye . oke . macam biasa . ala benda ni. yunk . alau korang detak arrow korang kad image . dia jadi bulad . ini la dia .

oke ?? amek contoh . korang letak arrow korang kan pic ni !! oke ??kan ade pink . haa !! itu la dia . oke SELAMAD MENCUBE .

Design ~> Edit HMTL ~> pas uh cari . /*Header

da jumpe ?? oke . korang copy. code ni kad atas /*Header .

<

/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}

oke pas uh tekan , Preview dulu . da jadi ?? oke . tekan Save


Sekian terima kasih !!

Welcome Msg di Blog !!

Assalamualaikum ?? bosan laa . na wad tutorial la siked . . hehe^^ sorry laa . ta de pic yunk na aq tunjok kan bagi contoh . tapi korang g kad Yana Pinkyy ada kan ??

Alaa . yunk bila koang masok . ada kuar kotak . dan korang kene tekan oke ? 

oke macam biasa . hehe^^

 Pergi kat DESIGN >> ADD A PAGE ELEMENTS >> HTML/JavaScript

 Copy code bawa nie !! 

<script> function MYALERT() {

alert("Welcome.."); } MYALERT()

</script>

Welcome : Korang leh tulis ayad korang sendirir yew !!

Akhir sekali Save !! 

Siap jua . apa pon . semoge bejaya yew . byebye !!

Fieldset box !

Aq na buad Fieldset ?? apa kaa ?? emm . maybe ada yunk da tahu . coz benda ni da maju . hehe^^ oke yunk ta tahu , meh aq ajau .

Example :

Ini la benda ala dia

Oke da tahu lom ?? hehe . Oke meh aq bagi code dia ae ??

macam biasa . korang g kad

Design ~> Page Element ~> Add a gadget ~> HTML

Copy Code kad bawa ni tau .

<form><fieldset><legend>Tajuk</legend>Tulis apa,apa jek</fieldset></form>

Oke daa siap !! SAVE !! senang kan !! 

Lagi satu . kad tajok uh pon korang leh letak pic apa,apa je . aq bagi contoh ae jap,jap .

Oke , macam nie jek . Daa siap .

p/s : senang je kan . ta usah pening,pening . Sekian Terim kasih !!

Ayad Bergerak

Hai , Sebelom yana tido . yana na wad tutorial siked buad korang bole . hehe^^ yunk simple jek laa . mata kuyu la yank !!

oke macam biase ye yank !!

Design ~> Add A Gadget ~> HTML

Example :



Saia sayunk Awak la nyod !! sayunk gyler babi ! kala babi utan . hehe ! Mengarod bin sarod semata,mata di mata mue .

<marquee>AYAD CINTA ANDA</marquee>

oke . daa Tulis kad HTML ?? apo lagi save laa .

p/s : simple jek . hehe^^ maybe korang pon da tahu na buad . hehe^^

Link Hover

Assalamualaikum ?? em ?? manyak bosan . Na wad tuto laa . emm . ari ni . kite belajar wad Link Hover ? apa ka ?? emm . korang letak kad Tajuk Yana pinkyy uh . kan ade daun,daun . itu la dia . daa ta mo poneng,poneng . meh akak ajar kan .

Dashboard ~> Design ~> Edit HTML

daa g kad Edit Posts kan ?? korang carik a:hover {

color: #FFAFAF;

   text-transform: none;

Daa jumpe ?? oke . korang padam bende uh . korang ganti yunk baru .

a:hover {
color:#FF6699; background:url(URL Hover) ;
background-repeat: repeat;
text-decoration:underline;
}

URL Hover = Itu korang letak Link Pic yunk korang pilih .

Contoh LINK yunk leh korang amek

Hujan Rahmad

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

Taik Bintang

http://sl.glitter-graphics.net/pub/602/602355k2suf9v03y.gif

Lolypop

http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif

Cinta Daun

http://sl.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif

oke daa tukar URL tadi kan ?? so korang leh Preview dulu . nengok jadi ke ta . alau jadi korang tekan la Save oke^^


p/s : Hope korang paham . dan berjayer . jika tidak jadi sila maklum^^ terima kasih^^