SyamZone™: March 2009

Membuat Ruang Komen Di Bawah Setiap Post.

Meletakkan ruangan komen berada dibawah setiap post akan memudahkan pengunjung meninggalkan komen mereka

Jika anda ingin mengubah ruang komen,anda boleh mengikuti beberapa langkah mudah dibawah ini:

Mula-mula semak 'Setting'-->'Comment'.Untuk memastikan setting anda sila lihat screenshot dibawah :

Langkah seterusnya 'Layout'-->'Edit Html'-->'Expand Widget Template' dan cari kod html di bawah:

Gantikan kod di atas dengan kod dibawah.

Seterusnya cari kod html ini :

<b:include data='post' name='comments' /><b:include data='post' name='comment-form'/>

Jika template anda hanya mempunyai kod html seperti ini:

<b:include data='post' name='comments' />

Tambahkan kod html dibawah disebelahnya :

<b:include data='post' name='comment-form'/>

Langkah Mudah Menukar 'Warna Background'.

Anda boleh menukar warna background template .

Tukarkan tag di bawah :

<body>

Kepada

Di bawah terdapat beberapa contoh kod warna.

#FFFF00=Yellow
#FF66FF=Purple
#FF6699=Pink
#FF6600=Orange
#FF0000=Red
#CCFF99=Green
#CC6600=Brown
#99CCFF=Blue
#6600FF=Dark Blue
#000000=Black
#FFFFFF=White

Anda boleh menukar kod berwarna biru kepada kod warna pilihan anda.

Langkah Mudah Membuat 'Float Image'.

Apa itu 'Float Image' ??? Untuk memudahkan anda memahami apa itu float image ? Sila lihat anak panah didalam screenshot di bawah ini :

Anda mungkin sudah mengetahui dan memahami apa itu 'Float Image'.

Jika ingin mengetahui cara-cara untuk meletakkan 'Float Image' di template.Sila ikuti langkah-langkah mudah dibawah ini :

Masuk akaun blogger anda.Pilih 'Layout' --> 'Edit Html'.

Cari kod di bawah ini :

]]></b:skin>

Copy kod dibawah dan Paste diatas kod tadi :

#syamzone {

position:fixed;_position:absolute;bottom:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Sekarang cari kod ini pula :

</body>

Jika anda sudah jumpa kod di atas letakkan kod di bawah sebelum kod </body> tadi :

Anda boleh mengubah posisi atau kedudukan 'Float Image' anda dengan menukarkan text kod yang berwarna biru

Tukarkan text kod berwarna merah kepada 'URL blog dan URL Image anda'.Seterusnya 'Preview' hasil kerja anda,jika berpuas hati 'Save Template'.

Sekiranya anda sudah mengikuti semua langkah-langkah di atas, tetapi tidak berhasil sila gunakan cara yang kedua di bawah ini :

Masuk akaun blogger anda.Pilih 'Layout' --> 'Edit Html'.

Cari kod di bawah ini :

]]></b:skin>

Copy kod di bawah anda boleh mengubah posisi 'Float Image' dengan mengantikan text kod berwarna biru dan Paste di atas kod tadi :

Perhatian 'Save Template' anda.

Sekarang pilih 'Layout'--> 'Page element'--> 'Add a Gadget'--> 'Html / Javascript'.

'Copy' kod di bawah dan 'Paste'.

Jangan lupa untuk gantikan text kod berwarna merah.

Sekiranya sudah selesai 'Save'--> 'View Blog'.

Meletakkan 'Search Box' Di Blog.

Meletakkan 'Search Box' bertujuan untuk memudahkan pengunjung sesebuah blog mencari artikel yang di cari dengan mudah.

Bagaiman ingin meletakkan 'Search Box' ini di blog ??? Sila ikuti langkah-langkah mudah di bawah :

1.Masuk akaun blogger anda.

2.Pilih 'Layout'-->'Add a Gadget'-->'Html/Javascript'.

3.Copy dan Paste kod Html di bawah ini.

4.'Save'.

Untuk memudahkan pengunjung , jika blog anda berbahasa melayu anda boleh menukarkan text kod yang berwarna biru kepada 'Carian' atau sebagainya.

Membuat 'Link Exchange Box' Dengan 'Button Select All'.

Untuk membuat 'Exchange Box' dengan 'Button Select All'.

Masuk akaun blogger anda 'Layout'-->'Add a Gadget'-->'Html/Javascript'.

Copy kod di bawah dan Paste.

Tukarkan alamat blog yang berwarna merah dengan alamat blog anda dan alamat link imej/gambar yang berwarna biru dengan link gambar anda.

'Save'.

Membuat 'Text Area With Auto Highlight'.

1. Masuk akaun Blogger.

2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy kod di bawah dan Paste.

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

Masukkan text anda di sini

</textarea>

Perhatian !!! Gantikan text berwarna merah dengan text anda.

4. Save.

Langkah Mudah Meletakkan 'Favicon'.

'Favicon' ialah nama singkatan bagi 'Favourite Icon'.Anda mungkin sudah biasa melihat 'Favicon' iaitu icon kecil yang terdapat di sebelah alamat URL sesebuah blog atau website seperti screenshot di bawah ini:

Untuk membuat 'Favicon' di alamat blog anda,Sila lihat langkah-langkah di bawah ini.

Mula-mula mesti mempunyai icon 'direct URL', untuk mendapatkan icon 'direct URL' ini anda mestilah mengupload icon anda ke dalam 'hosting' penyimpanan gambar anda sepeti Photobucket,Imageshack,Picison semua contoh website ini menyediakan perkhidmatan percuma.

Sekarang anda sudah mempunyai 'direct URL Favicon anda'

Gantikan kod html yang berwarna biru di atas dengan 'direct URL Favicon anda'

Untuk langkah seterusnya masuk akaun blogger anda 'Layout'-->'Edit Html' dan cari kod di bawah ini

</HEAD>

Letakkan kod html yang mengandungi 'Direct URL Favicon' anda tadi di bawah kod ini

</HEAD>.

Menukarkan Tulisan Melayu Kepada Tulisan 'Jawi'.

Ejawi.net adalah laman web yang menyediakan perkhidmatan menukarkan tulisan rumi kepada tulisan jawi. Anda hanya perlu menulis di dalam 'Bahasa Melayu' dan klik 'convert'. Tulisan jawi akan dipaparkan, dan anda boleh salin teks tersebut seperti biasa.

Untuk mengetahui lebih lanjut dan mencuba perkhidmatan ini klik di sini....

Membuat 'Flash Banner Alternatif'.

Sekiranya anda memerlukan 'flash banner alternatif' untuk blog atau website anda seperti di bawah ini.Anda tidak perlu mengambil masa yang lama untuk membuat 'flash banner' ini.

Anda hanya perlu Copy dan Paste.

Anda boleh dapatkan 'flash banner' ini dengan hanya Copy kod di bawah ini dan Paste di mana-mana halaman html anda.

Anda boleh mengubah banner ini mengikut pilihan anda dengan menukar text yang berwarna hijau.

Selamat Mencuba.

Membuat Text / Imej Bergerak.

Membuat dan menghiasi blog anda dengan 'text dan imej/gambar bergerak' seperti di bawah ini:

syamzone.blogspot.com

Copy kod dibawah ini dan Paste di mana-mana halaman html di blog anda.

<MARQUEE bgcolor: rgb(255, 0, 0);">#CCCCCC" loop="-1" scrollamount="2" width="100%">syamzone.blogspot.com</MARQUEE>

Anda boleh menukar kod berwarna merah mengikut citarasa anda.

1. ...Text Anda Di sini...

2. ...Text Anda Di sini...

3. ...Text Anda Di sini...

Perhatian !!! Anda boleh mengubah kod yang berwarna merah mengikut citarasa anda .

Menambah Ruang 'Add a Gadget'.

Untuk menambah 'ruang gadget' atau 'Add a Gadget' di bahagian header template

Anda hanya perlu mengikuti beberapa langkah yang amat mudah seperti di bawah ini :

Masuk akaun blogger anda.

'Layout'-->'Edit Html'-->'Expand Template Widget'.

Cari kod html dibawah ini:

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

Tukarkan kod html diatas seperti text yang berwarna merah dibawah ini.

'Save Template'

<b:section class="header" id="header" maxwidgets="10" showaddelement="yes">

Masuk ke bahagian 'Layout' dan lihat hasilnya di bahagian atas atau header,ruang 'Add a Gadget' akan bertambah di situ.

Membuang Tag 'No Follow' Dari Template.

Untuk mengetahui apa itu 'Dofollow dan Nofollow' anda boleh mendapat keterangan yang lebih lanjut di sini

Untuk membuang 'tag no follow' lihat langkah-langkah dibawah ini :

'Layout'-->'Edit Html'-->'Expand Widget Template' dan jangan lupa 'back up' template anda.

Untuk mencari 'rel='nofollow' dengan mudah 'Ctr-F'.

Apabila sudah jumpa rel='nofollow' padamkan.

Ingat padam seperti text yang berwarna merah sahaja.

'Save Template'

Sekiranya anda tidak mempunyai 'badge Nofollow'? Anda boleh Copy dibawah dan Paste di blog anda.

Pull 'Drop Down Menu.

Alternatif membuat 'Pull Drop-Down Menu ' dengan mudah.

'Pull Drop Down menu' ini boleh di jadikan alternatif untuk menjimatkan ruang blog anda agar kelihatan lebih kemas.

Untuk membuatnya memang mudah.

Mula-mula 'klik di sini Drop-Down Menu Generator

Kemudian masukkan 'URL' blog anda di 'Use Image Button'

Langkah seterusnya contoh: Jika anda mahu membuat drop-down menu untuk label, masukkan nama label anda di 'Text Shown' dan 'URL' halaman label anda di 'Link URL'

Setelah selesai klik 'Generate'

Copy kod Html dibawah dan Paste di blogger blog anda 'Layout==>'Page Element'==>'Add a Gadget'==> 'Html/Javascript' dan 'Save'.

Membuat Button Alert.

Untuk membuat 'Button Alert'

Copy dan Paste kod dibawah dimana-mana halaman html.

<form>
<input type="button" onclick=
"alert('Tolong beritahu rakan-rakan anda tentang www.syamzone.blogspot.com !!!')"
value="Perhatian !!!"> type="button">
</form>

Anda boleh mengubah text (Tolong beritahu rakan-rakan anda tentang www.syamzone.blogspot.com !!! dan Perhatian !!!)

Code Box .

Membuat 'code box' dalam bentuk 3D.

Selain di jadikan sebagai code box,anda juga boleh memasukkan imej atau artikel,mengikut kreativiti anda:

Untuk membuat code box ini anda hanya perlu mengikuti,beberapa langkah mudah di bawah ini.Mula-mula masuk akaun blogger anda.

Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.

Ok,sekarang anda cari kod di bawah ini:

]]></b:skin>

Kemudian copy kod di bawah, dan paste di atas kod tadi !!!

'Save template'

.boxed {
background-color: #add8e6 ;
border: 2px outset #CCCCCC ; padding: 10px;
}

Sekarang sampailah ke peringkat yang terakhir (memang mudah buat benda ni..)

Pergi ke 'Setting'-->'Formatting'-->'Post Template'.

Copy kod di bawah ini dan Paste :

<div class="boxed">
This text is enclosed in a box.
</div>

'Save Setting'

Pastikan setiap kali anda hendak membuat post baru text ini akan muncul 'This text is enclosed in a box' dan gantikan dengan artikel2 atau kod yang hendak di masukkan di dalam 'Code box'.

Anda boleh mengubah 'background colour dan border colour outset' mengikut citarasa anda.

Sekiranya anda mahu memasukkan kod ke dalam code box. Encode kod anda terlebih dahulu di web ini Centricle.com

3 Langkah Mudah membuat 'Label Animasi' atau 'Label Cloud'.

3 Langkah mudah untuk membuat 'Label Animasi' atau 'Label Cloud'.

1.Masuk akaun blogger anda.

2.Pilih 'Layout'--> 'Edit Html'-->'Expand Widget Template'.

3.Cari kod Html di bawah ini :-

<b:section class='sidebar' id='sidebar' preferred='yes'>

Copy kod Html di bawah ini dan letakkan selepas kod html di atas :-

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");
so.addVariable("distr", "true");

so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Untuk menukar saiz dan warna 'Label Cloud' gantikan text kod yang berwarna biru.

Setelah selesai pilih 'Preview' untuk melihat hasilnya.

Jika anda berpuas hati 'Save Template'.

Sumber asal Blogger Buster.

Perhatian !!! Untuk mengubah saiz dan warna 'Label Cloud' gantikan text kod yang berwarna biru.

Menambah 'Emotion Icon' Di Shoutbox.

Bagaimana untuk menambah 'Emotion Icon' di dalam shoutbox ?

Anda hanya perlu mengikuti beberapa langkah yang amat mudah

1.Masuk ke akaun shoutmix.com

2.Pilih 'Display' --> 'Smileys'.

3.Copy kod URL icon anda (jika ada) dan Paste pada ruang 'Smileys Image URL' dan 'Add'

Setelah anda 'Add' pastikan image icon anda muncul di ruang 'Preview'.

Jika tidak,mungkin anda melakukan kesilapan dan ulangi langkah-langkah ini semula.

Untuk menambah icon seterusnya lakukan cara yang sama.

Anda boleh menggunakan icon di bawah ini :

Untuk menggunakan icon sedia ada di bawah ini anda hanya perlu Copy image URL di bawah icon dan Paste.

Jika anda sudah berjaya melihat hasilnya dan berpuas hati 'Save Setting'.

http://tinyurl.com/ddb6os

http://tinyurl.com/ddkpny

http://tinyurl.com/dzq9hc

http://tinyurl.com/d6th8m

http://tinyurl.com/cvmnhm

http://tinyurl.com/d6jvag

Meletakkan Kalendar Di Blogger.

Anda tidak tahu bagaimana caranya untuk meletakkan kalender di dalam blog blogger anda ?

Anda boleh mendapatkannya sekarang,dengan beberapa langkah yang sangat mudah seperti di bawah ini :

Mula-mula klik di sini Kalender Percuma

Kemudian pilih kategori contoh : kategori kalender seperti di atas 'Animated Calenders'.

Setelah selesai memilih kalender pilihan anda.

Copy kod Html di bawah kalender dan Paste di blog blogger anda 'Layout'==>'Add a Gadget'==>'Html/Javascript dan 'Save'.

Membuat 'Refresh Effect'.

Refresh this page

<a href="javascript:location.reload(true)">Refresh this page</a>

Copy kod Html di atasdan Pastedi mana-mana halaman Htmlyang anda kehendaki.

Untuk melihat kesannya sila klik"Refresh this page".

Meletakkan Jam ke Dalam Blogger.

Jika anda seorang yang menghargai masa dan mahu meletakkan jam didalam blog anda ???

Disini terdapat beberapa langkah mudah:

Mula-mula anda perlu mencari laman-laman yang menyediakan perkhidmatan ini.

Salah satu contoh:

Klik Di Sini www.clocklink.com

Kemudian pilih "Gallery"dan anda boleh membuat pilihan anda disini.

Apabila sudah mendapat jam yang anda ingini klik "View Html Tag".

Kemudian pilih "Accept"

Sekarang anda boleh membuat pilihan warna,zone masa (Timezone) dan sebagainya.

Copy kod Html dan Paste ke dalam Blogger"Layout"-->"Add a Gadget"-->"Html/Javascript"

"Save"

Membuat "Google Translate Gadget".

Untuk membuat "Google Translate" ini anda hanya perlu copy dan paste kod html di atas.

Selamat Mencuba.

Memasang Shoutbox Di Blogger.

Apa itu shoutbox? Shoutbox ialah sebuah widget yang berkonsepkan "Instant Guest Book"untuk website/blog.

Kenapa perlu ada shoutbox? Fungsinya ialah untuk memudahkan pengunjung sesebuah blog meninggalkan pesanan.

Apa kebaikan shoutbox?Merupakan salah satu platform untuk mempromosikan sesebuah blog/website.

Dimana boleh mendapatkan shoutbox? Salah satu contoh ialah www.shoutmix.com

Cara-cara untuk memasukkan shoutbox ini ke dalam blogger.

Mula-mula "Register"akaun anda disini secara percuma. shoutmix.com

Setelah selesai register akaun lihat pada "Get Code".

Masuk akaun blogger anda "Layout"-->"Add a Gadget"-->Pilih "Html/Javascript.

Copy kod dari "shoutmix "Get Code"tadi dan Paste di "Html/Javascript tadi.

"Save"dan "View" blog anda untuk melihat hasilnya.

Cara-cara ini hanya sebagai asas untuk meletakkan shoutbox ke dalam blogger.

Setelah anda sudah mengetahui caranya, anda boleh membuat perubahan pada shoutbox anda, seperti menukar warna, tarikh, masa, saiz shoutbox dan banyak lagi mengikut citarasa anda di "Control Panel"akaun shoutmix anda.

Memasang "Bookmark".

Mula-mula untuk mendapatkan "Boookmark Button" anda mestilah "REGISTER" akaun anda disini AddThis

"REGISTER"akaun anda secara percuma.

Selepas mendaftar di Add This,Anda klik pada 'GET THE ADDTHIS BUTTON'di sini terdapat banyak pilihan button.

Sekarang kita hendak membuat button untuk blogger,Lihat pada Imej di bawah cara-cara memilih button untuk blogger

Setelah selesai membuat pilihan anda klik 'Get Your Free Button'.Sekarang anda telah selesai mendapatkan "Bookmark Button" anda sendiri.

Sekarang ialah cara-cara untuk memasukkan "Bookmark Button" tadi ke dalam blog anda :

Mula-mula sign in akaun blogger anda.

Pilih "Layout"-->"Edit HTML".

Backup Template anda dahulu untuk mengelakkan sebarang masalah.

Klik pada "Expand Widget Template" seperti imej dibawah ini.

Cari kod HTML ini <div class='post-footer'> Copy kod "Bookmark Button" anda tadi dan Paste pada selepas kod HTML ini."Preview" dahulu untuk melihat hasilnya.

Setelah anda berpuas hati "Save Tamplate".

Cara Membuat Link Download.

Cara-cara untuk membuat link download.

1. Link Download

Download

<a href="http://imgcash2.imageshack.us/img5/5056/syamzonebannerexchange.png/"target=_"blank">Download</a>

2. Photo Download.

Perhatian ! Gantikan link/Url berwarna biru.

Mengubah Kedudukan "Button Digg".

Bagaimana untuk memasukkan "Button Digg" di atas setiap post/artikel ? Disini terdapat caranya. Anda hanya perlu mengikut beberapa langkah mudah.

Mula-mula "Sign In" akaun blogger anda.Pilih setting pastikan telah "Enable Postpage"

Kemudian masuk ke"LAYOUT". Pilih "Edit HTML"dan lihat pada "Expand Widget Template" tandakan palang untuk mengaktifkannya.

Seterusnya cari kod HTML di bawah ini :

<p><data:post.body/></p>

Atau Kod HTML ini.

<data:post.body/>

Jika sudah menemui kod HTML di atas.Copy Kod HTML di bawah ini dan Paste sebelum Kod HTML di atas.

Setelah selesai pilih "PREVIEW" untuk melihat hasilnya.

Jika anda berpuas hati dengan hasilnya bolehlah "Save Template".

<div style='float:right;margin-left:10px;'><script type='text/javascript'&digg_url="";</script><script src="http://digg.com/tools/diggthis.js"type="text/javascript"><br /></div></script></data:post.url></data:post.url>

Di bawah ini ialah contoh,dimana anda harus meletakkan kod HTML tadi:

<div style='float:right;margin-left:10px;'><script type='text/javascript'&digg_url="";</script>&li;script src="http://digg.com/tools/diggthis.js"type="text/javascript"><br /></div></script></data:post.url></data:post.url>

<p><data:post.body/></p>

Perhatikan pada Kod HTML ini sekiranya anda mahu menukarkan "Button Digg" ke kiri (Left) atau kanan (Right).

<div style='float:left;margin-right:10px;'>

Selamat Mencuba...

Jika cara-cara untuk membuat "Button Digg"di atas tidak berjaya anda boleh rujuk di sini untuk keterangan lebih lanjut...How-To-Integrate-Digg-This-Button

Membuat "Menu Dropdown" Untuk Label.

Mungkin anda sudah bosan dengan 'Menu Label' yang biasa.Anda boleh menukar menu label anda dengan 'Menu Dropdown'.

Mula-mula aktifkan 'Label' anda. Pilih 'Layout' dan 'Add a Gadget'-->'Html/javascript--> pilih 'Labels' dan 'Save'.

Sekarang labels anda telah aktif.

Langkah seterusnya ialah pilih 'Layout'.

Perhatikan 'Expand Template Widget' dan aktifkan. Kemudian cari kod Html dibawah :

<b:include data='post' name='post'/>

Gantikan kod Html di atas dengan kod Html di bawah ini :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>

<data:post.title/></a><br/><br/>
<b:else/>

<b:include data='post' name='post'/>

</b:if>
<b:else/>

<b:include data='post' name='post'/>
</b:if>

Setelah selesai langkah-langkah di atas pilih 'Preview' untuk melihat hasilnya.

Jika anda berpuas hati 'Save Template'.

Menghilangkan Angka/Digit Label.

Terlalu banyak angka di dalam sebuah blog agak menyakitkan mata.Oleh itu jalan penyelesaiannya ialah dengan mengurangkan angka/digit-digit itu.Untuk mengurangkan angka/digit didalam label,anda boleh mencuba langkah mudah ini:

Mula-mula pastikan widget label anda diaktifkan.

Masuk ke akaun blogger anda.

Pilih "LAYOUT" dan terus ke "Add a Gadget" pilih "Label" pada menu add a gadget dan "Save".

Sekarang menu label anda telah aktif.

Langkah seterusnya pilih "LAYOUT" terus ke "Edit Html".

Perhatikan "Expand Template Widget" dan aktifkan.

Langkah terakhir cari text kod seperti yang berwarna biru dibawah ini dan padamkan.

Pilih "Preview" untuk dan lihat pada menu label untuk memastikan angka/digit telah hilang.Jika anda sudah berpuas hati.

"SAVE TEMPLATE"

(<data:label.count/>)

Memasang Status Offline/Online.

Memasang dan menampilkan status online/offline Yahoo Messenger.Apa gunanya status online/offline ini ? Ia memudahkan pengunjung dan pemilik sesebuah blog berinteraksi secara terus melalui online.Status I'm Online akan bernyala sebagai isyarat sekiranya anda sedang menggunakan YM dan status Not Online akan terpadam apabila anda keluar (Sign Out) dari akaun YM anda seperti yang anda lihat pada imej di atas.

Macam mana hendak memasang status online/offline ini di blog anda ? Anda boleh mengikut langkah-langkah mudah ini:

Mula-mula masuk ke akaun blogger anda.Kemudian pilih "LAYOUT" dan terus ke "PAGE ELEMENT" dan pilih "Add a Gadget"-->Html/Javascript.

Copy kod di bawah ini dan Paste di halaman Html/Javascript tadi.

Langkah yang seterusnya gantikan text kod yang berwarna biru syamzone dengan id YM anda. Perhatikan text kod yang berwarna merah 2 anda boleh menggantikan dengan nombor/digit yang berbeza 1-->16 dan imej status online/offline berbeza-beza akan terpapar mengikut citarasa anda.

Link Exchange.

1. Sekiranya anda berminat untuk melakukan link atau banner exchange.Sila letakkan banner atau link SyamZone™ di blog anda.

2. Sila tinggalkan komen dan backlink anda di bawah sekiranya anda sudah meletakkan link atau banner SyamZone™.

3. Anda juga boleh menggunakan Mister Linky untuk meninggalkan link.

4. Untuk menggunakan Mister Linky, klik pada badge Mister Linky di bawah dan tinggalkan nama dan link blog anda.

SyamZone™ Friends.

Membuat Hide/Show (Expand/Collapse:+/-) Labels.

Sebelum itu pastikan labels sudah di aktifkan.

Sekiranya labels sudah di aktifkan, sila ikuti langkah-langkah mudah untuk membuat Hide/Show (Expand/Collapse:+/-) Labels.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. Perhatian !!! Tidak perlu EXPAND WIDGET TEMPLATE.

4. Cari kod ini.

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

5. Gantikan kod di atas dengan kod ini.

<b:widget id='Label2' locked='false' title='Labels and Feeds' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

<ul>
<b:loop values='data:labels' var='label'>
<li>

<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>

<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Membuat Ruang Komen Di Bawah Setiap Post.

Langkah Mudah Menukar 'Warna Background'.

Langkah Mudah Membuat 'Float Image'.

Meletakkan 'Search Box' Di Blog.

Membuat 'Link Exchange Box' Dengan 'Button Select All'.

Membuat 'Text Area With Auto Highlight'.

Langkah Mudah Meletakkan 'Favicon'.

Menukarkan Tulisan Melayu Kepada Tulisan 'Jawi'.

Membuat 'Flash Banner Alternatif'.

Membuat Text / Imej Bergerak.

Menambah Ruang 'Add a Gadget'.

Membuang Tag 'No Follow' Dari Template.

Pull 'Drop Down Menu.

Membuat Button Alert.

Code Box .

3 Langkah Mudah membuat 'Label Animasi' atau 'Label Cloud'.

Menambah 'Emotion Icon' Di Shoutbox.

Meletakkan Kalendar Di Blogger.

Membuat 'Refresh Effect'.

Meletakkan Jam ke Dalam Blogger.

Membuat "Google Translate Gadget".

Memasang Shoutbox Di Blogger.

Memasang "Bookmark".

Cara Membuat Link Download.

Mengubah Kedudukan "Button Digg".

Membuat "Menu Dropdown" Untuk Label.

Menghilangkan Angka/Digit Label.

Memasang Status Offline/Online.

Link Exchange.

Membuat Hide/Show (Expand/Collapse:+/-) Labels.

Profile

Followers

Community

Shoutbox

Blog Archive

Labels

Subscribe Via Email