Edit your Blogskin |Part1|
Monday, December 31, 2012 @ 5:06 AM
0 Comment(s)
Assalamualaikum
Today Mira nak show u guys how to edit HTML code for blogskin user~ Excited tak? Haha Kita sorg je yg excited. BTW i'm not an expert k. Still a lot of things that i need to learn. If Mira ada buat salah or bagi wrong info tell me guys (: Okay, now kita dah boleh mula. Lets begin! U all boleh buka korang punya blog html code now.
First thing yg akan appear on the top is <html> For ur info, every code yg start with this symbol <> must end with this symbol </> For example <div> end with </div> Between those two codes ada content other codes. Pening dah? Awal lagi nak pening-pening ni. Ni baru permulaan. Hehe. Relax, pergi minum air dulu. Tambahkan oxygen dalam badan :P
The next code yg korang akan jumpa after <html> is <head> Example.
<html>
<head>
<title>The World Behind Me</title>
<link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic004demoji_19044100decoojp.gif"/>
<script language=JavaScript>
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>P
</head>
Tu contoh content yg ada dekat dalam code between <head> to </head> As u can see, there is a lot type of code. What i mean by this is tak semestinya content dalam code <head> to </head> sebijik macam example yg Mira bg tu. Ada jugak org lain tambah other codes.
Blue - Title blog
Purple - Blog's Favicon
Green - Disabled right click
Here's another example.
<html>
<HEAD>
<TITLE>My Cute World</TITLE>
<style type="text/css">
body {
background-image: url(http://img128.imageshack.us/img128/2228/relaxingbg.png);
background-repeat: repeat;
background-color: #f7eea7;}
body {
position: absolute;
top: 200px;
left: 330px;
width: 650px;
background-color: #ffffff;
padding: 0 10px 0 10px;
-moz-border-radius: 20px 20px 20px; -webkit-border-radius: 20px 20px 20px; padding: 10px 10px 10px 10px;
}
.head {
font-face: Trebuchet MS;
font-size: 12px;
color: :#999999;
background-color:#;
border-style: solid;
border-color:#ccffff;
text-align: left;
cellpadding:10px;
height: 15px;
letter-spacing: 1pt}
blockquote {
font size: 8pt;
test-align: justify;
line-height: 11px;
line-width: 25px;
padding: 3px;
border-right: #000000 2px double;
color:#000000;
background:#ffdbea;
}
</head>
Purple - Blog's Title (u can change ur blog title here)
Red - Body of the blog (ur blog background)
Yellow - Main Body (a box where ur post will appear)
Light Blue - Head of the blog (header or another box where u type ur intro etc)
Black - Blockquote
Thats All for now. Wait for |Part 2|
Labels: blogskin