Fieldset
Korang macam mana? Sihat? hmm.. Mish F ni tanya soalan tu sebab Mish pening sikit.. Hehehe.. Selagi berdaya, buat juga! Hari ni Mish nak ajar korang buatfieldset. Kalau korang tak tahu apa tu fieldset, meh Mish perkenalkan. tengok sini :-
For Images :
 |
For Text only : |
For YouTube Player
For Image
1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript
2. Copy kod ni
<fieldset><legend><img src="URL IMAGE"/></legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!
For Text Only
1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript
2. Copy kod ni
<fieldset><legend>YOUR TEXTS</legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!
For YouTube Player
1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript
2. Copy kod ni
<fieldset><legend>YOUR YOUTUBE PLAYER CODES</legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!
Labels: tutorial
Ayat Bergerak Di Menu Bar !!
Halo ! Halo ! hari ni rase macam nak buad satu tuto untuk korang..korang tau tak AYAT BERGERAK DI MENU BAR...yang kat menu bar ade tulis WELCOME TO MISH F !!tu la bendenye..Mish nak credit to Kak Lyssa untuk tuto yang berguna ni !! LET'S STARTS !!
- Dashboard > Design > Edit Html
- Then , korunk cari code ini : ( Tekan Ctrl+F untuk memudahkan pencarian)
<head>
3. Lepas dah jumpa , korunk paste kod kat bawah niyh di bawah kod yang korunk cari
tadi ok !
<script language='JavaScript'>var txt="TULIS AYAT KORUNK DI SINI";var kelajuan=250;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kelajuan);}bergerak();</script>
Labels: tutorial
Hide Shoutbox
Salam ..
Mari kita mulakan tutorial seterusnya ;)
Bagi new bloggers , korunk msty tertanya2 , ape itu hide shoutboxkan??
Hide shoubox tu yang ade pic kt tepi bile ditekan ia terbuka shoubox..
Itula hide shoutbox
Nak Mish F ajarkan ?
Sebelum Tuh nak Credit Kat Kak Lyssa Atas Tuto nih
Cara nyer , senang jer !
Cam neyy..
1. Dashboard > Design > Add Gadget > Html
2. Korunk copy code kat bawah niyh dulu....
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL PIC YANG KORUNK SUKA') no-repeat;}.gbcontent{float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)
<div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>
3. Lepas tuh , dh copy , paste kat Html tuh oke?
4. Yang Warna MERAH tuh , korunk g la cari pic mana2 yang ada tulis shoutbox k ?
5.Bg yang warna BIRU , korunk boleh tulis size tuh , mngikut kesesuaian ;)
6.Save . Beres :)
Kat Sini ! ada beberapa contoh image untuk Shoutbox ! Korang nak ? Ambik-Ambik ! jgn malu!
http://i.imgur.com/OUTeg.png
http://i.imgur.com/IDCVW.png
http://i.imgur.com/jrMSv.png
http://i.imgur.com/jVMmK.png
http://i.imgur.com/fIquP.png
Labels: tutorial
Home Icon Untuk Belog
Sebelum Kita Mulakan tuto ni...mish nk ckp thanxx kt lyssa sbb buad tuto ni untuk korang...mish cume share je ngn korang..
1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.
<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; bottom:10px; left:-12px;'>
<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />
*p/s : Korang bleh jgk , kalo nak ubah
width="50" height="50" ikot ke sesesuaian blog korunk k.
Law korunk nak letak kat bahagian atas korunk tukar kod yang berwarna pink tu k
bottom:10px; left:-12px;'>
Bottom tuka ke top
Left tka ke right
Dekat sini , Mish ada serta kan , beberapa link code icon ;)
If berminat , copy je yang kat bawah niyh , oke? :)
http://i122.photobucket.com/albums/o280/techwar88/home.gif
http://i269.photobucket.com/albums/jj47/anjieya/home-icon.jpg
http://i604.photobucket.com/albums/tt126/heporz/Icon/home-64x64.png
http://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png
http://i177.photobucket.com/albums/w205/hns911/frindster.gifLabels: tutorial
Sparkling Cursor
First , macam biasa lah .
Dashboard > Design > Add Gadget > Html
Then , korunk copy kod kat bawah niyh , and paste kan at gadget tuh k? :)
<script type='text/javascript'>
</script>
<script type='text/javascript'>// <![CDATA[var colour="#000000";var sparkles=100;
var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();var star=new Array();var starv=new Array();var starx=new Array();var stary=new Array();var tinyx=new Array();var tinyy=new Array();var tinyv=new Array();window.onload=function() { if (document.getElementById) {var i, rats, rlef, rdow;for (var i=0; i<sparkles; i++) {var rats=createDiv(3, 3);rats.style.visibility="hidden";document.body.appendChild(tiny[i]=rats);starv[i]=0;tinyv[i]=0;var rats=createDiv(5, 5);rats.style.backgroundColor="transparent";rats.style.visibility="hidden";var rlef=createDiv(1, 5);var rdow=createDiv(5, 1);rats.appendChild(rlef);rats.appendChild(rdow);rlef.style.top="3px";rlef.style.left="0px";rdow.style.top="0px";rdow.style.left="3px";document.body.appendChild(star[i]=rats);}set_width();sparkle();}}function sparkle() {var c;if (x!=ox || y!=oy) {ox=x;oy=y;for (c=0; c<sparkles; c++) if (!starv[c]) {star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";star[c].style.clip="rect(0px, 5px, 5px, 0px)";star[c].style.visibility="visible";starv[c]=50;break;}}for (c=0; c<sparkles; c++) {if (starv[c]) update_star(c);if (tinyv[c]) update_tiny(c);}setTimeout("sparkle()", 40);}function update_star(i) {if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";if (starv[i]) {stary[i]+=1+Math.random()*3;if (stary[i]<shigh+sdown) {star[i].style.top=stary[i]+"px";starx[i]+=(i%5-2)/5;star[i].style.left=starx[i]+"px";}else {star[i].style.visibility="hidden";starv[i]=0;return;}
}else {tinyv[i]=50;tiny[i].style.top=(tinyy[i]=stary[i])+"px";tiny[i].style.left=(tinyx[i]=starx[i])+"px";tiny[i].style.width="2px";tiny[i].style.height="2px";star[i].style.visibility="hidden";tiny[i].style.visibility="visible"}}function update_tiny(i) {if (--tinyv[i]==25) {tiny[i].style.width="1px";tiny[i].style.height="1px";}if (tinyv[i]) {tinyy[i]+=1+Math.random()*3;if (tinyy[i]<shigh+sdown) {tiny[i].style.top=tinyy[i]+"px";tinyx[i]+=(i%5-2)/5;tiny[i].style.left=tinyx[i]+"px";}else {
tiny[i].style.visibility="hidden";tinyv[i]=0;return;}}else tiny[i].style.visibility="hidden";}document.onmousemove=mouse;function mouse(e) {set_scroll();y=(e)?e.pageY:event.y+sdown;x=(e)?e.pageX:event.x+sleft;}function set_scroll() {if (typeof(self.pageYOffset)=="number") {sdown=self.pageYOffset;sleft=self.pageXOffset;}else if (document.body.scrollTop || document.body.scrollLeft) {sdown=document.body.scrollTop;sleft=document.body.scrollLeft;}else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {sleft=document.documentElement.scrollLeft;sdown=document.documentElement.scrollTop;}else {sdown=0;sleft=0;}}window.onresize=set_width;function set_width() {if (typeof(self.innerWidth)=="number") {swide=self.innerWidth;shigh=self.innerHeight;}else if (document.documentElement && document.documentElement.clientWidth) {swide=document.documentElement.clientWidth;shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}function createDiv(height, width) {var div=document.createElement("div");div.style.position="absolute";div.style.height=height+"px";div.style.width=width+"px";div.style.overflow="hidden";div.style.backgroundColor=colour;return (div);}// ]]></script>
*Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?
kalau tak nak tukar pun tak pe...tapi die jadi warna hitam la ekk..
THEN..Save.Da siap
Labels: tutorial
Ayat Berkelip - Kelip
Hey , dear ;)
Eh , eh ,
Apa itu ayat kelip-kelip ??
Tgk kat bawah ney ,ha !
<blink> Kelip -Kelip</blink>
haa , itu ! nampak tak , yang sedang berkelip tuh?
Itu lah dia! :)
Ayat berkelip ;)
Nak tahu , cam ner nak buad ?
1. Korunk copy code yang kat bawah niyh ;)
<blink> Ayat yang nak dikelipkan </blink>
* Ayat yang nak dikelipkan > Gantikan dengan ayat korunk sendiri =)
*SAVE . siap ;)
Labels: tutorial
Disable Right Click Without Message
Mish F Membebel,
1.Dashboard > Design > Add Gadget > Pilih Html/JavaScript
2. Copy code di bawah .. and paste dekat ruangan html/javascript tuh :
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
3. Da siap .SAVE:)
Labels: tutorial
Favicon
Mish F Membebel,
Dashboard=>Design=>Edit HTML=>Tick expand widget template .
2. tekan CTRL+F , search code dekat bawah ni ok :)
</head>
3. dah jumpa dah ? ok good . then copy code kat bawah ni .
<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>
<link href='URL gambar' rel='icon' type='image/x-icon'/>
paste kan dekat atas code </head> tu ok :)
4. lepas tu preview , kalau jadi save jela terus :)
*Letak URL gambar dekat
Warna Merah ! :)
Tak tahu nak cari gambar dkt mana ?
Glitter Graphics ~
Labels: tutorial
Shout Mix
Mish F Membebel,
Kalau k0rang nk daftar Shoutmix pegi link ni..
~ SHOUTMIX ~..Pastu Create la shoutbox korang yea :)..Labels: tutorial
Ayat Selepas Post !
Mish F Membebel,
Hari ni mish nk ajar korang buad Ayat Selepas p0st !k0rang tau x ayat selepas p0st tuh ape??
cuber k0rang teng0k p0st mish..pastu bawah dier ade tulis bla..bla..kan tuh la..kalu k0rang x tau jugak..buad je la..kalau k0rang x suke delete jer..
STEP 1
Dashboard>Design>Edit html>Tick Expand Widgets>Tekan Ctrl+F untuk cari code;
<data:post.body/>
STEP 2
Kemudian amik code di bawah ni dan masukkan selepas (bawah) code <data:post.body/>
<hr/><center><b>AYAT YANG KORANG SUKA</b></center><hr/>
STEP 3
Preview dan klik save jika tiada sebarang error pada code.
Labels: tutorial
