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



How to edit blogskins
Wednesday, August 22, 2012 // 0 narnian

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


Download Skin Yang Ni

Lepas download. Korang edit yang basic-basic dulu. Code skin tu dia bersambung, so agak susah nak tengok code nya. Kalau korang rajin korang betulkan lah dulu code nya. Kalau tak rajin download lah skin lain. Izyan pilih skin ni sebab skin ni perfect. Header bersambung. Takda lah susah payah nak cari yang lain.

p/s i: ctrl + f untuk cari code.
p/s ii : ctrl + c untuk copy code.
  • Cari code body { untuk tukar background blog. Contoh :
background:url(http://i.imgur.com/dJrMLs.jpg); 
  • Code untuk title : .main-title { dan .date {. Pandai-pandai lah korang adjust kan.
Ini code blockquote Izyan. Korang boleh tukar design macam blockquote Izyan ataupun design lain. Ikut kreativiti masing-masing k?
  • Cari code blockquote{ dah jumpa paste kan code yang saya bagi ni dekat BAWAH code yang korang cari tadi.
padding:10px 10px 10px 20px;
background:url(URL IMAGE);
box-shadow:inset 10px 0 0 #f862ac;
-webkit-transition:.5s
}
blockquote:hover{
box-shadow:inset 500px 0 0 #e9e6e8;
}​
  • Cari code  a.navigate { dah jumpa? Padam code yang bawah nya tu then copy code yang saya bagi ni and paste kan dekat BAWAH code yang korang cari tadi.
color:#aaa;
padding-left: 3px;
font-size:9px;
width:50px;
background:#F2F2F2;
display: inline-block;
margin-top: 2px;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
box-shadow:inset 0px 0 0 #D8D8D8;
-webkit-transition: .5s;
}
a.navigate:hover {
background:#FFFFFF;
-webkit-transition: 1.5s;
box-shadow:inset 500px 0 0 #FFFFFF;
cursor: pointer;
}


  •  Code ni untuk tukarkan button bulat tu jadi nampak lebih cantik sikit. Paste kan code ni dekat ATAS </style> credit : Atiqah Jaidin
li { list-style-image:
url(URL IMAGE);
}

  • Kalau nak blog bersalji, copy code bawah ni then paste kan dekat bawah <head>. Credit : Atiqah Jaidin 
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
  • Kalau nak tukar header, cari code header. Pastu dia ada banyak kan? Yang nombor 1 tu lah code header nya

Labels: