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?

Samsung Digital Camera Giveaway By Nabeel Fikree

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum, hi :)



Korang tau ke Nabeel Fikree sekarang tengah mencari pemenang untuk Samsung Camera Digital Giveaway dia tu? Kalau korang tak tau, haaa mari sini saya kasi tau. Sebelum tu, saya nak bagitau korang syarat nak join giveaway ni pun senang je.


Giveaway ni dibuat sebagai tanda terima kasih kepada pembaca blog nabeelstories katanye. Saya malas nak cakap panjang lagi, terus je bagi korang baca syaratnya :

  1. Follow blog NabeelStories.com
  2. Buat satu entri bertajuk Samsung Digital Camera Giveaway by Nabeel Fikree
  3. Sila copy code yang telah disediakan dan paste pada ruangan HTML entry
  4. Tinggalkan link penyertaan pada ENTRY INI sahaja

Macam mana? Senang je kan? Saya join ni pun sekadar ingin mencuba nasib. Manalah tau kot2 terpilih dapat jugak posing depan kamera baru hari2. Hehee..


TARIKH TAMAT PENYERTAAN : 20 Jun 2013



dalam beratus ratus orang, hanya seorang beb!  fuhhh 'kow' penangannya !
klik banner atau link utk join :)


THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Thursday 30 May 2013

Art Trade With Anis Johari

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Haii assalamualaikum :)

Wahh long time no see Student Kecik kan? *Perasan*
Jom pergi ke blog Anis Johari ! Jom jom !

" Kita ada buku SK sendiri, awak ada? Hihi =) " 
doodle FROM her and this is FOR her.

 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Monday 27 May 2013

Art Trade With Faradina Fazira

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم  Assalamualaikum , salam sejahtera

Jom pergi blog Faradina Fazira ! comel blog dia .

ni doodle dina kasi kat anis dan ni doodle untuk dina 

Jangan copy kecual dina (!)

 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Tips Untuk Mudah Tidur

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم  Assalamualaikum | Salam sejahtera

Intro yang tak de kena mengena ...
tadi blogwalking sana sini dari segmen nabeel stories. kebanyakan blogger student besar. haha maknanya  umur 2o lebih macam tu lah. terdetik rasa jely iollss nak jadi besar secepat mungkin. tapi tapi pmr pun tak lepas lagi. alahaii . 
habis dah intro ni .. he he he


Nak tanya. Cantik dok mata tu ? syyhh .. itu mata kawan saya. Kalau nak puji puji dalam hati jer.. kang dia baca nie kembang kuncup hidung dia. saje ja saya curik gambar ni dari fb. kalau nak mata camtu jangan ler nak tidur lambat cam pukul 1 2 3 pagi. Bangun pagi besok tengok cermin melalak pulak tengok eyebag kemain besauu badak. Mata pun sembabnye kemain mengalahkan hantu. Anis bagi tips nie pun berdasarkan pengalaman , pengalaman time nak tidur. sebelum tidur tu mesti dok fikirkan something kan? lepas tu sengih sorang sorang.

  • Kalau nak tidur tu, jangan letak berpuluh puluh bantal keliling badan !
Kenapa ? Ye lah bila dah letak bantal peluk dekat tepi, teddy bear kat tepi, bantal busuk dekat kaki, selimut lagi, teddy kecik kecik lagi sekeliling badan kita nie. Selesakah bagi anda? Mesti rasa rimas betul tak betul tak ? Selesakan tempat pembaringan anda tuu dulu baru lah rasa macam sleeping beauty. Bila mata tu dah pejam haa masa tidur tu boleh lah peluk peluk bantal busuk sebab time tu dah tak ingat ape
  • Cek dulu rumah dah kunci mangga belum ?
Anis suggest macam nie sebab tak lah nanti bila dah baring sedap sedap baru teringat fasal rumah. Tertanya tanya pulak "aku dah kunci rumah ke belum ek?" . Haa mula lah tu baru tergedik gedik bangun. Last last tengok rumah dah kunci dah .. tak ke membazir masa tidur tu? hahaha :P
  • Basuh kaki, baca doa'
Kalau tak nak kena nightmare kahwin dengan Shrek punya atok basuh lah kaki dulu. Lebih elok ambik wudhuk. Jangan lupa pulak baca doa' tidur. Macam mana adik adik ?
Kalau nak lebih baik, baca Ayat Kursi. InsyaAllah malaikat jaga kita masa tidur. 
  • Pastikan bilik tidur mempunyai bau yang menyenangkan
Kalau dah bilik tidur bau macam tungkik syiokk ke tidur kita ? "Syiokk woo!" kata cik kus dan cik pas. Tolong jangan ikut tabiat buruk si tikus dan si lipas anak beranak. Merana tidur kita, bro. Pasang lah automatic spray tu. Apa namanya, Ambi Pur? Tapi kalau degil sangat sembur Febreeze dekat bantal pastu tidur. Kalau nak mudah tenggelamkan minyak wangi dalam lobang hidung. sekian .. kalau ada efek dalaman saya tidak bertanggungjawab T____T juga tiada insuran untuk ini. keh keh keh

-------------------------------
TIPS BANGUN AWAL
-------------------------------
yang tips nie ayah anis yang suggest. Beliau kata "tepuk bantal tu dua kali lepas tu cakap bangun pukul berapa" .. sendiri cuba sendiri tanggung yer. okey tata
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Sunday 26 May 2013

1, 2, 3 I Miss U

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum w.b.t dan hello !
Large

Yaw ! 1 2 3 Anis Miss U. Anis rindu siapa? rindu kawan lah. Even baru hari Ahad dan baru 3 hari tak jumpa diorang semua. Tapi hari rasa kosong tak borak dengan diorang. Ketawa bersama, menangis bersama, mengekek bersama, bergossip bersama. Rindu tahap 20km/j okay. haha :P

Emm, anis dah fikir serentung-rentunganya yang lepas bukak sekolah nanti anis tak bukak, update blog dah. Okey, ini CABARAN tau ! Cabaran yang paling extreme bagi anis. Cabaran ! Boleh ke aku sahut cabaran ni? Apesal tara boleh pula, macha? haha.

Alang alang anis cakap fasal kawan nie, nak cerita lah masa Hari Guru haritu. Luckily, 16 Mei tu hari jadi guru kelas anis sekali tau. So, kami decide nak buat surprise untuk cikgu. Anis bagi bunga dalam tu ada teddy bear comel.

And .. let me introduce my Geografi and lovely teacher ! Pn Rosnah
okey itu aina. yang kena suap tu lah. yang belakang kiri tu danial. haha xD
ni pulak saniah aina. bendahari kelas yang garang rawrr. belakang tersengih tu khadijah. pelakon x-tra
budak lelaki kelas 3 amanah
smurfss 
budak perempuan 3 amanah.

saya mana? saya di sini .
babai
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Segmen Nabeel Fikree Mencari Bloglist #2

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum 



Nabeel Fikree sedang mencari bloglist untuk bulan Jun dan Julai iaitu pencarian bermula dari 26 Mei 2013 dan berakhir pada jam 11:59 malam 30 Mei 2013 nanti. 20 orang yang bertuah akan dimasukkan ke dalam bloglist Nabeel Fikree bermula 1 Jun nanti.


Syarat-syaratnya :
  1. Follow blog NabeelStories.com.
  2. Buat satu entri bertajuk Segmen Nabeel Fikree Mencari Bloglist #2
  3. Sila copy code yang telah disediakan dan paste pada ruangan HTML entry
  4. Tinggalkan link entry pada ENTRY INI sahaja

Harap segmen ni mendapat sambutan.

Jumlah peserta yang akan di pilih untuk masuk ke dalam bloglist bergantung kepada penyertaan anda.


THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Saturday 25 May 2013

Tutorial Pisahkan Sidebar Dan Main Wrapper

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum dan salam sejahtera :)

Kalau ingat, anis pernah buat tutorial ni haritu. Di link ini tapi yang itu untuk sidebar je. Tapi kali ni anis buat dua-dua main dan sidebar sekali. Direquest oleh Mojat Cerewet di fb. Macam ni hasil bila lepas buat tutorial ni okey :) Ouh yang nie khas untuk denim/ washed denim template sahaja.
Login Dashbopard > Template > Edit HTML 

FOR MAIN BODY
Ctrl+f , cari kod 
.post {
Pastekan kod nie di bawah kod tadi

margin: 0 0 1.5em;
padding-bottom: 1.5em;line-height: 19px;padding: 8px; border: 3px dashed #e1c3ff;border-radius: 10px;background-image:url(URL BACKGROUND);
}
Merah : URL background. Gantikan dengan url sendiri.
Pepel : Warna untuk border, boleh cari di html-color-codes.info
Biru : boleh tambahkan bilangan atau kecilkan .

FOR SIDEBAR

Ok kalau tengok gambar atas tuh anis punya warna kuning kan background dia ? :D 

Ctrl+f cari kod 
.sidebar .widget {
Jumpa kan ?? Ok sekarang, pastekan kod anis bagi ni dan gantikan bawah dia .

background: #fffede;
padding: 8px; border: 3px dashed #e1c3ff;border-radius: 10px;
  margin-bottom: 1em;
}

Pepel : Warna untuk border, boleh cari di html-color-codes.info
Biru : boleh tambahkan bilangan atau kecilkan .

Preview dan save cepat cepat :)




 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Friday 24 May 2013

Tutorial Letak Gambar Di Sidebar (Blogskin)

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum dan salam sejahtera

Saya pun tak sure lah Anis Maisarah tanya nak letak gambar kat mana. Saya buat yang letak gambar di bahagian sidebar untuk blogskin je lah ye :)

Login Dashboard > Template

Ctrl+f dan type tajuk pada sidebar korunk. Contoh macam SK punya blogskin yang ini "Travel !"
Okey noww, letak code ni bawah dia .
<center><img style="width:240px;height:160px;" src="URL IMAGE"></center>
Yang merah, tukar URL IMAGE dan saiz tu. Preview, kalau jadi save
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

1st Mini Giveaway by Nina

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم 


Senarai Hadiah :

1pc Book Mark Bear Comel Limited Edition (3 orang)
Bloglist (5 orang) & Blog stuff (5 orang)
1pc Keychain Hand Made Korea (seorang)
Topup maxis/digi/celcom RM5 (2 orang)
Topup maxis/digi/celcom RM30 (seorang) -top referral-
Shawl polkadots
Transparent header (2 orang)

tag : SnA's E-shop dan Cik Nyoonyalita

 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Art Trade Doodle For Rio

Salam sejahtera.

Untuk Rio .

SAI saya memang ada masalah tapi bukan limited version. Tak perlu nak SPAM cbox saya dan cakap benda mengarut. Hormat orang sikit. Ini yang awak nak, kan Rio ? Ok ambil lah. 

:)
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Aiman Tak Kisah, Saya Lagi Tak Kisah

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Asssalamualaikum dan salam sejahtera


Okey, kalau baca dari atas gila lawak. Student Kecik ada haters ? Nak buat apa haters kan blog anis ni, blog yang tak ada apa-apa pun. Siap mencarut lagi. Sudahlah, dah lah cakap satu haprak pun anis tak faham, nak SPAM cbox anis pulak. Cakap paint tool sai lah nak jadi girlfriend lah. Yang anis tahu ni mesti blogger jugak ni. 

Kalau nak takutkan anis tak payah lah. Memang tangan anis sekarang ni dah dingin dah tapi jangan haraplah aku nak takut pada kau wahai haters

Dia kata "i want to get your sex" lagi. MasyaAllah pergi bertaubatlah ..

Kalau korang kena, korang nak buat apa?? SK tengah buntu ni :(
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Thursday 23 May 2013

Tutorial Mengelakkan Header Daripada Ditekan

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum dan selamat sejahtera.

Haritu Adam Faiz ada req tutorial. Macam mana nak buat header kita tidak boleh di klik macam header anis tu. Cuba tekan, tak boleh, kan? Okey jom follow step simple ni

Login Dashboard > Layout > Klik Edit di bahagian Widget Header
jadikan macam tu dan Save terus. siapp !
 :)


 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Ujian Daripada Allah

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum


Pernah tak terfikir ? 

" Hish, kenapa aku je yang dapat ujian daripada ALLAH time macam ni?"
" Kenapa ALLAH bagi aku ujian yang begitu berat ni ? "
" Kenapa , kenapa, kenapa ?! "

Tahu tak apa kebaikkan dia ?

ujian adalah jalan untuk menghapuskan dosa yang telah dilakukan.seperti mana sabda Rasulullah SAW “Tidaklah seorang Muslim ditimpa sakit melainkan dengannya Allah akan menggugurkan kesalahannya seperti daun pohon yang berguguran.” (Hadis riwayat Imam al-Bukhari di dalam Sahihnya)

Anis sedang menerima ujian :')


 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Tuesday 21 May 2013

My First Giveaway

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum

*ni autopost
klik banner untuk join. hadiah peplum menanti !

join ye :)
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Monday 20 May 2013

Tutorial Scrollbar Pada Bloglist

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
Assalamualaikum dan hai .

Tutorial ni telah direquest oleh S.K.A buat julung2 kalinya. Hehe :)
Begitulah scrollbar dalam bloglist. Kalau bloglist tak nak nampak panjang meleret ikut lah tuto simple ni

Login Dashboard > Template > Edit HTML

  • Ctrl + f dalam ruang HTML tu dan pastekan code ni dalam search box.
  • Code tu adalah nama tajuk Bloglist anda. Contoh bagi blog S.K.A tajuk ..MEREKA YANG TERBAIK.. jadi carilah kod tu (lain tajuk lain code)

  • Jumpa, kan ? Cari kod <div class='widget-content'> di bawah bawah kod tadi. Macam ni
  • Faham tak ? :) Gantikan kod <div class='widget-content'> dengan kod anis bagi ni.
<div class='widget-content' style='overflow:auto; height:130px'>
  • Merah tu untuk panjang scrollbar. Kalau nak lagi panjang tambahkan je bilangan nombor tu. Nanti jadi macam ni
  • Preview dulu lepas tu baru Save. Ok done :) simple tapi terkadang yang simple tu ah boleh memeningkan kita. Hehe.
  • credit to bicara farah

 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?