Tutorial-Zabidi Ali

Pindah Rumah Baru

2011-01-02T15:35:00.000-08:00

hai Askum semua...Hari saya pindah rumah baru...nanti jemput la datang ziarah ye.......

Selamat tahun baru

2010-12-31T08:42:00.000-08:00

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

2010-12-30T13:31:00.000-08:00

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..

Bagaimana nak install themes ini?? click sini

=========================================================================

Bagaimana nak install themes ini?? click sini

Panduan { Stop Follwer } pada blog blogger

2010-12-30T03:02:00.000-08:00

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

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

4. No 1 ialah blog lis yang anda dah follow so pilih la yang mana (nasib la..hehe)
5. No 2 bila anda click ianya akan bawak anda ke blog tersebut
6. No 3 Login

6. Selepas login,anda boleh click mana mana2 icon disitu atau ikut gambar dibawah

7. Kemudian Save

***************** Selamat mencuba **********************

Panduan membuat Chatbox seperti facebook

2010-12-28T23:21:00.000-08:00

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

1. Langkah pertama Go to :- Dashboard > Design > Edit HTML > Expand Widget Templates

2. Langkah pertama copy code dibawah dan pastekan sebelum code ini :- </head>

<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/fbtemplatev1/script.js' type='text/javascript'/>
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/fbtemplatev1/jquery.js' type='text/javascript'/>
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/fbtemplatev1/facebox.js' type='text/javascript'/>
<script type='text/javascript'>
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
</script>

</head>

3. Cari code ini ]]></b:skin> dan pastekan code dibawah sebelum ]]></b:skin>

Contoh

/*dock*/

#dockbottoms{position:fixed;bottom:0px;right:0px;clear:both;width:0px;padding:0px 0 0;border:1px solid #ffffff;border-bottom:0;background-color:#fff;z-index:11000}
#dockbottoms-inner{float:left;width:100%;height:35px;padding:0;position:relative;background-color:
#ccc;overflow:visible}
#dockbottoms-inner .block{padding-bottom:0;margin-bottom:0;padding-top:5px}
#dockbottoms-inner
#dockbottom-first{margin-left:15px}
#dockbottoms-inner
#dockbottom-middle{}
#dockbottoms-inner
#dockbottom-last{}
#dockbottoms-inner.dockbottoms-1
.column{float:left;width:100%}
#dockbottoms-inner.dockbottoms-2
.column{display:block;float:left;margin:0 10px;width:47%}
#dockbottoms-inner.dockbottoms-3 .column{display:block;float:left;margin:0 14px;width:30%}
#chat-wrapper{width:240px;position:absolute;bottom:10px;right:30px;z-index:11002;text-align:center;border:0px solid #ffffff}
#chat{height:405px;background-color:#ffffff;text-align:left;display:none;}
.slider{position:relative;z-index:11003;height:18px;padding:0;background-color:#ffffff;margin-top:-5px}
.toggleup,
.toggledown{text-align:center;display:block;line-height:22px;background-color:#ffffff}
#dockbottoms li.collapsed,
#dockbottoms li.leaf{list-style-image:none;list-style-type:none;margin:0;padding:0.2em 0.5em 0 0}
#dockbottoms ul.menu{list-style-position:inside}
#page,
#closure-blocks{margin-left:auto;margin-right:auto;width:960px;text-align:left}
#dockbottoms a {padding:0px 5px 5px 5px;}

]]></b:skin>

4. Pastekan code dibawah ini di tengah </body> contoh </html> bahagian paling bawah sekali di sebut Footer

</body>

    <div id='dockbottoms'>
        <div class='dockbottoms-2 clearfix' id='dockbottoms-inner'>
        <div class='column' id='dockbottom-middle'>
        <div class='block block-system region-odd odd region-count-1 count-9' id='block-system-0'>
         <div class='block-inner'>
         <div class='content'>

    </div>
    </div>
    </div> 
    </div>
        <div class='column' id='dockbottom-last'>
        <div class='block block-block region-odd even region-count-1 count-10' id='block-block-1'>
        <div class='block-inner'>
        <div class='content'>
        <div id='chat-wrapper'>
        <div id='chat' style='display: none;'>
    

    
    <iframe frameborder='0' height='400' scrolling='auto' src='http://www1.shoutmix.com/?zabidi-ali' title='zabidi-ali' width='270'>
    <a href='http://www1.shoutmix.com/?zabidi-ali'>View shoutbox</a>
    </iframe>
    <br/><a href='http://www.shoutmix.com' title='Get your own free shoutbox chat widget at ShoutMix!'>ShoutMix chat widget</a><br/>
    

    
    </div>
         <div class='slider'>

         <a class='toggleup' href='#'><img border='0' src='http://2.bp.blogspot.com/_S7IXT0y_EGM/TOuS990D-QI/AAAAAAAAALs/7XeYgj5ZSn4/s1600/chat.png' style='width: 260px; height: 30px;'/></a>
                                            </div>
    </div>
    </div>
    </div>
    </div> 
                        </div>
                     </div>
                 </div>

        </html>

5. Kemudian anda tukar Code Chatbox anda dengan mengantikan bahagian yang saya warnakan hijau

6. Save

Photography Portfolio

2010-12-27T05:52:00.000-08:00

. Saiz lebarnya 924

. Mempunyai header slider

. favicon

. Bar categories image

. like button facebook

. Hanya RM 75.00

Themes For blogger [ Profile Style ]

2010-12-26T10:20:00.000-08:00

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 ?

1. langkah pertama untuk themes ini anda perlu kembali ke blogger style yang lama kerana
inya berfungsi HTML bukan XML contoh :-

2. langkah kedua copy code yang anda download dalam bentuk note dan paste kan seperti contoh dibawah

Themes seperti facebook v.2

2010-12-24T09:12:00.000-08:00

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 ?

- Kepada anda yang belum pernah menukar template di blogspot CLICK HERE

- Setelah anda menukarkan themes,anda perlu membuat pertukaran sedikit seperti :

Label(ketogori)

Avatar icon

Link Facebook anda

Chat Box

- Sebelum anda membuat pertukaran anda perlu tahu bagaimana membuat label pada posting anda,ianya penting kerana jika anda tidak membuat label(ketogori) ianya tidak akan munjul pada link label(ketogori yang anda tukar diatas

Panduan membuat Label CLICK HERE

- Panduan membuat pertukaran label 1,2,3,4

1. Langkah pertama pergi ke Dashboard >

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

Label 1

tukarkan label yang anda inginkan seperti : Photo Album

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

tajuk_label_1

tukarkan tajuk_label_1 yang buat pada label posting anda.buat pertukaran label yang sperti berikut hanya perlu tukar 1 ke 2 kemudian 3 dan seterusnya,kemudian SAVE

- Panduan menukar Avatar Icon

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

http://static.ak.fbcdn.net/rsrc.php/y9/r/IB7NOFmPw2a.gif

tukarkan link gambar kepada link gambar profile anda

2. Kemudian SAVE

- Panduan menukarkan link facebook anda

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

zabidicst

tukarkan kepada nama anda pada facebook anda

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

http://twitter.com/zabidiali

- Panduan menukarkan Chat Box

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

Kemudian tukarkan iframe chat box anda
contoh

<iframe frameborder='0' height='400' scrolling='auto' src='http://www1.shoutmix.com/?zabidi-ali' title='zabidi-ali' width='270'>
<a href='http://www1.shoutmix.com/?zabidi-ali'>View shoutbox</a>
</iframe>

2. Anda perlu mengikut saiz seperti ini :

height='400'
width='270'

Selamat mencuba

Panduan meletak User posting link

2010-12-23T00:13:00.000-08:00

Contoh

1. Langkah pertama anda perlu mendaftar di

isikan form tersebut

2. Langkah kedua,setelah anda rigester ia akan send kan code ke alamat email anda(kemudian confirm)

3. Langkah ketiga masukkan ID dan pasword anda

4. Langkah ke empat lengkapkan seperti contoh dibawah

5. Langkah ke lima dapatkan code kemudian pastekan ke ( add a gadget)

6. Kemudian SAVE

Pertandingan Blog Paling Superb !

2010-12-22T19:59:00.000-08:00

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

2010-12-15T04:24:00.000-08:00

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:

</head>

Pastekan sebelum </head>

<style>
#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://lh5.ggpht.com/_u4gySN2ZgqE/SnWk89-4azI/AAAAAAAAAj8/hM0MqnVouCQ/prevlabel%5B3%5D.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://lh6.ggpht.com/_u4gySN2ZgqE/SnWk9-mNiQI/AAAAAAAAAkA/Zg1jXV9xnQM/nextlabel%5B6%5D.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js' type='text/javascript'/>
<script src='http://files.bloggerplugins.org/lbox/js/scriptaculous.js' type='text/javascript'/>
<script src='http://photolightbox.googlecode.com/files/lightbox.js' type='text/javascript'/>

Langkah 3 : Kemudian pergi posting anda

Tukarkan yang berwarna kuning dengan kod dibawah

rel="lightbox[Flowers]" title="title image">

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_UEyQ01Vm0i8/TQisHf-AN_I/AAAAAAAAAEU/NES6KNbg14c/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="http://3.bp.blogspot.com/_UEyQ01Vm0i8/TQisHf-AN_I/AAAAAAAAAEU/NES6KNbg14c/s640/11.jpg" width="640" /></a></div>

Sample yang dah ditukar :-

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_UEyQ01Vm0i8/TQisHf-AN_I/AAAAAAAAAEU/NES6KNbg14c/s1600/11.jpg" rel="lightbox[Flowers]" title="title image"><img border="0" height="286" src="http://3.bp.blogspot.com/_UEyQ01Vm0i8/TQisHf-AN_I/AAAAAAAAAEU/NES6KNbg14c/s640/11.jpg" width="640" /></a></div>

Warna merah - gambar asal(full saiz)
Warna biru - nama gambar
Warna hijau - gambar yang bersaiz lebih kecil

Panduan membuat " Read More"

2010-12-14T20:06:00.000-08:00

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 : Cari code ( CTRL + F )

]]></b:skin>

Pastekan selepas code ]]></b:skin>

And here is the rest of it

Langkah 3 : cari code

<data:post.body/>

Pastekan selepas code <data:post.body/>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;"><img src='http://lh5.ggpht.com/_Kv5tIcZAMKY/S-6d4DdKBII/AAAAAAAAAYY/spRXv_SuKwU/s400/readmore.jpg'/></div></a>
</b:if>

Langkah 4 : Kemudian Save
===================================================================
langlah 5 : Masuklah ke "Layout" dan klik "Settings" -----> "Formatting"

Pastekan code (sample di bawah)

Post Before "read more"
<span class="fullpost">
And here is the rest of it
</span>

Sample

Langkah 6 : kemudian Save

Panduan membuat tambah Fancy "Sosial button"

2010-12-14T17:42:00.000-08:00

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>

/* Fancy SocialBookmark*/

#sharebox{
height:48px;
width:400px;
margin:0;
padding:5px 0;
}

ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute;}
ul.sharebox li a { margin:0 0 0 -24px; display:block;}
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

LANGKAH 3: Sekarang cari (CTRL + F) ini di template;

</head>

Pastekan code dibawah sebelum </head>

LANGKAH 4: Sekarang cari (CTRL + F) ini di template;

<data:post.body/>

Pastekan code dibawah sebelum/selepas code <data:post.body/>

LANGKAH 5 :Kemudian Save

Selamat mencuba

Panduan membuat tulisan berkelip-kelip

2010-12-13T19:26:00.000-08:00

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)'

2010-12-12T17:06:00.000-08:00

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

2010-12-10T06:43:00.000-08:00

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

2010-12-03T05:41:00.000-08:00

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُ
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

2010-12-02T17:55:00.000-08:00

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 ?

2010-11-28T02:45:00.000-08:00

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

Facebook Messenger, Chit Chat

2010-11-24T00:33:00.000-08:00

Download Free

Panduan membuat Chatter Box

2010-11-24T00:17:00.000-08:00

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,

1. Langkah pertama Anda perlu daftar mana-mana Chatter Box yang anda suka seperti

2. kemuadian Copy Kod tersebut
Sample

<iframe title="zabidi-ali" src="http://www1.shoutmix.com/?zabidi-ali" width="215" height="500" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?zabidi-ali">View shoutbox</a>
</iframe>

3.kemuadian terus ke Dashboard > Add a Gadget

4. Pastekan Kod tersebut

5.Kemudian Save

Panduan Membuat Link Popup window

2010-11-23T23:20:00.000-08:00

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

2010-11-23T22:22:00.000-08:00

Panduan membuat (Back To Top)

2010-11-15T10:09:00.000-08:00

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

2010-11-15T09:07:00.000-08:00

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

2010-11-15T04:42:00.000-08:00

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

2010-11-14T23:17:00.000-08:00

Panduan membuat Link berkelip-kelip(berwarna)

2010-10-12T17:36:00.000-07:00

1. Sign in > Design > Edit HTML.

2. Cari .

3. Tambahkan kod ini di atasnya.

Panduan memasang butang facebook (like button)

2010-10-05T21:42:00.000-07:00

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.

2010-10-03T09:22:00.000-07:00

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

2010-10-02T08:49:00.000-07:00

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

2010-10-01T08:16:00.000-07:00

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.