Friday 31 May 2013

Tutorial Jom Buat Blogskin Sendiri Part 2

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
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
</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 :p

Step 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" />&nbsp;<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>&nbsp;Make people laugh. but i'm not a clown xD<br /><br /><img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" />&nbsp;<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 ketujuhdi 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$>&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;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" />&nbsp;<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>&nbsp;Make people laugh. but i'm not a clown xD<br />
<br />
<img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" />&nbsp;<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

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

61 comments:

Farah Waheda Wahid said...

nice tutorial...

Student Kecik said...

@Farah Waheda Wahid thanks kak farah

Unknown said...

ni blogskin ea??? rajin buat tuto.hehe..

Student Kecik said...

@Nana Liena hehe iye kak.

Bella said...

Asal dia jadi mcm post tu terulang !

Anonymous said...

Dia Jadi Mcm Post Tercopy 1 skali .. Ni --> http://gblogskin.blogspot.com/

Student Kecik said...

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 ^_____^

Unknown said...

hai, thank i dapat buat. tapi y kalau klik home,link,our, semua tu tak pergi ke link tu ye ?

adyrfzld said...

Akak, kod body tu hanya 1 je. Macam mana nak taruh?

Zawin said...

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?

alyn nylza said...

nak tanya nape awak punyer code2 tak leh nak copy??

Student Kecik said...

Mungkin tersalah kod sbb blogskin ni mmg complicated. Tqkpe cuba copy dulu full kod (:

Student Kecik said...

Ohh yang itu kena bukak dashboard kawan awak la ye (:

Student Kecik said...

Tambahkan post :)

Student Kecik said...

Tak boleh copy ? Ctrl + c yer :))

Unknown said...

Salam sis yang nak masuk ke boss bagai tu, tak boleh :3 Actually tak faham hehe xx

Unknown said...

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

Unknown said...

Sis, why saya punya post jadi double? Example sini: http://lifeofaina.blogspot.com . But ni for testing that's why I ask you :) Thanks :*

Student Kecik said...

@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 ? :)

Eira said...

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/

Student Kecik said...

@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

ZahrahZ said...

@anis Sk
takda blog ID ke?

Student Kecik said...

@flower licious ada ada. Cari di link atas dlm dashbiard :)

Unknown said...

SAMELA

Unknown said...

SAYE PUN SAME

Student Kecik said...

@kobato honato sama apa ye ? :)

cik umi said...

masuk tutorial kedua aku dah pening ! huarghh klo umi amek yg "bodo2" tu nak di paste kt mne pulak ? nak padam dr awal ke?

Student Kecik said...

@cik umi yup umi kena delete semua kod dlm tu dlu baru paste :)

Adda said...

great ,menjadi .Thanks :D
btw saya credit awak dekat blog :)

Student Kecik said...

@Adda waa tengs kreditkn >< Alhamdulillah mnjadi ! :D

Barniyah Ammara said...

Thanks!~ ^_^ Cuma kan, yang buat sendiri tak jadi, yang kena paste baru jadi. Tak apalah, asal jadi. =p

Student Kecik said...

Maaf semua anis ajarkan pening loqlaq..

@Barniyah Ammara Sama sama.. Maaf sgt sgt ramai yg tak jadi ):

STREAM said...

Thanks akak sebab bagi tuto. ^^

Student Kecik said...

sama sama sayang (:

najoxeun_ said...

Sis , napa bila dah save , view blog , then sy tekan yg boss / links tu tak kluar apa2 ?

Student Kecik said...

@Jin Eun tu maknanya ada yang tersalah/terubah code awak rasanya )= Awak copy yg fullcode saya bagi tu then tukar lah sikit2

Unknown said...

Knp sidebar xleh nk tekan ?bila tekan xjadi ape2 pun .. Mcm mne erk ?? Reply pls :))))

Student Kecik said...

@Mineko_Ira ada something code yang rosak / tersilap tu. Cek bnyk2 kali ek =)

Nuratun Aufa said...

yg code "entry,boss,stuff,links" tu nk paste kan kat kod yg mna eh untuk bg dy trletak di ats sekali ??? ^^

Nuratun Aufa said...

yg code psl "entry,boss,stuff,link" tu nk paste kat mna ya utk bg dy trltak kat atas skali ?? :/

Student Kecik said...

@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

Cik Bulan Hitam said...

Guna Template Blogskin Tu ya

Student Kecik said...

Okay awak :)

Azlin Nadiah Omar said...

terima kasih untuk tuto ni :)

Student Kecik said...

@Azlin Nadiah Omar sama sama (:

Anonymous said...

Akak.. bila saya tekan kan.. tk keluar hapa2.. mcm mne ni???

Student Kecik said...

@Husna double check kod husna tuh.. kot2 ada hilang kod penting. yee

Fatin Nabila said...

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 :)

Student Kecik said...

@Fatin Nabila Maaf awakk klo xjadiikk oke copy ja code yg itu ya :D

Unknown said...

saya tak jadi apapa pun....~_~

Student Kecik said...

@kobato honato try copy fullcode yg anis kasi

gadis kampung said...

saya copy r..tq :)

gadis kampung said...

saya guna tmplet blogskin tu r..tq dear

Student Kecik said...

@miz August oke =)

gadismatahari said...

tq . jadi ^^

gadismatahari said...

hihi nice

Student Kecik said...

@gadismatahari alhamdulillah.. hihi wc =)

missfatinnabilah said...

sis thanks.. saya amik follow tuto sis ye..

AfiqahMazlan said...

kat toturial tu anis ckp letak code kat bahagian welcome ? cenna tak faham la ?

Anonymous said...

kenapa? saya buat tk jadi eh dia macam ada dua bahagian post , pening kpala nis

Student Kecik said...

@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