بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
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
61 comments:
nice tutorial...
@Farah Waheda Wahid thanks kak farah
ni blogskin ea??? rajin buat tuto.hehe..
@Nana Liena hehe iye kak.
Asal dia jadi mcm post tu terulang !
Dia Jadi Mcm Post Tercopy 1 skali .. Ni --> http://gblogskin.blogspot.com/
tgok gmbar nie
http://2.bp.blogspot.com/-jAt8dgaXFWA/Uai5datgDeI/AAAAAAAAKVc/YlbNjEw-8ck/s1600/capture-20130120-150031.png
higlightkan semua tu dan replace dgn kod yg saya bagi. lpastu ulang step sama dkat yg kod lg satu dlm gmbar tu =)
atau kalau nak lagi senang, better copy jelah kod yang terakhir saya bagi tu. then boleh la terus edit ^_____^
hai, thank i dapat buat. tapi y kalau klik home,link,our, semua tu tak pergi ke link tu ye ?
Akak, kod body tu hanya 1 je. Macam mana nak taruh?
Em kalau kita nak buat blogskin saja saja je I mean bukan utk blog kita, so kita kena guna template dkt dashboard kita jgk or ada tempat lain? Coz, blogskin yg saya guna skrg pun saya search dekat blogskin.com je. Saya nak buat utk org haa mcm mana ye?
nak tanya nape awak punyer code2 tak leh nak copy??
Mungkin tersalah kod sbb blogskin ni mmg complicated. Tqkpe cuba copy dulu full kod (:
Ohh yang itu kena bukak dashboard kawan awak la ye (:
Tambahkan post :)
Tak boleh copy ? Ctrl + c yer :))
Salam sis yang nak masuk ke boss bagai tu, tak boleh :3 Actually tak faham hehe xx
Sis, why saya punya post jadi double eh? Mungkin saya tersalah letak code tapi di mana ya? Boleh tengok sini: http://lifeofaina.blogspot.com *hanya testing
Sis, why saya punya post jadi double? Example sini: http://lifeofaina.blogspot.com . But ni for testing that's why I ask you :) Thanks :*
@Fatini Fattah dear yg tu untuk navigation, bila click on the spot pergi ke page tu tnpa buka link baru :). anis nk bukak blog awk tp knapa tak boleh ye ? :)
salam sis..sya dh try tips sis ny..tpy x jd la...pning sya...part yg sis sruh cri kod body 2 template sya xdk poun kod 2...tlg sya sis...
http://tyra-mrskaimin.blogspot.com/
@Eira wassalam , kalau nak buat part 2 ni ada hubung kait dgn tutorial part 1. mmg siapa2 pun qkan konfius dgn kod blogskin ni trmasuk sy. kalau sy ada masa n komputer sy dh elok sy tolong , inshaAllah :)# teruskan belajar kod blogskin lelama nnti msti pro. hehe
@anis Sk
takda blog ID ke?
@flower licious ada ada. Cari di link atas dlm dashbiard :)
SAMELA
SAYE PUN SAME
@kobato honato sama apa ye ? :)
masuk tutorial kedua aku dah pening ! huarghh klo umi amek yg "bodo2" tu nak di paste kt mne pulak ? nak padam dr awal ke?
@cik umi yup umi kena delete semua kod dlm tu dlu baru paste :)
great ,menjadi .Thanks :D
btw saya credit awak dekat blog :)
@Adda waa tengs kreditkn >< Alhamdulillah mnjadi ! :D
Thanks!~ ^_^ Cuma kan, yang buat sendiri tak jadi, yang kena paste baru jadi. Tak apalah, asal jadi. =p
Maaf semua anis ajarkan pening loqlaq..
@Barniyah Ammara Sama sama.. Maaf sgt sgt ramai yg tak jadi ):
Thanks akak sebab bagi tuto. ^^
sama sama sayang (:
Sis , napa bila dah save , view blog , then sy tekan yg boss / links tu tak kluar apa2 ?
@Jin Eun tu maknanya ada yang tersalah/terubah code awak rasanya )= Awak copy yg fullcode saya bagi tu then tukar lah sikit2
Knp sidebar xleh nk tekan ?bila tekan xjadi ape2 pun .. Mcm mne erk ?? Reply pls :))))
@Mineko_Ira ada something code yang rosak / tersilap tu. Cek bnyk2 kali ek =)
yg code "entry,boss,stuff,links" tu nk paste kan kat kod yg mna eh untuk bg dy trletak di ats sekali ??? ^^
yg code psl "entry,boss,stuff,link" tu nk paste kat mna ya utk bg dy trltak kat atas skali ?? :/
@nuratun aufa kalau nak ltak atas skali letak dekt bahagian sidebar mna yg awak nak. Cari tajuk sidebar tuh dn paste bawah dia. Lpstu baru ikut step selanjutnya
Guna Template Blogskin Tu ya
Okay awak :)
terima kasih untuk tuto ni :)
@Azlin Nadiah Omar sama sama (:
Akak.. bila saya tekan kan.. tk keluar hapa2.. mcm mne ni???
@Husna double check kod husna tuh.. kot2 ada hilang kod penting. yee
erm, saya copy je lh kod yg dh ade tu, sebab dh ikut tuto.. tpi yg entry, boss, stuff, satu agi tu dh tkn x kuar apa apa, ade post saya je :)
@Fatin Nabila Maaf awakk klo xjadiikk oke copy ja code yg itu ya :D
saya tak jadi apapa pun....~_~
@kobato honato try copy fullcode yg anis kasi
saya copy r..tq :)
saya guna tmplet blogskin tu r..tq dear
@miz August oke =)
tq . jadi ^^
hihi nice
@gadismatahari alhamdulillah.. hihi wc =)
sis thanks.. saya amik follow tuto sis ye..
kat toturial tu anis ckp letak code kat bahagian welcome ? cenna tak faham la ?
kenapa? saya buat tk jadi eh dia macam ada dua bahagian post , pening kpala nis
@nurul afiqah
bahagian welcome tu, daripada code perkataan "welcome here" sehingga habis coding.
@anon mungkin ada kesilapan pada code. Copy yang saya dah siapkan. Cuba preview
Post a Comment