Tutorial-Zabidi Ali: 2010

Wall
Themes
Pro Themes
Tutorial
Chit-chat
software
Contact
Browse more categories

prothemes

software

themes

tutorial

video
zabidi

Archives

Selamat tahun baru

Assalamulaikum semua blogger malaysia ....semperna tahun baru ni saya ingin mengambil kesempatan mengucapkan selamat tahun baru,semoga tahun ini kita peroleh lebih daripada tahun yang lepas..dan terima kasih juga pada follower2 pada blog saya amin..wassalam......

Facebook Themes For Blogger Version 3

Assalamualaikum...sempena tahun baru yang akan datang saya nak berkongsi dengan anda (themes like facebook),dimana Version 3 ini saya membuat sedikit,dimana pada V.3 ini saya telah mengubah bahagian kotak posting mempunyai boder,icon pada comment dan mempunyai kerawang pada footer.
Pada version 3 ini anda boleh membuat pilihan warna iaitu Hijau ataupun merah....
selamat mencuba.............Wassalam..

Panduan { Stop Follwer } pada blog blogger

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُ

Adakan anda mempunyai masalah tidak boleh follow blog lagi kerana dah limit (banyak sangat follow 2..)
Caranya mudah sahaja.

1. Login ke akuan blogger anda
2. Pergi Dashboard
3. Cara paling mudah lihat gambar di bawah

Panduan membuat Chatbox seperti facebook

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

Assalamualaikum semua hari saya nak berkongsi dengan anda bagaimana menambah Chatbox yang menyerupai facebook style.tetapi sesetengah template x dapat berfungsi dengan baik
contohnya flash / slider.. bergantung pada design template yang guna..

Contoh :- template design custom

Photography Portfolio

. Saiz lebarnya 924

. Mempunyai header slider

. favicon

. Bar categories image

. like button facebook

. Hanya RM 75.00

Themes For blogger [ Profile Style ]

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

Bagimana nak istall themes ini ?

Themes seperti facebook v.2

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

Bagimana nak istall themes ini ?

Panduan meletak User posting link

Contoh

Pertandingan Blog Paling Superb !

Heyy ! Aisyah excited sangat sebab dapat buat contest pertama Aisyah . Bukan nak tiru blogger lain yang buat contest but ini merupakan fikiran sendiri . Dah lama fikir tapi malas nak post kat blog . For your information, contest ni dianjurkan oleh Aisyah ngan adeq Aisyah iaitu Izzah . Banner tu nampak simple je kan ? Malas nak buat lagi gempak . Mari kita terjah syarat2 nya .

SyaratSyarat :

1. Terbuka kepada Malaysian Blogger yang tinggal di Malaysia only . Kalau korang tinggal kat luar negara, payah nak post hadiah .
2. Kena follow blog Aisyah dan Izzah dulu . Kalau tak nak follow pun takpe tapi make sure korang salu update ngan blog kitaorang okeyy ?
3. Mesti ada blog . Kalau takda blog, takdalah contest dan hadiah . :)
4. Buat satu entry bertajuk Pertandingan Blog Paling Superb ! Copy entry dan banner ini .
5. Tinggalkan URL blog, emel & nama korang di blog aisyah sahaja . Click tab Contest. Kalau korang nampak Pertandingan Blog Paling
Superb !, click and then tinggalkan URL blog, emel dan nama penuh di ruangan komen .
6. Hadiah Misteri menanti anda !
7. Had penyertaan : 200 blogger yang awal mendaftar saja boleh ikut .
8. Hanya 3 blogger sahaja dipilih !
9. Kalau ada apa2 perubahan akan diberitahu nanti .
10. Tag kengkawan anda juga ! Tag lah seramai mana yang korang nak . Tak nak tag pun tak pe .

TARIKH TUTUP PENYERTAAN : 21 FEBRUARY 2011, 11.59 malam

Panduan membuat "Light Box" untuk Blogger

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

LANGKAH 1 : Pertama, Masuk ke Blogger. Sekarang, masuklah ke "Layout" dan klik "Edit HTML"

LANGKAH 2 : Sekarang cari [CTRL + F] kode ini:

Panduan membuat " Read More"

Pertama sekali saya nak ingatkan pada anda semua,sebelum memulakan edit, saya sarankan kepada anda semua supaya Buckup file Theme anda terlebihdahulu.

Panduan membuat tambah Fancy "Sosial button"

LANGKAH 1 : Pertama, Masuk ke Blogger. Sekarang, masuklah ke "Layout" dan klik "Edit HTML"

LANGKAH 2 : Sekarang cari [CTRL + F] kode ini:

]]></b:skin>
Pastekan code dibawah sebelum code ]]></b:skin>

Panduan membuat tulisan berkelip-kelip

Cara membuatnya sangat la mudah, anda hanya perlu letakkan kod ini <blink> sebelum perkataan yang hendak dibuat,dan selepas letakkan kod ini </blink>

Sample

Panduan membuat tulisan berkelip-kelip

<blink>Panduan membuat tulisan berkelip-kelip</blink>

Panduan Buang Link 'Subscribe to: Posts (Atom)'

1.Masuk DASHBBOARD > Layout > Edit HTML.

2.Klik kotak 'Expand Widget Template'...

3.Cari kod seperti di bawah ni menggunakan tool find (tekan keyboard ctrl + F)

<b:include data='feedLinks' name='feedLinksBody'/>

4.Delete kod tersebut, kemudian save.

Panduan membuat scroll box

<div style="height: 221px; overflow: scroll; width: 530px;">

</div>
<div style="font-family: verdana,arial,sans-serif; font-size: 10px;">

</div>

1. Copy code diatas jika anda suka saiz tersebut

2. Jika anda ingin mengunah saiz lebah box anda boleh mengedit yang berwarna merah

3. Jika anda ingin mengunah saiz ketinggian box ini anda boleh mengubah yang berwarna hijau

Panduan membuat Kata-kata aluan pada blog anda

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُ
Hari saya nak berkongsi dengan anda semua cara yang paling mudah nak buat pop up kata-kata aluan pada blog anda..contoh seperti gambar dibawah ini.

1. langkah pertama Log in blog => Dashboard => Layout => Edit HTML

2. langkah kedua cari </head> cara mudah tekan Ctrl+F cari </head>

3. langkah ketiga copy code dibawah, kemudian pastekan sebelum </head>

3. Copy kod dibawah dan pastekan sebelum </head>

<Script language='JavaScript'>alert("Selamat Datang Ke Blog Saya");</Script>

Contoh
<Script language='JavaScript'>alert("Selamat Datang Ke Blog Saya");</Script>
</head>

4. Anda boleh menukar perkataan yang berwarna merah kepada kata-kata Aluan anda sendiri

Selamat mencuba

Photogarphy Site V.2

Photogarphy Site V.2

Assalamulaikum, Themes ini saya namakan Photography Site kerana saya design khas untuk Photographer.Design ini agak simple cuma version 2 ini saya tambahkan di bahagian header slideshow dan kali ini anda boleh membuat pilihan warna.

.
. Saiz lebarnya 1020
.   Mempunyai header slideshow
.   favicon
.   Bar categories
.   like button facebook
.   Pilihan warna.Hitam-Putih-Merah-Kuning
.   Hanya RM 75.00

Siapa inginkan Themes seperti facebook ?

Siapa yang inginkan themes...seperti facebook..
BUZZ me...

Facebook Messenger, Chit Chat

Download Free

Download Chit Chat for Facebook

Panduan membuat Chatter Box

Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat (chatting). Dengan shoutbox, kita juga boleh mempromosikan blog kita,

Panduan Membuat Link Popup window

1.Langkah pertama anda copy kod tersebut/
2.tukatkan link yang berwarna merah dengan http://zabidiali.blogspot.com anda tujukan
3.tukar kan tajuk Sample yang berwarna pink

<a href="http://zabidiali.blogspot.com/" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no,width=900,height=600'); return false;">Sample </a>

Sample

Selamat mencuba....

testimoni dari Elyana & Khairul

Panduan membuat (Back To Top)

1) Log masuk blogger.com
2) Klik Design
3) Klik Edit Html dan expand widget
4) Tekan CTRL+F pada keyboard korang dan search </body>
5) Copy dan pastekan kod kat bawah ni sebelum </body>
6) anda perlu menukarkan link blog korang seperti contoh dibawah.

Photogarphy Site

Assalamulaikum....dan salam sejahtera,hari saya nak kasi themes yang sangat simple,saya ubah sedikit kedudukan wiegetnya dan beberapa element lain.Ianya sesuai untuk adik2 kita yang baru mula berjinak2 dengan photography...Harap U all suka.

Panduan hilangkan Navbar

contoh Navbar

Hari ini saya nak nak ber kongsi dengan anda bagaimana nak hilangkan Navbar Blogger
dengan menghilangkan Navbar ini kita dapat mengelakkan daripada orang2 yang tidak bertanggung jawap.
jika anda perasan disebelah kiri atas ada perkataan Report Abuse
butang itu akan merepotkan ke pihak Blogger walaupun blog anda tidak melakukan kesalahan pun

login your blog
Go to Layout >Design > Edit HTML

<head>

#navbar-iframe{display:none;}

</head>

Copy code yang berwarna hitam tersebut dan pastekan seperti Contoh dibawah ini :-

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <link href='http://justkhai.com/blog/wp-content/uploads/2007/02/love.gif' rel='shortcut icon'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Photography Site
Designer: zabidi-design
----------------------------------------------- */
#navbar-iframe{display:none;}

Muslimah girl

Panduan membuat Link berkelip-kelip(berwarna)

1. Sign in > Design > Edit HTML.

2. Cari .

3. Tambahkan kod ini di atasnya.

<script src='http://ladyqistina.googlepages.com/rainbow2.js'/>

Panduan memasang butang facebook (like button)

1.Pertama dapatkan code Click sini LIKE BUTTON

2. Copy kod tersebut. Masuk ke Akaun Blogger anda dan pergi ke Design> Edit HTML dan klik pada kotak semak yang mengatakan "Expand Template Widget"

3. Click Ctrl+F atau Comand+F cari Kod <data:post.body/> pastekan Kod like button tadi

selepas <data:post.body/>
4. Kemudian save

Selamat mencuba .....

Panduan menukar Template Blogspot.

Download template yang anda kehendaki.
Jika file tersebut dalam keadaan Winzip.Extract terlebih dahulu.
Login ke akaun Blogger anda.
Klik pada menu Layout.
Edit HTML.
Klik pada Browse dan pilih file yang template yang anda download. (pastikan file yang anda pilih diakhiri dengan namatemplate.xml).
Selepas itu klik pada Upload.
Untuk melihat hasilnya klik pada Preview.Jika tidak ada sebarang error dan puas hati dengan template tersebut klik pada Save Template sebagai langkah terakhir.

Panduan Masukkan Kategori di Blogspot

Login ke Dashboard Blogspot anda.
Klik pada Layout.
Add a Gadget.
Cari Labels dan klik pada Labels tersebut.
Akhir sekali klik pada Save (anda boleh tukar teks Labels kepada Kategori sebelum Save).

Untuk masukkan artikel yang anda ke dalam Kategori :
Proses ini dilakukan semasa anda menulis artikel.Jika anda perhatikan gambar dibawah , terdapat perkataan “Labels for this post:” dibawah ruangan menulis artikel.Ruangan “Labels for this post:” adalah ruangan untuk anda masukkan Kategori.Apa yang perlu anda lakukan hanya masukkan nama Kategori yang dikehendaki.Nama Kategori yang anda masukkan , akan di simpan secara automatik selepas anda “publish”.

Panduan mudah membina blog blogger

1. Apa itu Blog?
Perkataan Blog berasal dari singkatan perkataan Web Log adalah satu laman web yang boleh disunting dengan pelbagai artikel dan widget dari masa ke semasa mengikut citarasa anda.
2. Cara bina blog?
Pertama sekali, untuk membina blog sendiri anda memerlukan satu akaun e-mel dari Google. Saya mengesyorkan anda membuka akaun e-mel dari google kerana anda boleh menggunakan kat laluan yang sama untuk login ke blogger. Perkara ini tentu memudahkan anda untuk mengingati kata laluan.
3. Dapatkan blog percuma
Menggunakan blog percuma adalah satu platform yang baik bagiproses pembelajaran orang baru (newbie) yang ingin berjinak-jinak dengan blog ini sebelum menggunakan blog yang berbayar. Ikuti langkah mudah yang seterusnya di bawah ini.
4. Layari blogger untuk membina satu blog impian anda. Paparan seperti berikut akan terpapar, kemudian gunakan kata laluan yang sama dengan kata laluan e-mel anda.

<
5. Pada bahagian Display Name ini anda letakkan nama yang anda ingin paparkan dalam blog nanti. Contohnya di sini, saya meletakkan nama sebagai Faiz Shafie atau apa-apa nama yang anda suka. Email Notification dan Acceptance Of Terms klik dalam box tersebut (seperti dipaparkan). Kemudian tekan butang CONTINUE

6. Pada Blog Title letakkan apa-apa tajuk untuk blog anda. Blog anda perlukan tajuk juga. Contohnya, saya letakkan Blog Saya. Nama blog ini anda boleh tukar dari masa ke semasa. Pada ruang, Blog Adress (URL) pilih nama yang sesuai dengan tajuk blog anda. Contoh, saya letkkan nama blog saya FaizShafieBlog (pastikan nama blog anda ditulis rapat-rapat). Kemudian. tekan butang CONTINUE

7. Pada bahagian ini, teruskan lagi dengan mengklik butang CONTINUE. (Anda boleh juga menukar theme blogspot yang lebih cantik)

8. Tahniah! Blog anda telah siap di bina. Sebelum itu, cuba membuat post ke dalam blog baru anda. Lihat langkah di bawah.

9. Ini blog anda, tulis apa-apa artikel yang anda mahu tetapi pastikan artikel anda bermanfaat untuk orang lain dan tidak menyentuh isu-isu yang sensitif (silap2 kena saman). Kemudian, klik butang CONTINUE lagi

<
10. Kemudian, artikel yang baru anda siap tulis tadi telah dipaparkan ke dalam blog anda. Jemput kawan-kawan anda ke blog anda.