faiz-tutorial demo: August 2013

Thursday 29 August 2013

Tutorial Membuat Multilink Dalam Satu Klik

Tutorial kali ini adalah mengenai cara untuk membuat multilink dengan satu klik. Dengan kata lain dua link akan terbuka pada Tab yang berbeza dalam satu klik sahaja. Contohnya seperti dibawah:

Klik Disini

Tutorial:
1. Isikan :

URL 1 :
URL 2 :
Nama Link :

2. Copy(Ctrl + C) Code HTML di bawah dan Paste(CTRL + V) pada blog anda:

<a href="http://" onclick="window.location.href='http://'" target="_blank">Nama Link</a>

Baca Selengkapnya »

Wednesday 28 August 2013

Tutorial Membuat Efek Hujan Pada Blog

Screenshot Efek Hujan

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5. Copy (CTRL+C) kod javascript dibawah:

<script type="text/javascript" language="javascript" charset="euc-jp" src="https://googledrive.com/host/0B-VGFUPzYx5zVHFDX3VMZ282d3c/"></script>

6. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

7. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya..

Baca Selengkapnya »

Sunday 25 August 2013

Cara Membuat Simbol ASCII Menggunakan ALT-Key Keyboard

Pernah akan melihat simbol-simbol seperti ☺☻♥♦♣♠ . Kebiasaannya kita boleh mendapatkan simbol tersebut melalui satu tool yang sedia ada pada windows itu sendiri iaitu Character Map (tekan WIN+F dan cari Character Map) . Tapi bagi saya agak leceh untuk copy paste. Terdapat lagi satu cara untuk membuat simbol-simbol berikut iaitu dengan menggunakan cara Alt-Key . Dibawah ini saya akan tunjukkan cara untuk menggunakan kaeadah ini.

Character Map

Tutorial:

1. Aktifkan fungsi Num Lock (Numeric lock) pada keyboard anda

Bagi pengguna PC Desktop , Tekan key [Num Lock]
Bagi penggguna Notebook , kebiasaannya tekan dan tahan(hold) key [Alt] + [Num Lk]

Keyboard PC Desktop

Keyboard Notebook

2. Setelah fungsi Numeric diaktifkan , anda perlu menekan dan tahan(hold) key [Alt] dan tekan nombor yang mewakili setiap simbol yang anda mahukan pada Numeric Pad.

Contohnya:

Alt + 3 = ♥
Alt + 16 = ►
Alt + 17 = ◄

Keterangan:
- Numeric pad bagi PC Desktop anda boleh lihat pada nombor-nombor yang terdapat pada bahagian kanan keyboard ( Rujuk Screenshot Keyboard PC Desktop ) .
- Numeric Pad bagi Notebook pula, ia terdapat pada karakter berikut (Rujuk Screenshot Keyboard Notebook ) :

J = 1
K = 2
L = 3
U = 4
I = 5
O = 6
7 = 7
8 = 8
9 = 9
M = 0

Dibawah ini saya sertakan simbol dan kodnya:

Selamat Mencuba ☺

Baca Selengkapnya »

Friday 23 August 2013

Tutorial Membuat Recent Comment Tanpa Thumbnail

Screenshot Recent Comment

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5. Isikan:

Url Blog Anda:
Jumlah komen dipaparkan :
Paparkan Tarikh :

6. Copy (CTRL+C) kod javascript dibawah:

<style type=text/css>
.rcw-comments a {
text-transform: capitalize;
}
.rcw-comments{
border-bottom: 1px dotted;
padding-top: 7px!important;
padding-bottom: 7px!important;
}

#rcw-cr{
font-family: Arial,Tahoma;font-size:9px;
}
</style>

<script style="text/javascript" src="https://sites.google.com/site/faiztutorial/home/javascript/recentcommentwithoutthumbnail.js"></script>

<script style=text/javascript >
var a_rc="5";
var m_rc="true";
var n_rc="true";
var o_rc="100";
</script>

<script src="http://faiz-tutorial.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments" ></script>

7. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

8. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya..

Baca Selengkapnya »

Thursday 22 August 2013

Tutorial Membuat "Disable Right Click" Dengan Gambar Dan Latar Penuh

Screenshot Disable Right Click

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5. Isikan:

Warna Latar belakang :
URL Gambar :

6. Copy (CTRL+C) kod javascript dibawah:

<script type='text/javascript'>
var rightclicktheme = 'Dark';
var rightclickimage = 'https://sites.google.com/site/faiztutorial/home/imej/mydrc.png';
</script>
<script type='text/javascript' src="https://sites.google.com/site/faiztutorial/home/javascript/disablerightclick.js"> </script>

7. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

8. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya..

Baca Selengkapnya »

Tutorial Membuat "Open New Tab" Automatik Pada Semua Link Di Blog

Screenshoot Open New Tab

Tutorial:
PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.
2. Klik pada Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari kod dibawah:

</head>

6. Copy (CTRL+C) dan Paste (CTRL+V) kod dibawah sebelum kod </head>

<base target='_blank' />

7. Preview template dan jika tiada error klik Save Template

#Selesai :)

Baca Selengkapnya »

Wednesday 21 August 2013

Tutorial Backup Driver Menggunakan Driver Magician

Driver Magician merupakan satu aplikasi utiiliti untuk backup driver pc/laptop sebelum proses format pc/laptop dan dapat restore kembali driver tersebut setelah selesai proses format. Aplikasi ini sesuai digunakan pada semua OS Windows.

Download:
[Tusfiles ]
Driver Magician 3.9

Password (jika diperlukan): faiz-tutorial.blogspot.com

Tutorial 1 -Backup Driver
1. Buka Aplikasi Driver Magician
2. Klik pada Back Up Drivers
3. Klik butang Select All dan pastikan checkbox bertanda. Ada juga boleh tanda pada driver yang anda perlukan sahaja
4. Klik Start Backup .

5. Pilih Lokasi untuk backup driver dan klik OK .

6. Tunggu sehingga keluar proses backup selesai .Apabila keluar " Driver backup finished successfully " dan klik OK.

#Selesai.

Tutorial 2 - Restore Driver
1. Buka Aplikasi Driver Magician
2. Klik pada Restore Drivers.

3. Pilih lokasi Folder penyimapan Driver Backups anda dan klik OK

4,. Klik pada butang Select All (anda juga boleh memilih hanya driver yang diperlukan sahaja) dan klik Start Restoration .

5. Apabila dapat mesej seperti gambar dibawah , klik OK dan tunggu sehingga proses restore driver selesai.

6. Setelah selesai anda perlu restart pc/laptop anda.

#Selesai

Baca Selengkapnya »

Monday 19 August 2013

Tutorial Memasang Meta Tag Lengkap Pada Blogger

APA ITU META TAG DAN KEGUNAANYA?

Meta Tag adalah Elemen atau Tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian “head” dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan Deskripsi/Keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci ( Keyword ) yang terkait serta untuk metadata lain tanpa “head”.

1. Kata kunci - kata-kata yang mengidentifikasi apa halaman sekitar, biasanya digunakan di mesin pencari

2. Deskripsi - deskripsi singkat dari halaman

3. Penulis - nama penulis dan alamat email mungkin

4. Robot - untuk membolehkan atau melarang pengindeksan oleh robot

5. Hak Cipta - tanggal hak cipta dari halaman

dan Meta Tag merupakan sebuah cara menyampaikan Informasi penting ke Search Engine (Mesin Pencari, contohnya Google) mengenai informasi suatu halaman Blog atau Website.

Baik itu halaman berupa Home Page / Halaman Utama Blog Ataupun Halaman Posting Blog.

Secara Umum Meta Tag Itu ada 4, yaitu Meta Tag Title, Deskripsi, Keyword, dan Robots, namun tidak menutup kemungkinan masih banyak meta tag yang lain terdapat pada sebuah Blog ataupun Website.

Sebenarnya si tanpa Meta Tag ini, Blog kita tetap bisa eksis di Internet dan Search Engine, Namun ini dimaksudkan memudahkan Robot Search Enginemengenal Blog dan Artikel kita ketika dia Merayapi Blog.

Berikut ini adalah Penjelasan beberapa Meta Tag yang berguna buat Blog kalian :

1. Title

Meta Tag Title Yaitu befungsi sebagai Tanda Pengenal.

2. Deskripsi

Meta Tag ini menjelaskan Deskripsi sebuah Posting Artikel.

3. Keyword

Meta Tag ini menjelaskan Kata Kunci atau Keyword sebuah Posting Artikel.

4. Robots

Meta Tag ini menjelaskan Perintah dan Izin atau membatasinya yg diberikan kepada robot/spider yang akan mengakses Halaman Blog atau Website kalian.

TUTORIAL MEMASANG META TAG LENGKAP PADA BLOGGER TEMPLATE

PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.
2. Klik pada butang More Option dan klik Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari kod dibawah:

<title><data:blog.pageTitle/></title>

## Kebanyakkan template berlainan struktur coding, tetapi kebiasaannya kod diatas berada pada bawah kod " <b:include data='blog' name='all-head-content'/> " .

6. Isikan:

URL Blog :
Deskripsi/Keterangan Blog :
Kata kunci (Keyword) :
Nama Pengarang (Author) Blog:
Hak Cipta Blog :

7. Copy (CTRL+C) kod dibawah

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta content='Deskripsi/Keterangan Blog' name='description'/>
<meta content='Keywords (Kata Kunci) Blog Anda' name='keywords'/>
<meta content='http://' name='subject'/>
<meta content='Deskripsi/Keterangan Blog' name='Abstract'/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + " - Deskripsi/Keterangan Blog"' name='description'/>
<meta expr:content='data:blog.pageName + " - Keyword Blog Anda"' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
<meta content='Hak Cipta Blog Anda' name='copyright'/>
<meta content='Nama Author Blog' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='MY' name='language'/>
<meta content='MY' name='geo.country'/>
<meta content='Malaysia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>

8. Hapuskan kod <title><data:blog.pageTitle/></title> dan Paste(CTRL+V) dengan kod yang diatas.

9. Preview Template dan jika tiada error , Klik Save Template

#Selesai :)

Baca Selengkapnya »

Saturday 17 August 2013

Mini Game Google Search - Zerg Rush

Istilah 'Rush Zerg' berasal dari sebuah game online tua bernama Starcraft, di mana rush Zerg dikenali kerana kemampuannya untuk membanjiri, atau 'rush', lawan-lawan mereka untuk meraih kemenangan cepat. Ketika Anda mengetikkan perkataan 'Rush Zerg' pada Google Search Engine , kemudian akan muncul hasil pencarian seperti biasa. Tetapi beberapa saat kemudian, layar dibom oleh huruf 'o' dari Google yang jatuh dan menghilangkan setiap huruf pada google. Ini menjadi mini game, di mana Anda harus mengklik semua 'o' dan menghancurkan mereka sebelum mereka menghilangkan seluruh halaman. Memang susah nak menang , tetapi anda dapat berkongsi markah yang anda dapat dengan orang lain.

Screenshot 1

Screenshot 2

Tutorial:

1. Buka link http://www.google.com .

2. Pada ruang search , klik " Zerg Rush " dan klik Google Search.

Selamat mencuba,,,, huhu

Baca Selengkapnya »

Friday 16 August 2013

Tutorial Invite Semua Teman Ke Fan Pages Dengan 1 Klik

Salam semua, kali ni saya nak kongsi satu trik untuk invite semua teman fb anda ke fan pages anda dengan satu klik sahaja. Kebiasaannya kalau nak invite kena tick 1 persatu kan. Leceh! ..So anda boleh guna trik ni. Mudah je.

Tutorial 1 : Google Chrome

1. Buka Fan Pages FB anda menggunakan browser google chrome

2. Pada Admin Panel , Klik pada Build Audience dan Klik Invite Friend

3. Tukarkan Recent interactions kepada Search all friend .

4. Scroll ke bawah senarai teman anda sehingga habis .

5. Tekan butang " F12 " pada keyboard anda dan klik pada Console .

6. Copy(CTRL+C) dan Paste(CTRL+V) kod dibawah pada ruang Console.

javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()};

7. Tunggu sehingga semua checkbox pada senarai teman anda bertanda dan klik Submit

PS: Sila ulang trik di atas sehingga semua teman anda di Invite. Biasa la fb ni ada limit. hehe.

Selesai......

Tutorial 2 : Firefox (screenshot x disediakan sebab sama je macam screenshot diatas. hehe )

1. Buka Fan Pages FB anda menggunakan browser Firefox.

2. Pada Admin Panel , Klik pada Build Audience dan Klik Invite Friend

3. Tukarkan Recent interactions kepada Search all friend .

4. Scroll ke bawah senarai teman anda sehingga habis .

5. Tekan butang " CTRL + SHIFT + K " pada keyboard anda.

6. Copy(CTRL+C) dan Paste(CTRL+V) kod dibawah pada ruang Web Console.

javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()};

7. Tunggu sehingga semua checkbox pada senarai teman anda bertanda dan klik Submit

Baca Selengkapnya »