Airiel Kayz’s Registered & Protected Web Page

Utama
Tyco Bloggertory
Dashboard



















AMAZING
HQ Wallpaper from my collections...



THE JOURNEY
HQ Wallpaper from my collections...



CUP OF LIFE
HQ Wallpaper from my collections...



THE VIEW
HQ Wallpaper from my collections...



WINDOWS
HQ Wallpaper from my collections...



PEACE
HQ Wallpaper from my collections...










































LightBox Untuk Image 2



Ini kaedah ke-2 untuk "lightbox". Saya lebih menggemari kaedah ini. Kaedah pertama telah dijelaskan sebelum ini. Klik SINI untuk melihat kaedah pertama. Jika anda menghadapi masalah dengan kaedah yang pertama, cuba dengan kaedah yang ke 2 ini.Mula-mula, pergi ke Dashboard >> Layout >> Edit HTML dan anda cari tag </head>.Kemudian anda masukkan kod di bawah SEBELUM tag di atas. Klik save dan selesai.<!--Light Box Code Starts  TycoBlogger@Blogspot--><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&gt;#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://tycoblogger.webs.com/prototype.js' type='text/javascript'/><script src='http://tycoblogger.webs.com/scriptaculous.js.js' type='text/javascript'/><script src='http://tycoblogger.webs.com/lightbox.js' type='text/javascript'/><!--Light Box Code Ends TycoBlogger@Blogspot-->
Nanti dulu. Langkah di atas itu selesai untuk kod "scripts" dan "style" sahaja. Kita pergi pula untuk kaedah memasukkan gambar yang anda ingin sertakan dalam post atau entri anda.Sama seperti kaedah yang pertama, anda MESTI menggunakan "Old Editor" dan bukannya "Update Editor" untuk post dengan kaedah ini. Dan gunakan "Edit HTML" bukan "Compose" untuk edit kod gambar.Setelah itu anda upload gambar yang anda inginkan dan anda akan mendapat kod seakan sama seperti di bawah:-Saya petakkan sebahagian tag di dalam gambar itu. Anda "highlight"kan seperti di atas dan anda gantikan dengan tag:-rel="lightbox" title="Tajuk Gambar"Satu lagi yang saya petakkan iaitu "-h". Anda perlu buangkannya. Ingat!! Hanya itu sahaja.Kemudian anda boleh klik "Publish Post".DEMO
OK, itu kaedah untuk satu gambar.Untuk gambar yang banyak dalam satu topik atau "group image" atau album, sama juga seperti kaedah di atas dan bezanya hanya perlu gunakan kod di bawah:-rel="lightbox[albumname]" title="Tajuk Gambar"DEMO
Kesimpulannya,Satu gambar:     rel="lightbox" title="Tajuk Gambar"Banyak gambar: rel="lightbox[albumname]" title="Tajuk Gambar"**NOTA** Seeloknya biarkan "upload page" itu "done" barulah anda klik gambar.

Read More













PENGUMUMAN!!!




http://tyco-bloggertory.blogspot.com
PENGUMUMAN!!! TycoBlogger telah "mewujudkan" satu lagi blog iaitu blog khas untuk direktori blog yang mana blog itu menyimpan dan mengumpulkan senarai blog-blog ahli yang lain. Bagi blogger yang telah menjadi "follower" blog ini, secara automatik tersenarai di dalam direktori blog tersebut (tengah update.Sabar ye mana yang belum ada). Bagi anda yang ingin blog anda tersenarai, sila klik "mini-banner"di bawah:-

<center><a href='http://tyco-bloggertory.blogspot.com/2008/12/pendaftaran-untuk-tyco-bloggertory.html' target='blank'><img src='http://img694.imageshack.us/img694/9025/minibannertyco.png' border='0' alt='Tyco Bloggertory'/></a><br/></center>
(Gunakan kod di atas jika ingin meletakkan banner tersebut di blog anda)
Segala langkah untuk membolehkan blog anda tersenarai, ada dijelaskan di pautan tersebut. War-warkan ye pada kengkawan.. :D. Terima kasih.


Read More













Post Terkini (Scrolling)



Ini satu kaedah biasa sekadar untuk menambahkan kelainan blog anda. Post terkini anda akan terpapar di dalam gaya "scrolling". Anda boleh lihat contoh di atas kotak chat di blog ini.Pergi ke Dashboard >> Layout >> Page Elements. Kemudian anda klik Add A Gadget. Pilih HTML/Javascript dan kemudian anda masukkan kod di bawah:-<script style="text/javascript" src="http://tycoblogger.webs.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="<>"; </script> <script style="text/javascript" src="http://Nama Blog Anda.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>Kemudian anda klik save. Selesai.**NOTA** Anda boleh mengubah mengikut kesesuaian anda untuk tag yang berwarna biru.* 15     -     Jumlah post yang akan dipaparkan.* 175   -     Kelajuan pergerakan "scrolling".* left   -     Arah pergerakan "scrolling".* N       -     Link post dibuka pada window baru. Y jika ingin link dibuka pada window baru.*      -     Karektor yang anda ingin gunakan seperti # atau * dan sebagainya.Dan akhir sekali anda tukar kepada Nama Blog Anda sendiri.


Read More













Tukar Template Tanpa Hilang Widget



Ini satu tips yang penting bagi "newbie" yang mula nak ada blog. Bagi yang dah "otai", mungkin tips ini sudah biasa diketahui. Seringkali bila kita menukar template, akan ada "warning" yang akan keluar seperti ini: " Widgets are about to be deleted". Masalahnya, kita masih ingin gunakan widget tersebut. Cara yang sukar, kita pergi ke Page Elements dan kita klik edit untuk semua yang ada di Page Elements. Dan copy semua kod yang ada dan simpan di dalam notepad. Sukar dan melecehkan.Saya akan terangkan cara yang mudah. Mula-mula kita log in di Blogger Dashboard >> Layout dan kemudian klik "Edit HTML".  Selalu yang saya ingatkan, backup template anda terlebih dahulu. Jadi, klik "Download Full Templates" dan simpan di dalam hard disk anda.(Klik Gambar)
Ini langkah penting "juz in case" kalau anda melakukan kesilapan semasa memodifikasi template anda. Anda boleh gunakan semula template anda tadi.Seterusnya, kita mulakan langkah untuk simpan widget-widget anda. Ini langkah PENTING dan pastikan anda ikut dengan tepat. Jangan panik, tidak lah terlalu sukar.Pastikan anda masih di muka "Edit HTML". Anda akan copy semua kod widget anda ke notepad, atau mana-mana "text editor" yang anda ada.Kebiasaannya kod untuk widget akan bermula dengan <b:widget. Cari di dalam HTML template anda dengan tag tersebut. Untuk widget dengan id "Header", "Blog1" tidak perlulah anda copy kerana setiap template akan ada widget tersebut. Di bawah adalah contoh kod widget yang ada dalam blog saya.Anda copy semua kod seperti di atas (bergantung kepada widget yang ada dalam template anda) dan simpan di dalam hard disk anda. Proses 'backup' widget telah selesai.Sekarang langkah untuk upload template baru.Pastikan anda masih di muka "Edit HTML". Klik "Browse" dan pilih template yang anda ingin gunakan dan kemudian klik "Upload".Kemudian akan keluar amaran "Widgets are about to be deleted". Klik "Cancel".Scroll ke bawah dan cari kod yang bermula seperti <b:section...dan berakhir dengan </b:section>. Contoh:-<b:section class='sidebar' id='sidebar' preferred='yes'></b:section>Copy dan Paste kod widget yang ada simpan di langkah awal tadi di antara tag di atas contohnya:-<b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='HTML7' locked='false' title='' type='HTML'/><b:widget id='HTML6' locked='false' title='' type='HTML'/><b:widget id='Followers1' locked='false' title='ARE YOU TYCO?' type='Followers'/><b:widget id='HTML3' locked='false' title='TOP 10 VISITORS' type='HTML'/><b:widget id='HTML9' locked='false' title='UPDATES' type='HTML'/><b:widget id='HTML2' locked='false' title='NEW COMMENTS' type='HTML'/><b:widget id='HTML10' locked='false' title='' type='HTML'/><b:widget id='HTML4' locked='false' title='TYCO STATS' type='HTML'/></b:section>Jika anda sudah pasti semua kod widget anda telah dipindahkan seperti di atas, klik "Save Templates". Selesai dan jika anda tidak melakukan sebarang kesilapan, semua widget anda dari template lama akan ada di template yang baru.


Read More













Top Chat Box Untuk Blog



Fungsi chatbox untuk sesebuah blog atau website adalah bertujuan untuk interaksi di antara pelawat dan pemilik blog/website. Ia menjadikan site itu lebih menarik dan "hidup". Di bawah adalah antara chatbox yang sesuai digunakan dalam blog anda. Kalau anda tahu mana-mana penyedia chatbox yang lain, sila komen di bawah....Meebo adalah antara yang paling dikenali. Platform ini amat menarik, ringkas dan menyediakan status, edit nickname dan juga kawalan bunyi pada chatbox.

CBox mendahului mana-mana penyedia perkhidmatan chatbox dan hampir sama kepada fungsi shoutmix. Mudah dan ringkas.





Shoutmix adalah antara chatbox yang paling banyak digunakan di dalam blog mahupun website.Antara ciri-ciri menarik ialah pilihan warna, smiley yang boleh diupload sendiri(10 smiley untuk "free user") dan mudah untuk dikendalikan.
&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www6.shoutmix.com/?tycoblogger"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;View shoutbox&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
Yaplet juga amat dikenali. Dengan rekaan yang ringkas dan mudah digunakan, ia kini popular di kalangan blogger dan pemilik-pemilik website.&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
Gabbly menyediakan RSS dan fungsi audio. Selain itu juga ia kemas dan tersedia dengan pelbagai fungsi lain. Tidak sesuai bagi anda yang inginkan chatbox biasa dan asas.
Chatango lebih sesuai untuk blog yang berkonsepkan "personal". Mudah, ringkas tetapi masih menyediakan ciri-ciri yang menarik.
ZohoChat antara yang terbaik . Terlalu mudah untuk digunakan dan kemas. Sesuai untuk blog yang ingin kelihatan profeisional.
ParaChat agak menarik juga dan mudah untuk digunakan. Tetapi, rekabentuknya agak ketinggalan dan terlalu banyak "ads" agak mencacatkan "persembahan" chatbox ini.
&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;You do not have iframes enabled. &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.parachat.com/iframe.html"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;More Info&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;


Read More













LightBox Untuk Image



Apa itu lightbox? Ia akan menjadikan setiap image yang diklik akan keluar pada "pop up box". Boleh digunakan pada single image, group image ataupun slideshow. Jom, kita belajar untuk mengaplikasikannya. Apa pun, sila backup template anda terlebih dahulu.Pergi ke dashboard >> layout >> Edit HTML dan cari tag </head>. Kemudian masukkan kod di bawah SEBELUM tag tersebut.<!--Brought-By-TycoBlogger--><link href='http://tycoblogger.webs.com/lytebox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://tycoblogger.webs.com/lytebox.js' type='text/javascript'/><!--Brought-By-TycoBlogger-->Dan klik save.Kita pergi ke kaedah untuk menggunakannya. PASTIKAN anda menggunakan "old" editor dan bukannya "Update" editor untuk post sebarang entri yang menggunakan trick ini.Di bahagian Posting, anda akan lihat dua tab iaitu Edit HTML dan Compose seperti gambar di bawah.(klik image untuk besar)Upload gambar seperti biasa. Anda akan mendapat kod seperti di bawah:-Tambahkan kod rel="lytebox" dan kod image itu akan jadi seperti di bawah:-Itu untuk satu gambar dan contoh seperti di bawah:-Sekarang untuk Group Image.Sama seperti kaedah di atas cuma gantikan kod untuk ditambah seperti di bawah:-rel="lytebox[groub1]"DEMO
Dan untuk slideshow, tambahkan pula dengan kod rel="lyteshow[groub1]"DEMO



Read More













MP3 Player Untuk Blog






Apa tu ye? Ha, ni gadjet untuk anda. MP3 player. Bagi yang suka sangat letak lagu dalam blog, gadjet ini sesuai. Untuk gunakannya, pergi ke MixPod dan pilih stail player MP3 anda. Kemudian klik "create a playlist" dan anda boleh masukkan lagu sehingga 200 lagu untuk satu playlist. Setelah dapat lagu yang anda nak, klik "save(get code). Copy kod HTML untuk player tersebut. Dah selesai?
Pergi ke Blogger Dashboard >> Layout >> Add A Gadget dan pilih HTML/Javascript. Masukkan kod tadi ke dalam kotak HTML/Javascript dan "save". Mudah kan?


Read More













Jam Untuk Blog Anda



Blog masa kini mempunyai pelbagai widget dan tools yang menarik. Bagaimana dengan blog anda? Anda sudah puas hati dengan wajah blog anda? Berminat untuk menambahkan sedikit tarikan pada blog anda? Contohnya jam seperti di bawah:-
Pergi ke ClockLink dan ada pelbagai jenis dan bentuk.
Setelah anda pilih, set dan dapatkan HTML tag, 
Pergi ke Dashboard >> Layout >> Page Elements dan "Add A Gadget".
Masukkan HTML tag itu ke dalam kotak "Add A Gadget" dan kemudian "save".


Read More













Mengaktifkan Elemen "Add A Gadget"





Setiap template biasanya mempunyai link untuk menambah gadjet contohnya di 'sidebar', 'header' 'main post', 'footer' dan sebagainya. Bagaimana dengan template yang tidak mempunyai link untuk menambah gadjet di ruangan "Page Elements"? Saya akan terangkan kaedah untuk mengaktifkan link untuk menambah gadjet pada template.
Terlalu mudah. Kebiasaannya, di dalam HTML template, widget akan terletak pada ruang kod seperti di bawah:-<b:section id='section_id' preferred='yes'>
widget 1
widget 2
widget 3
</b:section>

Saya akan memberikan contoh untuk mengaktifkan link pada ruangan "Header".
Pergi ke Dashboard >> Layout >> Edit HTML dan anda cari tag seperti di bawah:-<div id="header">
......
ISI KANDUNGAN "HEADER"
.........
</div>

Untuk mengaktifkan link "Add A Gadjet", masukkan kod di bawah selepas tag <div id="header">:-<b:section id='section_id' preferred='yes'>
</b:section>

Kemudian klik 'save'. Sekarang anda sudah ada link "Add A Gadget" pada ruangan 'header'. Pergi ke Layout >> Page Elements dan anda akan dapat lihat link tersebut di bawah ruangan 'header'.
Lakukan kaedah yang sama pada ruangan 'footer', 'main post', 'sidebar' dan sebagainya jika anda suka. 
**NOTA** preferred='yes' bermaksud anda menetapkan value untuk mengaktifkan link   "Add A Gadget". Tukar kepada 'no' jika anda menghilangkan link tersebut.
------------------------------------------------------------------------


Read More













Meta Tag Untuk SEO



 Apa itu Meta Tag? Meta Tag adalah tag atau kata kunci yang mana menerangkan tentang blog atau site anda dan "memberitahu" enjin carian seperti Yahoo, Google, MSN dan sebagainya tentang site anda. Menambah Meta Tag untuk site/blog anda adalah salah satu faktor penting untuk SEO (Search Engine Optimisation) yang lebih baik. Meta Tag akan membolehkan enjin carian mengindeks site/blog anda dengan lebih tepat. Ringkasnya, Meta Tag menghubungkan site/blog anda kepada enjin carian dengan lebih betul dan tepat.
Bagaimana untuk menambahkan Meta Tag ke dalam blog anda?
Pergi ke Dashboard >> Layout >> Edit HTML  dan cari tag seperti di bawah:-<b:include data='blog' name='all-head-content'/> (kebiasaannya selepas <head>) dan masukkan kod di bawah SELEPAS tag di atas.<meta content='TENTANG BLOG ANDA' name='description'/>
<meta content='KATA KUNCI BLOG ANDA' name='keywords'/>
<meta content='NAMA PENULIS BLOG' name='author'/>dan kemudian anda klik "save template".
**NOTA** Gantikan perkataan berwarna BIRU dengan perkataan anda sendiri. 
PENTING
JANGAN masukkan di ruangan 'description' dengan keywords(kata kunci). Google dan enjin carian yang lain akan "BAN" site/blog anda daripada senarai enjin carian jika anda lakukan demikian. Juga, JANGAN ulang kata kunci yang sama lebih daripada 3 kali.


Read More













Template: Scarlett





Demo | Download

# 2 sidebar.
# 3 colums, sidebar kanan
# 2 baris navigation bar atas dan tersedia dengan search box.
Template ini sesuai digunakan untuk kegunaan blog Personal atau majalah. Ringkas dan kelihatan profeisional.


Read More













Great Deal!!!




I'm offering you a great deal. This is what i called, "PowerXchange". Very easy and simple. Here's the deal.Put my blog link into your blog. 
Leave your comment in this topic with your blog URL
I will visit your blog then i will put your blog link in my blog. Simple huh? No limitation for the request. It stop when i say so.. 
Come on. Lets share the power. Spread the links. Together we make this community bigger than before. We can make it!


Read More










Older Posts




PowerXchange




Abu Farhan
Dantearaujo
Sharing Is Power
ZIXPK
Rainbow Story
Qassam's Collection
Bicara Santai
Budak Otak Kuning
Bukan Bidadari
Cik Nina Menulis
Your Ultimatum Sources


PUT YOUR LINK HERE



















  




















Privacy Dijamin. Email tidak akan didedahkan.

			 

Connect with me on Facebook

TycoBlogger - Zon Untuk Blogger on Facebook 











ARE YOU TYCO?

















TOP 10 VISITORS















UPDATES















NEW COMMENTS





















Web Pages referring to this page
Link to this page and get a link back!













TYCO STATS


This Blog Was Created On 20.09.2009








































Designed by Kenneth Lemus at Zixpk.com | All Rights Reserved  This template is brought to you by : TycoBlogger@Blogspot