tutorial


TUTORIAL BUAT TAB MENU~macam gambar kat atas ni:


-Boleh gunakan beberapa program. Contohnya photoshop, http://www.scrapblog.com/ dan picasa.


1.Lakarkan tab menu yang korang nak,tak kiralah guna photoshop ke scrapblog ke pe?yang penting ikut taste korang..Dan siap??OK


2.kalau guna scrapblog,anda boleh potong/crop gambar guna picasa(photo editor).Takpun paint(ada semua komputer).


3.Bila dah siap,upload gambar dekat photobucket http://photobucket.com/
Kalau belom ada akaun,sila sign up. And then barulah upload. Nampak tak ada dia tulis UPLOAD NOW. Haaa..tekan yea...dan pilih SELECT PHOTO AND VIDEO. Pastu pilih mana korang letak tabmenu yang dah buat td. Pastu anda tekan save and continue my album. Nampak tak gambar yang korang upload td dah ada kat thumbnail tu???halakan tetikus anda di gambar tadi. Dan copy HTML code..


4. Pergi kat blog korang. Tekan DESIGN>>PAGE ELEMENT>>ADD A GADGET>>HTML/JAVA SCRIPT>>paste code td (Ctrl+V). Kemudian tekan rich text. Tengok macamne jadi tak?


5.Pastu, korang tekan kat gambar tabmenu tuh(tekan biar seret sikit utk lekat),tekan butang LINK yang ada icon bumi tuh. Dia akan keluar link url:taip url yg kamu nak pautkan/linkan dengan tab menu td.


6.Ulang step ini meskipun sepeuluh tab menu anda...yea??Save and preview. Try tengok jadi ke tak>TADDAAA..!!


Selamat mencuba yea...






BACKGROUND/LAYOUT GUNA CSS CODE TEMPLATE


Ada jenis orang suke background yang simple just plain and pattern.Banyak orang guna sekarang. Tapi mnula2 aku tak tahu mana nak cari. Setelah korek2 blog tutorial orang,baru aku tahu. Meh aku wat magic sikit....


1.kamu pergi ke design>>Template Designer>>Advanced>>scroll ke bawah>>Add CSS.Copy and Pastekan code kat bawah ni kat kotak putih tu:


.body-fauxcolumn-outer { 
background: url(http://i1130.photobucket.com/albums/m526/alwaysghisi/background002.jpg);

.body-fauxcolumn-outer div { 
background: none; 
}#nav {
  height: 35px;
  width: 800px;
  background: #111 url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -110px;
  padding: 3px 6px 2px;
  margin:0;
  font: 12px Arial;
  clear:both;
  margin-left: px;
  padding-bottom: 0px; }


#nav ul {
  background: url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -110px;
  padding:0;
  margin:0;
  list-style:none;
  line-height:1; }


#nav a {
  display:block;
  width: 105px;
  margin:0;
  line-height: 20px ;
  padding: 5px;
  color: #fff;
  font-weight: bold; }


#nav a:hover{
  text-decoration:none;
  background: #dddcd8 url(http://i181.photobucket.com/albums/x307/kmdixon/TurquoiseYellowBackground.jpg) repeat-x 0 0;
  background-color: #666;
  color: #000; }


#nav ul div {
  float:left;
  width: ;
  background: transparent;
  overflow:hidden;
  border-radius: 0em; }


#nav ul div ul li {
  border-top:0; }


#nav ul div ul li ul li {
  border-top:0; }


#nav ul div.firstchild a {
  background-color: #fff;
  color: #000; }


#nav ul div.firstchild ul {
  border-top:0; }


#nav ul div ul {
  background: #32312e;
  position: absolute;
  margin:1px 0 0 px;
  width: ;
  left:-999em; }


#nav ul div ul ul {
  background: #32312e;
  margin:-30px 0 0 115px; }


#nav ul div:hover ul ul,
#nav ul div.sfhover ul ul {
  left:-999em; }


#nav ul div:hover ul,
#nav ul div li:hover ul,
#nav ul div.sfhover ul,
#nav ul div li.sfhover ul {
  left:auto;
  }



-tulisan hijau tu boleh ganti dengan URL background lain kat photobucket. Korang cari je kat photobucket. Banyak sangat background??Apa??Malas??Meh aku bg...

ni aku display background dan url dia kat bawah gambar
http://i206.photobucket.com/albums/bb163/kdoova/dot.gif










http://i460.photobucket.com/albums/qq325/hujiiizhan/background.jpg


http://i82.photobucket.com/albums/j270/renee_abrahan/aaaaaaa.jpg

Nie contoh yang korang boleh ambil. Kalau nak banyak pilihan lagi,sila lah ke photobucket.

2.Pastu tekan butang kuning {APPLY TO BLOG)..SIAP!!!

Ok tak rupa baru blog korang??selamat mencuba...


TUTORIAL TIDAK BOLEH KLIK KANAN

Salam lagi.ketemu kembali dalam rancangan "jangan klik kanan".OK.Malam ni baru aku terbuka hati nak buat tutorial takley click kanan.Meh aku kongsi sikit.Harap2 korang boleh faham pe aku merepek ni.

1. Pergi kat design>>page element>>add gadget>>html 
2. Copy code ni (ctrl +c)

<script language="javascript">
<!-- Begin
function shake(n) {
if (parent.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.resizeTo(250,150);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);}}}}

// End -->

PopUpURL = "Maaf anda tidak di perbolehkan klik kanan";

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;

if (isIE||isNN)
{
document.oncontextmenu=checkV;
}
else
{
document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP);
document.onmousedown=checkV;
}
function checkV(e)
{
if (isN4)
{
if (e.which==2||e.which==3)
{
dPUW=alert("Maaf anda tidak di perbolehkan klik kanan");
shake(2);
return false;
}
}
else
{
dPUW=alert(PopUpURL);
shake(2);
return false;
}
}
</script>


3. Pastu,pastekan kat kotak kosong html tadi.
4. Save.Siap.




CARA PASANG FALLING SNOW/SALJI JATUH


 Login ke akAun blogger...
~Dari halaman Dashboard, pilih Design >>add gadget...  pilih Edit HTML.
~Copy script di bawah ini dan letakkan (paste) di bawah kode <head> (yang letaknya di awal-awal script template blog).


<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

~Korang boleh  mengganti gambar yang jatuh (var snowflake) dengan gambar yang kamu inginkan. Kamu juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan korang.


~(Preview) sebelum menyimpan template.
* Jika sudah OK. Save template kamu dan ucapkan Alhamdulillah...

Jadi tak ?ok?hhe..ok.selamat try









background entry


korang dah bukak entry baru,pastekan ini kat situ:


<div style="background:url(Link gambar disini) no-repeat;">
Taip segala entri untuk blog anda disini.
</div>

dah baca? pe kata awak tgal komen...

LinkWithin

Related Posts Plugin for WordPress, Blogger...

Exchage ur link

Iklan sat~~