بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum dan hello
Nampak tak telah termeterai satu perjanjian antara anis dengan Natasya Aina ? Ada lagi yang request sampai naik fed up diorang tunggu. huhu. Baca Basmallah banyak banyak dan kalau ada yang tak faham jangan malu jangan segan nak tanya student kecik nie.
Nie sambungan haritu. Blog korang akan dapat satu page sahaja iaitu page untuk entry atau post anda. Untuk part 2 nie anis nak ajar macam mana nak buat page about, stuff, links , ok ?
Step pertama : Login Dashboard > Template .
Step Kedua : Tengok code dalam tu, tenung lama lama sampai bocor skrin.
** JOM MULA DENGAN LAFAZ BISMILLAHIRRAHMANIRRAHIM**
Step pertama : Copy kod bawah ni dan paste di bahagian sidebar korang. Sebagai contoh anis letak di bahagian welcome.
<center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">ENTRY</a><a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">BOSS</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINKS</a>
BLUE : Yang ni jangan usik apa-apa . Haram katanya .
RED : Yang nie boleh tukar ayat anda sendiri kalau nak tukar.
Step kedua : Ctrl+f/f3, cari kod
BLUE : font color. cari di link atas tu
PEPEL : warna untuk border
</style>Pastekan kod bawah ni di ATAS </style>
.navigate {background: #FC9EBD;display:inline-block;color: #fff; border: 2px solid #FFF9BB; border-radius: 5px;padding: 6px;}RED : background color. cari di html-color-codes.info
BLUE : font color. cari di link atas tu
PEPEL : warna untuk border
Klik preview !
Jadi macam ni tak ?
kalau jadi tu. tahniah ! (y)
Step Ketiga : Ctrl+f / f3, cari kod
<div class="mainblog">Copy kod bawah ni dan pastekan di BAWAH dia. Bawah kod tu ada kod macam satu perenggan kan? Gantikan ! gantikan ! replace ! Replace sampai kod </blogger>
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div><br><$BlogItemBody$></br>Yang saya pepelkan tu tukar dengan URL Image anda sendiri.
Sudah, teruskan dgn step keempat
Step keempat : Ctrl+f / f3, cari kod
</body>Pastekn ja kod yang aku bagi ni dan paste di ATAS tu
<div id="diary" style="display: none;">-<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div><br><$BlogItemBody$></br>
</blogger></div>
PREVIEW, SAVE
Aku tak nak memanjang cerita jadi teruskan jelah dengan step kelima. Tahu, kau orang pun mesti menyampah tengok aku bebel panjang panjang :pStep kelima : di atas kod </body> paste kan kod nie ATAS dia. Yang ini kod untuk bahagian BOSS. Kira untuk bio korang lah
<div id="about" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> This Is Real Me</div><br><center><img height="321" src="http://data.whicdn.com/images/21526968/tumblr_lmvzy0WltB1qekcrso1_500_large.gif" width="500" /></center>
<img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" /> <b>My own biography</b><br /><b>Name : </b>ryna, rynn<br /><b>Date of birth : </b>20 August 98<br /><b>Wants to be : </b>a lawyer<br /><b>Born at : </b>Klang, Malaysia<br /><b>Stay : </b>Rawang<br /><b>Love to :</b> Make people laugh. but i'm not a clown xD<br /><br /><img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" /> <b>About My Blog</b><br /><b>Since : </b>3 December 2011<br /><b>Name </b>: W O N D E R L A N D |
<br><br>
Boleh tukar apa yang nak kecuali yang aku merahkan tu.
Step keenam : di atas kod </body>, pastekan pulak kod ni. yang nie untuk kod bahagian stuff. kira cam tutorials, freebies ke
<div id="stuff" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br><center>change this with your own stuff</center><style>.lulu{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kti3ny3d2oyhsrj_xciaQRwjrXM9orIX0tdgjGJj3a2XE4dX7TSFajiD5WvOBqSvsWmzUrMLCfy4Zpvvr7blCKqhuZ4BSdpAsCmHIu4gtwLYsBSvx1HK_aUpiAyMYPXO4yC-H2twq9g/s1600/oristripe.gif);color:#AAAAAA;-webkit-transition: 1.0s; -moz-transition: 1.0s;letter-spacing:5px;margin-bottom:5px;margin:15px;width:500px;font-family:'hyperbole';font-size:12px;line-height:8px;text-align:center;padding-right:0px;}
.eunji {cursor:pointer;display:inline-block;text-align:left;width:350px;color:#888;padding:1px;background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);color:#888;background-repeat:no-repeat;background-size:14px;padding-left:15px;line-height:18px;}
.eunji:hover{background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);background-repeat:no-repeat;background-size:14px; padding-left:15px;line-height:18px;color:#EAABFE}</style><center><img height="321" src="http://data.whicdn.com/images/63192082/large.jpg" width="500" /></center><div class="lulu">TITLE</div><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a></center></div></div></div>
<br><br>
Boleh tukar apa yang nak kecuali yang aku merahkan tu.
Step ketujuh : di atas kod </body>, pastekan pulak kod ni. yang nie untuk kod bahagian links. kira macam exchange links gituw lorh
<div id="link" style="display: none;"><div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Exchange Link</div><br>
<center><img height="321" src="http://data.whicdn.com/images/61952053/large.jpg" width="500" /></center><br>
<style>a.navigate5 {border: 1px solid #eee;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);font: 10px 'times new roman';letter-spacing: 2px;color: #888;padding:5px;width:60px;padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0s;text-align: center;text-transform: uppercase;display:inline-block;margin:2px;}
a.navigate5:hover {cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;color: #e5d4b3;text-decoration: none;}</style>
<center>P/s : Tell me at my cbox if you want to echange link with me. You delete me, I delete yours</center><br><a class="navigate5" href="http://studentkecik.blogspot.com/">Anis SK</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><br><br></div>
Boleh tukar apa yang nak kecuali yang aku merahkan tu.
nota budak nerd : Di atas sebab aku kasi tutorial yang macam cincai boncai, jadi aku nak bagi hadiahlah. In case, bahagian stuff tu ada efek power! Dalam boss tu ada macam image favicon, ada tulis sikit-sikit. Dalam links tu pula lagi lah 'kaw' ! dah tersedia dengan rapi dijaga dengan baik oleh babu anis SK. Tak percaya try je lah. menipu tu kan .. tak .. baik (tergagap gagap pula)
Dan aku jugaak tahu ada jugak sesetengah yang tak nak godek godek sendiri, kan? Senang cite, pendek kata, pemalas. haha ! Nah lah kod bodo bodo style.
<html>
<head>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH029Zl4KmepNJ38c7vrWLBAjXuxU_pWLSBvT_LZD80YsBJukTOvYKGhZXzo2EKu-BUU-4fRK7VSly61M6ilkWDU5Nloo-VcfQdg66Vj-c-oaDh6lX554vp5Zy9-dbNYFIAJOaGl4jeK8T/s1600/12oeJ2.png" /></center>
<title>My Wonderland</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vzY0JvOYK1Wt1anMZMKvtUAbPhGBwwR3fV2VZl4Z_VDKdjzNKczv-SwOCPW8wprg9v5eGhZmUwfodw_Rn7L5Qt_URcQeohX6KnzBf0xkKAxcUMPJhooPelNJ7RUKHOUEqN5vrZZmCg/s1600/04.gif), auto;
background: url(http://i1074.photobucket.com/albums/w419/amaninaonly/th_polkadotpink-1.gif);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vzY0JvOYK1Wt1anMZMKvtUAbPhGBwwR3fV2VZl4Z_VDKdjzNKczv-SwOCPW8wprg9v5eGhZmUwfodw_Rn7L5Qt_URcQeohX6KnzBf0xkKAxcUMPJhooPelNJ7RUKHOUEqN5vrZZmCg/s1600/04.gif), auto;
-webkit-transition-duration: 0.5s;
color: #000;
}
.mainblog {
background:#ffffff;font-size: 11px;
color:#000;
padding:14px;
width:600px;
border-radius:13px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;font-size: 11px;
color: #000;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
letter-spacing: 2px;
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #a9a9a9;
}
.title2 {
color:#a9a9a9; letter-spacing: 2px;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic; font-family: trebuchet ms; letter-spacing: 2px;
font-size:10px;
margin-bottom:2em;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #6c5656;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #fff;
}
blockquote {
-webkit-transition:2s;
color:#111;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);
border-left:9px solid #ffa1c2; border-right:9px solid #eee; border-top: 1px dashed #ffcaca; border-bottom: 1px dashed #ffcaca;
padding:8px;
border-radius:8px;
}
blockquote:hover {
box-shadow:0px 0px 25px #ffa1c2;
color:#000000;
border-right:9px solid #ffa1c2; border-left:9px solid #eee;
padding:8px;
border-radius:10px;
}
.navigate {
background: #FC9EBD;display:inline-block;
color: #fff; border: 2px solid #FFF9BB; border-radius: 5px;padding: 6px;
}
.footer {
text-align: right;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
</style>
<body><br>
<table style="line-height: 17px;" width="880" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width:550px;">
<div class="mainblog">
<div id="entry">
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle>
</div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>
</blogger>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title2">Welcome here</div>
<center> Helo, Assalamualaikum. Sila ketuk pintu sebelum masuk. Eh tak da pintu? Ketuk tingkap LOL ;p</center>
<center><b> Change this with your own </b></center></div>
<br>
<div class="sidebarblog">
<div class="title2">Le'Menu</div>
<center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">ENTRY</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">BOSS</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINK</a>
</center>
</center></div>
<br>
<div class="sidebarblog">
<div class="title2">Credit's</div>
<center>Blah blah blah </center></div>
<br>
</td>
<div id="diary" style="display: none;">-
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21" align="left" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;margin-top:-4px;margin-left:3px;" allowTransparency="true"></iframe><br>
</blogger>
</div>
<div id="about" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> This Is Real Me</div><br>
<center><img height="321" src="http://data.whicdn.com/images/21526968/tumblr_lmvzy0WltB1qekcrso1_500_large.gif" width="500" /></center>
<img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" /> <b>My own biography</b>
<br />
<b>Name : </b>ryna, rynn<br />
<b>Date of birth : </b>20 August 98<br />
<b>Wants to be : </b>a lawyer<br />
<b>Born at : </b>Klang, Malaysia<br />
<b>Stay : </b>Rawang<br />
<b>Love to :</b> Make people laugh. but i'm not a clown xD<br />
<br />
<img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" /> <b>About My Blog</b><br />
<b>Since : </b>3 December 2011<br />
<b>Name </b>: Z E R O |
<br>
<br>
<div id="stuff" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br>
<center>change this with your own stuff</center>
<style>
.lulu{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kti3ny3d2oyhsrj_xciaQRwjrXM9orIX0tdgjGJj3a2XE4dX7TSFajiD5WvOBqSvsWmzUrMLCfy4Zpvvr7blCKqhuZ4BSdpAsCmHIu4gtwLYsBSvx1HK_aUpiAyMYPXO4yC-H2twq9g/s1600/oristripe.gif);
color:#AAAAAA;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
width:500px;
font-family:'hyperbole';
font-size:12px;
line-height:8px;
text-align:center;
padding-right:0px;
}
.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}
.eunji:hover{
background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
color:#EAABFE
}
</style>
<div class="lulu">TITLE</div>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
</center>
</div>
</div>
</div>
<br>
<br>
<div id="link" style="display: none;">
<div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Exchange Link</div><br>
<center><img height="321" src="http://data.whicdn.com/images/61952053/large.jpg" width="500" /></center><br>
<style>
a.navigate5 {
border: 1px solid #eee;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);
font: 10px 'times new roman';
letter-spacing: 2px;
color: #888;
padding:5px;
width:60px;
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
text-align: center;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.navigate5:hover {
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;
color: #e5d4b3;
text-decoration: none;
}
</style>
<center>P/s : Tell me at my cbox if you want to echange link with me. You delete me, I delete yours</center><br>
<a class="navigate5" href="http://studentkecik.blogspot.com/">Anis SK</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a>
<br>
<br>
</div>
</table></body></head></html>
<head>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH029Zl4KmepNJ38c7vrWLBAjXuxU_pWLSBvT_LZD80YsBJukTOvYKGhZXzo2EKu-BUU-4fRK7VSly61M6ilkWDU5Nloo-VcfQdg66Vj-c-oaDh6lX554vp5Zy9-dbNYFIAJOaGl4jeK8T/s1600/12oeJ2.png" /></center>
<title>My Wonderland</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vzY0JvOYK1Wt1anMZMKvtUAbPhGBwwR3fV2VZl4Z_VDKdjzNKczv-SwOCPW8wprg9v5eGhZmUwfodw_Rn7L5Qt_URcQeohX6KnzBf0xkKAxcUMPJhooPelNJ7RUKHOUEqN5vrZZmCg/s1600/04.gif), auto;
background: url(http://i1074.photobucket.com/albums/w419/amaninaonly/th_polkadotpink-1.gif);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vzY0JvOYK1Wt1anMZMKvtUAbPhGBwwR3fV2VZl4Z_VDKdjzNKczv-SwOCPW8wprg9v5eGhZmUwfodw_Rn7L5Qt_URcQeohX6KnzBf0xkKAxcUMPJhooPelNJ7RUKHOUEqN5vrZZmCg/s1600/04.gif), auto;
-webkit-transition-duration: 0.5s;
color: #000;
}
.mainblog {
background:#ffffff;font-size: 11px;
color:#000;
padding:14px;
width:600px;
border-radius:13px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;font-size: 11px;
color: #000;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
letter-spacing: 2px;
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #a9a9a9;
}
.title2 {
color:#a9a9a9; letter-spacing: 2px;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic; font-family: trebuchet ms; letter-spacing: 2px;
font-size:10px;
margin-bottom:2em;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #6c5656;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #fff;
}
blockquote {
-webkit-transition:2s;
color:#111;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);
border-left:9px solid #ffa1c2; border-right:9px solid #eee; border-top: 1px dashed #ffcaca; border-bottom: 1px dashed #ffcaca;
padding:8px;
border-radius:8px;
}
blockquote:hover {
box-shadow:0px 0px 25px #ffa1c2;
color:#000000;
border-right:9px solid #ffa1c2; border-left:9px solid #eee;
padding:8px;
border-radius:10px;
}
.navigate {
background: #FC9EBD;display:inline-block;
color: #fff; border: 2px solid #FFF9BB; border-radius: 5px;padding: 6px;
}
.footer {
text-align: right;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
</style>
<body><br>
<table style="line-height: 17px;" width="880" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width:550px;">
<div class="mainblog">
<div id="entry">
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle>
</div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>
</blogger>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title2">Welcome here</div>
<center> Helo, Assalamualaikum. Sila ketuk pintu sebelum masuk. Eh tak da pintu? Ketuk tingkap LOL ;p</center>
<center><b> Change this with your own </b></center></div>
<br>
<div class="sidebarblog">
<div class="title2">Le'Menu</div>
<center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">ENTRY</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">BOSS</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINK</a>
</center>
</center></div>
<br>
<div class="sidebarblog">
<div class="title2">Credit's</div>
<center>Blah blah blah </center></div>
<br>
</td>
<div id="diary" style="display: none;">-
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21" align="left" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;margin-top:-4px;margin-left:3px;" allowTransparency="true"></iframe><br>
</blogger>
</div>
<div id="about" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> This Is Real Me</div><br>
<center><img height="321" src="http://data.whicdn.com/images/21526968/tumblr_lmvzy0WltB1qekcrso1_500_large.gif" width="500" /></center>
<img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" /> <b>My own biography</b>
<br />
<b>Name : </b>ryna, rynn<br />
<b>Date of birth : </b>20 August 98<br />
<b>Wants to be : </b>a lawyer<br />
<b>Born at : </b>Klang, Malaysia<br />
<b>Stay : </b>Rawang<br />
<b>Love to :</b> Make people laugh. but i'm not a clown xD<br />
<br />
<img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" /> <b>About My Blog</b><br />
<b>Since : </b>3 December 2011<br />
<b>Name </b>: Z E R O |
<br>
<br>
<div id="stuff" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br>
<center>change this with your own stuff</center>
<style>
.lulu{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kti3ny3d2oyhsrj_xciaQRwjrXM9orIX0tdgjGJj3a2XE4dX7TSFajiD5WvOBqSvsWmzUrMLCfy4Zpvvr7blCKqhuZ4BSdpAsCmHIu4gtwLYsBSvx1HK_aUpiAyMYPXO4yC-H2twq9g/s1600/oristripe.gif);
color:#AAAAAA;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
width:500px;
font-family:'hyperbole';
font-size:12px;
line-height:8px;
text-align:center;
padding-right:0px;
}
.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}
.eunji:hover{
background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
color:#EAABFE
}
</style>
<div class="lulu">TITLE</div>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
</center>
</div>
</div>
</div>
<br>
<br>
<div id="link" style="display: none;">
<div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Exchange Link</div><br>
<center><img height="321" src="http://data.whicdn.com/images/61952053/large.jpg" width="500" /></center><br>
<style>
a.navigate5 {
border: 1px solid #eee;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);
font: 10px 'times new roman';
letter-spacing: 2px;
color: #888;
padding:5px;
width:60px;
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
text-align: center;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.navigate5:hover {
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;
color: #e5d4b3;
text-decoration: none;
}
</style>
<center>P/s : Tell me at my cbox if you want to echange link with me. You delete me, I delete yours</center><br>
<a class="navigate5" href="http://studentkecik.blogspot.com/">Anis SK</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a><a class="navigate5" href="http://studentkecik.blogspot.com/">Friend</a>
<br>
<br>
</div>
</table></body></head></html>
Salam bahagia dari SK. haha bahagia lah kan.
Moga berjaya.
Kalau masih blur blur sentiasa tu copy je la full kod tu. Then pandai pandai lah tukar apa yang patut. Aku kan baik ;) kenyit mata
