Tutorial Firdaus

Saturday, 16 February 2013

Cara Nak Letak Border Di Sekeliling Blog

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl + F dekat keyboard serentak  dan cari kod ini :
#outer-wrapper {
3. Akan jumpa kod lebih kurang macam ini kan :


#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }


4. Kemudian copy kod di bawah ini dan pastekan dibawah atau selepas kod #outer-wrapper {


-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;border:5px dotted#000000;

*Ungu : Bentuk Border (Rujuk Sini)
Oren : Saiz border
Coklat : Jenis border -
  1. solid
  2. double
  3. groove
  4. dotted
  5. dashed
  6. inset
  7. outset
  8. ridge
  9. hidden
Hijau : Jenis Warna (Rujuk Sini)





5. Kalau dah siap, cuba tekan preview dulu, kalau menjadi, yeah..bolehlah save template. Kalau tak cuba lagi ye, atau beritahu saya, insyaAllah saya tolong.

6. Semoga berjaya.

posted by Mengenai Saya @ 01:29   0 Comments

Follow And Dashboard Button


For Simple Template/ Denim Template

1. Design  > Add a gadget > HTML/ JavaScript
2. Then, paste the code below  in the HTML/JavaScript box



For Blogskin Template

1. Template > Ctrl  F > Find this code  <head>
2. Paste that code after  <head> 



THE CODE :

<div style="display:scroll; position:fixed; top:5px; right:100px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=4304072214302410234" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL IMAGE FOR FOLLOW" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL IMAGE DASHBOARD" /></a></div></div>



FREEBIES FOLLOW AND DASHBOARD BUTTON 

Click on the image to get the URL. Please leave a comment before you take it. 


PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket
PhotobucketPhotobucket

posted by Mengenai Saya @ 01:24   0 Comments

Cara nak tukar background Blog

Assalamualaikum, hai readers..

Tutorial kali ini ialah cara nak letak atau tukar background pada blog khas untuk blog yang menggunakan classic template(template blog yang lama). Template designer atau template baru berbeza kodnya, jadi mungkin tak boleh ikut tutorial ini. Kecuali dah pandai coding. Baiklah kita mulakan tutorial.

1. Log in > Dashboard > Design > Edit Html

2. Cari kod ini:
  body {


3. Scroll ke bawah sehingga jumpa kod ini :


background:$bgcolor;
4. Kemudian gantikan kod di atas dengan kod ini :

background:#0000;
5. Warna hijau tu untuk kod warna apa yang kita nak untuk background blog. Kod warna boleh tengok dekat sini. Sudah siap semuanya. kod anda akan kelihatan seperti ini :
  body {
  background: #EACDDC;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }


Background Bergambar.

1. Untuk letak background yang bergambar cuma gantikan kod yang kat atas tu dengan kod nie:

background: url('URL GAMBAR')repeat;

Contoh:


  body {
  background: url('https://lh3.googleusercontent.com/-    1Hs7atUjSJ0/TPTIOvooQ_I/AAAAAAAABAM/FAWDA-xy4Vo/s128/46.gif')repeat;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

6. Jangan lupa yang warna purple tu gantikan dengan URL IMAGE anda.

Oklah sampai disini saja, selamat mencuba, kalau tak faham, boleh lah komen, nanti saya tolong.

p/s : tutorial ini ada dalam draft. baru nak post.


UPDATE : DI INGATKAN TEMPLATE BLOG BARU KEMUNGKINAN TIDAK SESUAI MENGGUNAKAN TUTORIAL INI LAGI. TUTORIAL INI LEBIH SESUAI UNTUK TEMPLATE DENIM DAN JUGA MINIMA. TEMPLATE DESIGNER MUNGKIN SUDAH BERBEZA. HARAP MAKLUM.

posted by Mengenai Saya @ 00:53   0 Comments

TikTok

tutorial tukar background blog classic template

posted by Mengenai Saya @ 00:24   0 Comments

Welcome To New Blog Tutorial

Welcome To Tutorial :~

Tolong aku membuat Tutorial Baru-baru.Jom kongsi Tutorial anda untuk Promote anda.

posted by Mengenai Saya @ 00:01   0 Comments