How to make your blog get up? I wrote myself a few days of 9CBS blog. I found that many people's blog could make some more personality on the basis of the framework of providing, such as a weather forecast, personality mouse follows the time. And even some music, I thought it was a high level of others, so people have it, and later I saw some netizens writing Dongdong. I suddenly found that I can customize my blog interface. I will experience my experience. Dear sharing.
Customized Blog interface is mainly able to find space, otherwise it will be useless.
Step 1: You have to log in to the Blog management interface with your own account and click the "Options" tab.
Step 2: Click "Configure" to enter the configuration interface.
Step 3: Pulling the scroll bar on the right side of the browser down (anyway, it needs to pull down under my resolution), have you seen a "static news / declaration", this is where we need to find, that is Ability to give us a place where space is played. We can write your own code here, you can write HTML code and JavaScript code, other no trials, it is also possible, you can test it together and progress together.
Said more useless, give an example, you know how to use it:
1. Play background music:
I need to put a little background music on my blog, can you? OK, of course, you can.
As long as it is posted on this code, you can have music. For some of the red, you can change it yourself. Save it or hear music?
In addition, everyone can write a random function here so that each time you enter the page, you may play different results, in fact, you can do this, see everyone's creation.
2. Effect with the mouse and clock:
I only give you a code, I am also copying from others.
DCOL = 'CC0000'; // Date Colour.
Fcol = '0099ff'; // face color.
Scol = 'ff0000'; // Seconds Colour.
Mcol = '0099ff'; // minutes colour.
Hcol = '0099ff'; // Hours colour.
Clockheight = 40;
ClockWidth = 40;
ClockFromMousey = 0;
ClockFromMousex = 100;
// ALTER NOTHING BELOW! Alignments Will Be Lost!
D = New Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "SaturDay");
M = New Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", " Date = new date ();
Day = date.getdate ();
Year = Date.getYear ();
IF (Year <2000) Year = YEAR 1900;
Todaysdate = "" D [Date.getDay ()] " day " m [Date.getMonth ()] "" year;
D = TodaySdate.split ('');
H = '...';
H = H.SPLIT ('');
M = '....';
M = m.split ('');
S = '.....';
S = s.Split ('');
Face = '1 2 3 4 5 6 7 8 9 10 11 12';
Font = 'Taoma';
SIZE = 1;
SPEED = 0.6;
NS = (Document.Layers);
IE = (Document.all);
Face = face.split ('');
n = face.length;
a = size * 10;
YMOUSE = 0;
XMouse = 0;
SCRLL = 0;
PROPS = "";
PROPS2 = "";
Split = 360 / N;
DSPLIT = 360 / D.LENGTH;
Handheight = ClockHeight / 4.5
HANDWIDTH = Clockwidth / 4.5
Handy = -7;
HANDX = -2.5;
SCRLL = 0;
Step = 0.06;
Currstep = 0;
y = new array (); x = new array (); y = new array (); x = new arch ();
For (i = 0; i DY = new array (); dx = new array (); DY = new array (); dx = new arch (); For (i = 0; i IF (ns) { For (i = 0; i For (i = 0; i Document.write (' For (i = 0; i Document.write (' For (i = 0; i Document.write (' For (i = 0; i Document.write (' } IF (ie) { Document.write (' Document.write (' For (i = 0; i Document.write (' For (i = 0; i Document.write (' Document.write (' div> div>); Document.write (' For (i = 0; i Document.write (' Document.write (' For (i = 0; i Document.write (' Document.write (' div> div>) } (ns)? Window.captureevents (Event.Mousemove): 0; Function mouse (evnt) { YMOUSE = (ns)? evnt.pagey clockfrommounty- (window.pageyoffset): Event.y clockfrommounty; XMouse = (ns)? evnt.pagex clockfrommousex: Event.x ClockFromousex; } (ns)? Window.onmousemove = mouse: Document.οnmοusemοve = mouse; Function clockAnsign () { Time = new Date (); SECS = Time.getSeconds (); SEC = -1.57 math.pi * secs / 30; Mins = time.getminutes (); min = -1.57 math.pi * mins / 30; HR = Time.GetHours (); HRS = -1.575 math.pi * hr / 6 math.pi * parseint (time.getminutes ()) / 360; if (ie) { Od.style.top = window.document.body.scrolltop; Of.style.top = window.document.body.scrolltop; Oh.style.top = window.document.body.scrolltop; Om.Style.top = Window.Document.body.scrolltop; Os.style.top = window.document.body.scrolltop; } For (i = 0; i VAR f = (ns)? Document.Layers ['nsface' i]: iface [i] .style; f.top = y [i] clockheight * math.sin (-1.0471 i * split * math.pi / 180) SCRLL; F.LEFT = X [i] clockwidth * math.cos (-1.0471 i * split * math.pi / 180); } For (i = 0; i VAR HL = (NS)? Document.Layers ['NSHOURS' I]: IEHOURS [i] .style; HL.top = y [i] handy (i * handheight) * Math.sin (HRS) SCRLL; HL.LEFT = X [I] HANDX (i * Handwidth) * Math.cos (HRS); } For (i = 0; i VAR ml = (ns)? Document.Layers ['nsminutes' i]: IEMINUTES [i] .style; Ml.top = y [i] handy (i * handheight) * Math.sin SCRLL; Ml.left = x [i] handx (i * handwidth) * Math.cos (min); } For (i = 0; i VAR SL = (NS)? Document.Layers ['NSSeconds' I]: IESECONDS [i] .style; Sl.top = y [i] handy (i * handheight) * math.sin (sec) scroll; Sl.left = x [i] handx (i * handwidth) * Math.cos (SEC); } For (i = 0; i VAR DL = (NS)? Document.Layers ['NSDATE' I]: IEDATE [I] .style; Dl.top = DY [I] clockheight * 1.5 * Math.sin (Currstep i * dsplit * math.pi / 180) SCRLL; DL.LEFT = DX [i] clockwidth * 1.5 * Math.cos (Currstep i * dsplit * math.pi / 180); } Currstep- = step; } Function delay () { Scrll = (ns)? Window.pageyoffset: 0; DY [0] = math.round (DY [0] = ((YMOUSE) -Dy [0]) * speed); DX [0] = Math.Round (DX [0] = (xMouse) -dx [0]) * speed); For (i = 1; i DY [i] = math.Round (DY [i] = (DY [I-1] -dy [i]) * speed); DX [i] = math.Round (DX [i] = (DX [i-1] -dx [i]) * speed); } y [0] = Math.Round (y [0] = ((YMOUSE) -Y [0]) * speed); x [0] = math.Round (x [0] = (xMouse) -X [0]) * speed); For (i = 1; i Y [i] = math.Round (y [i] = (y [i-1] -y [i]) * speed); X [i] = math.Round (x [i] = (x [i-1] -x [i]) * speed); } ClockAnsign (); SetTimeout ('delay ()', 20); } IF (ns || ie) window.οnlοad = delay; Script> 3. Weather forecast Post the code below