Dashboard Follow+
TUTOBIES BLOG
Welcome
Welcome to my blog


Assalamualaikum and hye everyone. Welcome to my Tutobies blog! This is my second blog that only have tutorials and freebies. I'm 15 and stay at Meru. Do not open my page source. If you want, please inform me first. Do follow my blog and my twitter too. Come visit my blog everyday okay? Xoxo.



Be talkative
Chatbox here






Twitter
Follow and ask me


Kalau nak request tutorial/freebies,
ask me dalam kotak yang disediakan dekat bawah ni okay?
InsyaAllah kalau ada masa saya buat.
Tapi jangan request benda pelik-pelik pulak okay? Terima kasih ^^




Credit
Big thanks to them

Template made by Aulia Septiya
Re-edit by Izyan Nazirah
Tutorial by Afiqah, Wanaseoby
Best view in Google Chrome


← Newer Posts ♦ Older Posts →
★Freebies header owl
Monday, February 4, 2013 // 22 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


Assalamualaikum and hye everyone.
Harini izyan nak bagi freebies header. Tapi korang cuma kena edit and tambah nama header korang. Sebab izyan cuma bagi header yang 'tanpa tulisan' pandai-pandai lah korang edit. Kihkihkih~

saya nak mintak tolong awak semua. click kan says saya boleh? Awak dapat pahala bila tolong saya kan? Hehe thanks :')
http://ysmcdn.com/share/my/2573/3207864

Amaran :
1) COMMENT dahulu baru ambik.
2) Click the image untuk ambik URL image.
3) Width dan height : 900x350
* Kalau tak sama dgn width blog korang, korang cuma perlu tukar je.
4) Header semua ni BERSAMBUNG.







★Background belakang body (blogskin)
Saturday, January 26, 2013 // 2 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/



  • Blogger --> Template --> Ctrl+f --> find code </style>
  • Paste kan code bawah ni dekat BAWAH </style>
  • Preview. Dah jadi, SAVE!
  • Warna merah tu korang boleh tukar URL BACKGROUND yang korang suka
  • Width tu ikut width blog korang

<center>
<div style="background-image:url(http://bglabs.evade.netdna-cdn.com/45875kli90/13.gif);width:900px;border-radius: 0px 0px 0px 0px;padding:10px;margin-top:15px;">
<center>

★Bullet hover
Friday, January 25, 2013 // 3 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/



Tumblr_mh7sbb7kjr1qi8e97o1_500_large

Preview Live Here

  1. Blog --> Template (blogskin)
  2. Blog --> Template --> Edit HTML --> Tick expand widget (Template designer)
  3. Paste kan code bawah ni dekat ATAS </style> (blogskin)
  4. Paste kan code bawah ni dekat ATAS /* Header (template designer)
li {
list-style-image:
url(URL ICON);
}
li:hover {
list-style-image:
url(URL ICON);
}

  • Pastikan bullet tu kena kecik je, takyah besar-besar. Kalau besar nanti tak cantik.
  • Paste kan code ni dekat mana-mana yang korang suka lah.
 <li> Hye nama saya Izyan Nazirah </li>
<li> Selalu blogwalking di blog saya okay </li>
P/s :
Warna merah : Korang tukar lah dengan ayat sendiri.

★PSD Shapes (photoshop only)
Friday, December 28, 2012 // 2 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


Rainbow-wedding-bridesmaids-dresses_large

Assalamualaikum.
PSD shapes ni ada banyak bentuk. Tapi hanya boleh digunakan dekat PHOTOSHOP sahaja. Kalau korang takda photoshop. Download lah dekat blog wanhazel. Dan pilih yang portable. Saya rasa semuanya portable kot kat blog abang wan. 

Tahu tak nak cari PSD Shapes dekat mana? Taktahu? Okay awak boleh cari dekat Google ataupun Devianart. Tapi selalu nya saya cari dekat devianart. Dan keywords nya "PSD Shapes" nanti keluar banyak bentuk photoshop yang korang boleh buat macam header, footer, apa-apa jelah korang punya suka. Haha lol. 

Cara-cara download PSD Shapes
  • Dah pilih shapes yang korang nak? Click Download File yang dekat sebelah kanan tu. Contoh :




  • Dah download kan, korang akan dapat satu file yang mcm bentuk buku ada 3 warna (ungu, biru, hijau) and korang cuma PERLU AMBIK yang csh file je. Yang lain tidak diperlukan. Tarik bawak keluar dan letak dekat desktop supaya senang nak cari. Contoh :

  • Then, open your photoshop. Lepastu click dekat button yang ada petak segi empat. Contoh :

  • Lepastu, korang tekan button yang berbentuk macam bintang tu. Contoh :

  • Ikut step seterusnya melalui gambar. Kalau tak nampak, boleh click gambar tu untuk jadi besar :



  • Dah siap! Nanti keluar lah bentuk yang korang dah download tu. Lepastu korang boleh guna. Kalau nak download yang lain, caranya sama je. Buat daripada first step sampai lah akhir. Senang kan? 


Saya bagi contoh link yang korang boleh buat untuk header :






★Exchange link hover (mine version)
// 2 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/



Assalamualaikum.
k malas nak bebel banyak-banyak. Saya harap awak nampak lah contoh gambar dekat atas tu. sebab tak terang sangat. Hahahhaha jom mula.

Template designer : Paste dekat HTML/Javascript
Blogskins : Paste dekat bawah </style>

<style>
.saya{
background:#FFFFFF;
width:90px;
border: 1px solid #EDEDED; 
color:#000000; 
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: tinytots;
font-size: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.saya:hover{
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#F6CED8;
}
</style>
<center>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a><br>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a>
<a class="saya" href="URL BLOG"> NAMA </a><br>




★Freebies Purple Blogskin
Thursday, December 27, 2012 // 17 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/





Assalamualaikum semua.
Sebenarnya izyan dah lama nak buat freebies blogskin ni. Sebab Kak Zira yang nak. Hahahha tapi asyik lupa je nak publish. Dah lama sebenarnya izyan edit, tapi tu ah agaknya banyak makan semut asyik lupa je -.- Kalau korang nak guna copy code dekat dalam kotak bawah ni ok?

Benda yang awak perlu tukar :

CTRL+F dan cari code yang dekat bawah ni :
  • 8143748481930320163 tukar kepada ID blog anda.
  • http://i.imgur.com/Da5uM.png tukar kepada page footer bergambar anda.
  • a.mola { dan a.mola:hover{ code untuk navigation.
  • .nurul{ code untuk warna purple yang dekat navi tu.

Rasanya tu je kot. Kalau nak guna MOHON comment dulu ye :-)



<html>

<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>

<head>




<title>//mustache girl.</title>

<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6pacjpJ1qfamg6.gif" />

<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

<script type="text/javascript">document.ondragstart = function () { return false; }; </script>

<script type='text/javascript'>
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="Sorry, right-click has been disabled";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

<style type="text/css">
#navbar-iframe {display: none;}

body {
color: #666;
background:url('http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif');
font-family:Tahoma;
font-size: 11px;
background-attachment:fixed;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), auto;
}

a:link, a:visited {
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat997.cur), progress;
color:#FFA8C1;
-webkit-transition:1.5s;
transition:1.5s;
text-decoration:none;
padding:2px;
}

img.user {
float: left;
border: 1px solid #EDEDED;
padding: 3px;
}
img {
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
 opacity: 1.0;
-khtml-opacity: 1.0;
}

img.header {
background: transparent;
margin-bottom: -30px;
margin-right: 0px;
-webkit-transition: all 1s ease-in-out;
margin-$startSide: auto;
margin-$endSide: auto;
}

.header {
margin-top:0px;
margin-left:0px;
}
.header:hover {
padding-left:0px;
opacity:1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-webkit-transition:1s;
}
b {
color : #FFA8C1;
}

u {
text-decoration:none;
border-bottom:1px dotted #FF9BB8;
padding:0px }

li { list-style-image:
url(http://media.tumblr.com/tumblr_mc9v41SmsF1r7fbux.gif);
}

flora {
text-decoration:none;
background: #FF9BB8;
-webkit-transition-duration: 2s;
color: #FFFFFF;
-moz-border-radius: 3px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
flora:hover {
text-decoration:none;
background: #FFFFFF;
-webkit-transition-duration: 2s;
color: #FFFFFF;
-moz-border-radius: 3px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
.content {
color:#666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666;
font-size: 11px;
padding: 4px;
width: 240px;
border-radius: 10px;
text-align: justify;
}

.main-title {
font:17px Annie Use Your Telescope;
text-align:center;
letter-spacing: 1px;
font-weight:bold;
}

.toto {
background:#fbfbfb;
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
border-bottom: 1px solid #e4e4e4;
}

.sec-title {
background:#fbfbfb;
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
border-bottom: 1px solid #e4e4e4;
}

.nurul{
margin-top:20px;
width:885px;
background:#f1d8f2;
border-top:1px dashed #FFFFFF;
border-bottom:1px dashed #FFFFFF;
border-radius:5px;
text-align:center;
padding:15px;
display:inline-block;
}

a.mola {
font-weight:bold;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:90px;
text-decoration:none;
font-family:tahoma;
font-size:11px;
height:20px;
text-transform:uppercase;
color: #FFFFFF;
background:#f1d8f2;
border-radius:5px;
text-align:center;
}

a.mola:hover{
background: #F7819F;
color:#fff;
}

a.mola2 {
font-weight:bold;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:90px;
text-decoration:none;
font-family:tahoma;
font-size:11px;
height:20px;
text-transform:uppercase;
color: #FFFFFF;
background:#f1d8f2;
border-radius:5px;
text-align:center;
}

a.mola2:hover{
background: #A9D0F5;
color:#fff;
}

large {
color: #ffff00;
font-size: 20px;
-webkit-transition:1.5s;
transition:1.5s;
}
large:hover {
color: #000000;
-webkit-transition:1.5s;
transition:1.5s;
font-size: 20px;
}
blockquote {
border-top:1px solid #FFA8C1; border-bottom:1px solid #FFA8C1; border-left:5px solid #FFA8C1; border-right:1px double #FFA8C1; width: 400px; padding: 9px; text-align: center; background:url('http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/th_lyssasquarepink.png')}

::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 10px;width: 10px;display: block;background: #daacde;border: 1px solid #ffffff}
::-webkit-scrollbar-track-piece {background-color: #ffffff;}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #daacde;border: 1px solid #ffffff}
::-moz-selection {
 background:#ffffff;
 color:#FFA8C1;
 }
 ::selection {
 background:#ffffff;
 color:#FFA8C1;
 }

a.link00{
background:#999;
padding:5px;
width:50px;
color:#000;
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: arial;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px; }

a.link00:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#ddd;
}

</style>
<body>


<center><img class="header" src="http://i.imgur.com/W26A9.png" width="900"/></center>


<table style="line-height: 17px; border-top: 32px solid #FFFFFF; border-bottom: 20px solid #daacde; background: #FFFFFF;" width="900" border="0" align="center" cellspacing="5">

<tbody><tr>

<center><div class="nurul">

<a class="mola" onClick="document.getElementById('content').innerHTML=document.getElementById('posts').innerHTML" title="">Life Scene</a>

<a class="mola2" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title="">Boss</a>

<a class="mola" onClick="document.getElementById('content').innerHTML=document.getElementById('tuto').innerHTML" title="">Tutobies</a>

<a class="mola2" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>

<a class="mola" href="http://www.facebook.com/">Facebook</a>

<a class="mola2" href="http://www.twitter.com/">Twitter</a>

<a class="mola" href="http://www.blogger.com/follow-blog.g?blogID=8143748481930320163">Follow</a>

<a class="mola2" href="http://www.blogger.com/">Dashboard</a>

</div>

<td valign="top" style="width:600px; padding:10px; background:#FFFFFF; border-radius:10px; font-size:12px;">
<div id="content">
<blogger><div class="main-title"> <img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> weird people </a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>><img src='http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/3289d358.gif'  div align='left'/></a> </OlderPosts><NewerPosts> <a href=<$NewerPosts$>><img
src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/68a6fe47.gif" div align='right'></a></NewerPosts></center>
</div>
</td>

<td valign="top" style="width:240px; background:#ffffff; border-left:1px dashed #93f1fc; padding:7px;">

<div class="bar">
<div class="main-title"><img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> Welcome to my blog</div> <div class="toto"> Welcome people</div><br>

<img style="float:left; padding-right:3px;" src="http://data.whicdn.com/images/46190541/408621_315369875237817_1518434627_n_large.jpg" width="100" height="80">

put your welcome word here. put your welcome word here. put your welcome word here. put your welcome word here. put your welcome word here. <br><br>


<img src="http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann6.gif"> <b>CURRENTLY</b> : <font color=#01A9DB><script type="text/javascript" src="http://st2.freeonlineusers.com/on2.php?id=1035615"> </script> Alien(s) </font> <br>
<img src="http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann6.gif">  <b>MOOD </b> : <font color=#01A9DB> i'm happy.</font><center>
<br><br>

</center>
</div></div>

<div class="bar">
<div class="main-title"><img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> Chatbox here</div> <div class="toto"> Leave your footprint here</div><br>

<img src="http://media.tumblr.com/tumblr_mc9v480ShS1r7fbux.gif">
No harsh words. <br>

<img src="http://media.tumblr.com/tumblr_mc9v480ShS1r7fbux.gif">
Dont put your churp-churp link. <br>

<img src="http://media.tumblr.com/tumblr_mc9v480ShS1r7fbux.gif">
Anonymous not allowerd here <br>


</div><br>

<div class="bar">
<div class="main-title"><img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> Blog Archieve </div> <div class="toto"> Past moment</div><br>

<center><div style="text-align:left;background:#fff; width:230px; overflow-x:hidden; overflow-y:scroll;height:100px; ">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<li> <$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>

</div><br>


<div class="bar">
<div class="main-title"><img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> Credit </div> <div class="toto"> Big thanks tu them</div><br>

<center>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/30285/R__Kelly_-_I_Believe_I_Can_Fly_-_Piano_Cover-_www_flvto_com_.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center><br>

Blogskin : <a href="http://le-umbrella.blogspot.com/" target="_blank" class="navv">SHAAA</a> <br>
Re-edit : <a href="http://izyanstory.blogspot.com/" target="_blank" class="navv">Izyan</a> <br>
Tutorial : <a href="http://izyanstory.blogspot.com/" target="_blank" class="navv">Izyan</a>, <a href="http://chocollyheart.blogspot.com/" target="_blank" class="navv">Afiqah Junizan</a>, <a href="http://izzatazharofficial.blogspot.com/" target="_blank" class="navv">Izzat Azhar</a>  <br>


<br>
</div>




</td>

<div id="about" style="display:none;">
<div class="main-title">The Author</div><br>

<center><img border="0" src="http://data.whicdn.com/images/9806432/tumblr_ll9ewyyB4D1qajro7o1_500_large.gif" width="500" height="auto"/></center><br><br>

put your biodata here, interest, activities.<br><br>




<u>Basic Biography</u><br><br>
- <b>Name</b> : Nor Syuhadah <br>
- <b>Birthday</b> : 14 july 1995<br>
- <b>Current city</b> : Rawang, Selangor, Malaysia.<br>
- <b>Hometown</b> : Batu Pahat, Johor, Malaysia. <br>
- <b>Status</b> : single<br>
- <b>Contact Me</b> : <a href="http://facebook.com/adiosstar" target=”_blank”>One</a> | <a href="https://twitter.com/illTweetRandom" target=”_blank”>Two</a> | <a href="http://sha-daughter.tumblr.com/" target=”_blank”>Three</a> | <a href="http://www.blogskins.com/me/shas_daughter" target=”_blank”>Four</a>   <br><br>

<u>fact about me</u><br><br>
- <b>One</b> i love food.<br>
- <b>Two</b> i love food.<br>
- <b>Three</b> i love food.<br>
- <b>Four</b> i love food.<br>
- <b>Five</b> i love food.<br><br>

</div>
</div>

<div id="tuto" style="display:none;">
<div class="main-title">Tutorial and Freebies</div><br>

<center><img border="0" src="http://data.whicdn.com/images/46191019/tumblr_meywbtWPvD1ra47c7o1_500_large.gif" width="500" height="auto"/></center><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(39).gif"> Tutorial : <a href="http://www.blogspot.com/" target="_blank" class="navv"> ABC Cekodok Basi</a><br>

<br>
<u><li><b>Freebies untuk dikongsi</u></li></b><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br>

<img src="http://www.ostratemplateshop.blogger.com.br/tralhas%20(34).gif"> Freebies : <a href="http://www.blogspot.com/" target="_blank" class="navv"> Bangun pagi tak gosok gigi</a><br><br>

</div>
</div>

<div id="link" style="display:none;">
<div class="main-title">Exchange Link</div><br>

<center><img border="0" src="http://data.whicdn.com/images/46175515/tumblr_mf1gckalSt1rh1wv4o1_500_large.gif" width="500" height="auto"/></center><br><br>

<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link00" href="http://chocollyheart.blogspot.com/">Friends</a>

</div>
</div>


<div id="posts" style="display:none;">
<blogger><div class="main-title"> <img src="http://media.tumblr.com/tumblr_m230qvQfKp1qfamg6.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> weird people</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>><img src='http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/3289d358.gif'  div align='left'/></a> </OlderPosts><NewerPosts> <a href=<$NewerPosts$>><img
src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/68a6fe47.gif" div align='right'></a></NewerPosts></center>
</div>
</td>

</table></body>

<center><img src="http://i.imgur.com/Da5uM.png"></img></center>


<link href='http://applepine.chu.jp/icon/sen/flower3.gif' rel='shortcut icon' type='image/x-icon'/>
</head>



</html>



★Tutorial 'hujan' dalam blog
Sunday, December 23, 2012 // 2 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


Tumblr_inline_mffdjf5onm1qh503q_large

Assalamualaikum semua.
Izyan nak buat tutorial 'hujan' dalam blog. Kalau korang taktahu apa benda tu. Boleh review dekat sini {KLIK SINI}

Pengguna blogskin :
  • Ctrl+F dan cari code </body>
  • Kalau dah jumpa, paste kan code bawah ni dekat BAWAH </body>
Pengguna washed denim/denim :
  • Add gadget --> HTML Javascript.
  • Copy code bawah ni dan paste kan dekat dalam kotak tu.

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>

★Scrollbar dalam entry dan sidebar
Friday, December 7, 2012 // 0 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


Tumblr_menu6wbn0l1ri1in2o1_500_large

Assalamualaikum.
Someone request dekat Ask.fm macam mana nak buat scrollbar dalam entry and dekat sidebar. And yeah saya suruh cari dekat google. Tapi dia tak faham. Lol takpa, saya nak berkongsi dengan awak semua. Harap membantu :-)

*dekat sidebar* 
JOM LAH JOIN CONTEST DEKAT BLOG IZYANSTORY! Hadiah sangat menarik

*dekat entry*
JOM LAH JOIN CONTEST DEKAT BLOG IZYANSTORY! Hadiah sangat menarik


Scrollbar dalam entry :

Copy code bawah ni, dah paste kan dekat HTML, bukan dekat COMPOSE.

<div style="font 12px, tahoma: heigh 120px; overflow: scroll; width: 400px;">
GANTIKAN AYAT INI DENGAN AYAT YANG ANDA NAK ISIKAN<div style="font-family; tahoma,tahoma,sans-serif; font size: 10px;">
</div>
Scrollbar dekat sidebar :

Copy code yang saya bagi ni, dan paste kan dekat mana-mana yang korang nak.

-untuk ayat-
 <div style="font 12px, tahoma: heigh 120px; overflow: scroll; width: 400px;">
GANTIKAN AYAT INI DENGAN AYAT YANG ANDA NAK ISIKAN<div style="font-family; tahoma,tahoma,sans-serif; font size: 10px;">
</div>

-untuk bergambar-
 <div style="font 12px, tahoma: heigh 120px; overflow: scroll; width: 400px;">
<a href="URL BLOG"><img src="URL GAMBAR" width="100"/>
<div style="font-family; tahoma,tahoma,sans-serif; font size: 10px;">
</div>

i. Warna merah : Widh/height ikut suka korang nak besar/tinggi macam mana.
ii. Warna ungu : Pandai-pandai lah korang buat.
iii. Kalau tak faham, boleh comment okay.


★Header background
Wednesday, November 28, 2012 // 0 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/

332984966168413806_nogc2tgi_c_large

Bismillahirrahmanirrahim. Assalamualaikum muslim dan muslimah.

Harini saya nak buat tuto header guna photoshop. Pakai photoscape pun boleh. Tapi leceh lah. Nak kena transparent kan gambar lagi. Better you use photoshop for make a new header. Kalau takda photoshop boleh download dekat blog wanhazel.blogspot.com. Ok jom kita mulakan.

Apa yang korang perlu ada :
  • Gambar artis/doodle/anime
  • Photoshop (tak kira lah cs berapa)
  • Texture/background/warna background
  • Brush (kalau nak guna)
Tips :
  • Kalau boleh, gambar tu biarlah penuh satu badan dan yang berdiri
  • Biar nampak keseluruhan kepala, jangan separuh je
  • Gambar yang sesuai dgn warna background
  • Cari texture dekat devianart.com dan search smooth texture pack / textures


Oh ya korang taktahu lagi eh tutorial ni nak buat header jenis apa? Okay jenisnya macam cover fanfic tu. Ada gambar artis + kawaii + background + sewaktu dengan nya. Contoh :

  • Bukak lah photoshop korang dan tentukan size header korang like width and height. Kalau saya, width saya 900 dan height 400. Bergantung pada size gambar masing-masing.



  • Tekan File --> Open. Lepastu korang open lah background mana yang korang nak.


  • Bila dah open, background korang mesti ada dekat layer header tu.

  • File --> Open. Gambar artis yang korang dah transparent kan tu. Macam saya, saya guna gambar taylor swift dan saya guna 3 gambar. Ikut lah kreativiti korang nak pakai berapa gambar.
  • Untuk mempermudahkan kerja korang. tengok bahagian layers sebelah kanan tu, right click dekat gambar artis dan pilih Merge Down. Contoh dan caranya :

  • Then, double click dekat gambar artis korang. Nanti keluar Layer Style kan? Tick pada kotak stroke dan ikut cara-cara dekat gambar bawah ni. Kalau taktahu nak cari pattern, CLICK SINI

  • Kalau nak tambah background baru, tekan File --> Open new background yang korang nak. Then kurang kan opacity background tu. Nampak lawa sikit kalau bakai byk background. Pastu, tarik korang punya layer dan letakkan dekat bawah layer gambar. Like this :

  • Jadi lah macam dekat gambar bawah ni bila korang dah kurangkan opacity background tu. So nampak lah gambar yang dekat background tu. Cantik kan?

  • Teruskan membuat header anda. Kalau saya tunjuk sampai habis, alamatnya sampai esok tak habis lagi. LOL edit ikut kreativiti korang lah. Sebenarnya caranya sama je macam nak buat cover fanfic. Dan ada lagi satu tutorial nak buat header mcm ni. CLICK SINI. Korang boleh rujuk dekat situ jugak.
Freebies : 

Kalau tak faham, boleh tanya saya dekat facebook/twitter/ask.fm atau comment je dekat entry ni. Insha Allah saya akan balas. Selamat mencuba!










★Freebies header muslimah
Monday, November 19, 2012 // 4 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


Tumblr_mdqlterpmi1rbi7tqo1_500_large

Assalamualaikum.
Harini saya nak bagi freebies header. Maaf kalau tak cantik. Saya buat biasa-biasa je. Kalau nak ambik, silakan tapi korang kena COMMENT dulu. Okay? :)

  • Width : 800px
  • Header bersambung
  • Right click mouse untuk ambik URL image header.






★Post title and sidebar background
Saturday, November 10, 2012 // 3 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/



Lia request tuto ni. So mari kita mulakan. Hehe.

Pengguna Blogskin
  • Ctrl + F cari code <head>
  • Kalau dah jumpa, paste kan code yang saya bagi ni dekat BAWAH <head>

<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

  •  Lepastu cari code post title and sidebar korang, paste kan code yang saya bagi ni dekat BAWAH code post title dengan sidebar korang sendiri. Sebab blogskin ni lain-lain coding nya.
padding-left:10px;
color: #FA5882;
font: 20px short stack;
line-height:10px;
text-align: center;
background: #eee;
}
*contoh code Izyan*


Pengguna template designer

  • CTRL + F cari code <head> 
  • Paste kan code yang saya bagi ni dekat BAWAH <head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>

  •   Lepastu cari code post title and sidebar korang, paste kan code yang saya bagi ni dekat BAWAH code post title dengan sidebar korang sendiri.
padding-left:10px;
color: #FA5882;
font: 20px short stack;
line-height:10px;
text-align: center;
background: #eee;
}

*contoh code Izyan -washed denim-*

*contoh code Izyan -washed denim-*



★Template designer to Blogskin
// 0 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/


178918_2498398794785_1965845255_n_large

Assalamualaikum.
I want share with you how want to change template designer to blogskin.

  • Click template
  • Scroll down dan awak akan nampak "Revert to classic template"
  • Click ayat tu. Siap!







★Freebies background untuk blockquote
Sunday, November 4, 2012 // 23 narnian

KLIK BANNER DIATAS UNTUK JOIN. HADIAH SANGAT DOUBLE WOW \^o^/



Assalamualaikum.
Ada orang request Freebies ni. Tengah ada masa Izyan buat lah. Kalau nak blockquote macam ni, korang ikut step bawah ni okay?

  • Copy code yang saya bagi ni. Dan gantikan dengan code blockquote korang.

blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(URL IMAGE);
padding: 5px;
width: 450px;
-webkit-transition: 0.5s;
border: #FA5882 1px solid;
font-color: #6E6E6E;
}
blockquote:hover {
padding: 5px;
border-radius: 5px;
-webkit-transition: 0.5s;
border: #FA5882 1px dotted;
}
Syart-syaratnya :


  • Sila comment dulu baru ambik gambar nya.
  • Tolong creditkan dekat saya.
  • Right click dan "copy image URL"