Blog Info Tips

Executive at etalent | Etalentsearch

2011-05-18T17:35:00.000-07:00

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau klik salah satu directory dibawah ini.

Window 7 edisi

2010-04-13T18:43:00.000-07:00

Pesta pc fair (Pikom) baru saja habis di MITC Melaka,11/4/2010 lalu.Oleh kerana tahun ini diadakan berdekatan dengan tempat tinggal penulis, maka selama 3 hari berturut-turut penulis telah mengunjunginya.Apa yang penulis perhatikan, ianya sama saje seperti tahun lepas, cuma harga barangan pc semakin murah,promosi laptop kecil (netbook) semakin rancak dan penggunaan os terbaru pada setiap pc iaitu Window 7.

Berkata tentang os terbaru ini, iaitu window 7,penulis agak teruja dengan paparan grafik dan icon-icon yang kelihatan hidup serta lebih interaktif.Paparan pada skrin pc kelihatan lebih profesional,dinamik dan lebih mesra pengguna.Bagi yang belum berhijrah ke window 7 ini, boleh berhijrah untuk mencuba prestasi dan kemampuannya.Penulis juga secara tak langsung telah membeli sebuah pc dengan os terbaru ini sebagai backup pada pc lama yang menggunakan os Window Xp Profesional (6 thn lepas).

Baiklah sekadar berkongsi pengetahuan dengan pembaca blog ini, window 7 ini juga terbahagi kepada 7 tahap atau 7 window edisi:-

Window 7 Stater

Sesuai dengan komputer kecil atau netbook serta boleh berhubung dengan dunia internet untuk kerja-kerja ringan saja.

Window 7 Home Basic

Sudah cukup lengkap jika dibandingkan dengan window 7 stater.Sangat dianjurkan bagi pengguna rumah.

Window Home Premium

Sistem yang lebih relatif bagi pengguna dirumah berbanding dengan window 7 Home Basic.Terdapatnya kemudahan TV tuner, dvd dan sebagainya.

Window 7 Profesional

Bersesuaian dengan namanya,lengkap dengan kemudah hiburan dan peralatan perniagaan.Jauh lebih lengkap berbanding dengan window 7 Stater,Home Basic atau Home Premium.

Window 7 Enterprise

Sistem yang layak buat perniagaan atau koporat serta merangkumi keperluan pejabat.

Window 7 Ultimate

Sistem operasi window yang paling lengkap.Dengan pelbagai kemudahan seperti rangkaian,backup,hiburan,perniagaan dan sebagainya membuatkannya lebih baik dan canggih.

Window 7 'E'

Penulis tidak berapa pasti dengan yang ini.Mungkin 'E' bermaksud hanya untuk pasaran Eropah saja atau 'E' singkatan untuk European.Untuk maklumat lanjut layarilah laman web Microsoft.

Buat bayangan dibawah kotak

2010-03-09T08:15:00.000-08:00

Fuhh..terasa berat jari-jemari penulis nak membuat posting baru dalam blog ini.Maklumlah dah lama tak berblogging.Dah menjadi sesawang pun blog kesayangan penulis ini.Dah lama benar ditinggalkan tanpa bertuan.Lihat sajelah header blog ini..masih lagi di bulan Ramadan tahun lepas.Oklah, buat tatapan pengikut blog ini, penulis coretkan tutorial css yang bertajuk "buat bayangan kabur dibawah kotak" atau dalam bahasa lain "box with blur shadow".

Pada saat artikel ini ditulis, Box-Shadow hanya disokong oleh Safari,Chrome dan Firefox versi 3.5 keatas.Untuk mendapatkan kesan bayangan di sekitar kotak,kata arahan atau tag yang harus dipakai untuk firefox (-moz-box-shadow) dan (-webKit-box-shadow) untuk Safari dan Chrome.Cara menulis kod css pula adalah seperti dibawah...

box-shadow: 7px 7px 8px #818181;

Keterangan

1. 7px pertama mewakili nilai offset bayangan melintang dan 7px kedua mewakili nilai ofset bayangan menegak.
2. 8px mewakili nilai radius/gradient bayangan kabur.
3. #818181 mewakili kod warna.

*ketiga-tiga nilai diatas boleh diubah mengikut kesesuaian anda.

Cara membuatnya didalam blog..

4.log in ke dalam blog anda.Pilih Layout-->Edit Html-->Expand Widget Templates

5.copy kod css dibawah ini dan paste kannya diatas kod ]]></b:skin>

.shadowbox{

box-shadow: 7px 7px 8px #818181;

font-family: Verdana;color:#ffffff;

border-top: 1px solid #FFFFFF;

border-left: 1px solid #FFFFFF;

border-bottom: 2px solid #999;

border-right: 2px solid #999;

-webkit-box-shadow: 7px 7px 8px #818181;

-moz-box-shadow: 7px 7px 8px #818181;

filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);

}

6.cara menulis style css nya didalam posting anda adalah seperti dibawah ini..

<div class="shadowbox" style="border: 1px solid black; padding: 5px;

background: red none repeat scroll 0% 0%;

width: 450px;

-moz-background-clip: border;

-moz-background-origin: padding;

-moz-background-inline-policy: continuous;">

<p>....tulis text anda disini...tulis text anda disini....tulis text anda disini...tulis text anda disini....tulis text anda disini....tulis text anda disini....tulis text anda disini...tulis text anda disini...tulis text anda disini....tulis text anda disini.</p></div>

7.contohnya akan jadi seperti dibawah....

....tulis text anda disini...tulis text anda disini....tulis text anda disini...tulis text anda disini....tulis text anda disini....tulis text anda disini....tulis text anda disini...tulis text anda disini...tulis text anda disini....tulis text anda disini.

Ok selesai sudah.Kita juga boleh mendesign kotak agar nampak lebih menarik seperti membuat 'bulatan separa lengkong' di penjuru kotak atau dengan kata lain 'rounded corners'.

Caranya adalah...

1.copy kod ajaib dibawah ini (biru) dan paste kan didalam kod css diatas tadi...keterangan no.5

.shadowbox{

box-shadow: 7px 7px 8px #818181;

font-family: Verdana;color:#000000;

border-top: 1px solid #FFFFFF;

border-left: 1px solid #FFFFFF;

border-bottom: 2px solid #999;

border-right: 2px solid #999;

-webkit-box-shadow: 7px 7px 8px #818181;

-moz-box-shadow: 7px 7px 8px #818181;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

CCborderRadius: 20px;

filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);

}

2.Cara menulisnya sama seperti keterangan no.6

hasilnya....

Jika anda ingin membuat bayangan hanya di bahagian bawah kotak (horizontal offset), kita hanya perlu membuat perubahan kecil dengan menambah nilai negatif di dalam css box shadow.Lihat contoh dibawah..

1.copy kod css dibawah ini dan paste kannya diatas kod ]]></b:skin>

.shadow3{

box-shadow: 7px 7px 8px #818181;

font-family: Times;color:#ffffff;

-webkit-box-shadow: 0px 20px 10px -10px #888;

-moz-box-shadow: 0px 20px 10px -10px #888;

filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);

}

* nilai offset menegak diubah menjadi 0px , -10px.

2.cara menulis style css nya didalam posting anda adalah seperti dibawah ini..

<p>Make shadow at the bottom of a Box</p>

</div>

hasilnya...

Tamat tutorial box shadow buat kali ini.Untuk lebih memperjelaskan lagi minda anda, bolehlah melayari website css3-box shadow
atau anda boleh implementkan kedalam website anda seperti website madu sawda ini.Boleh juga digabungkan dengan sebarang image.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau berlanggan artikel terus ke email anda.

Kenapa blog ini tidak lagi diupdate

2009-08-22T18:06:00.000-07:00

Fuhh...rasanya dah lebih dari 2 bulan penulis tidak mencoretkan sebarang artikel di dalam bloginfotips ini.Bukan kerana malas atau tiada idea, tetapi kerana masa dan masalah yang melanda fikiran penulis sejak 2 bulan lepas.Pertamanya pemergian arwah mak ke rahmatullah pada 30/6/09, semoga rohnya ditempatkan bersama orang2 beriman.Keduanya kelahiran cahaya mata..anak perempuan, dan yang ketiga penulis baru menceburi bidang perniagaan offline iaitu Ice blend dengan jenama Freezo

Ketiga-tiga perkara diataslah yang membuatkan penulis telah berhenti mencoret di bloginfotips ini.Tetapi oleh kerana blog sebagai medium membaca dan menulis,maka rasanya dihari baik dan bulan baiknya ini,penulis akan cuba mencoretkan sebarang info buat tatapan pembaca blog ini.Akhir sekali, penulis ingin mengucapkan selamat berpuasa dan mohon kemaafan dari penulis buat pembaca blog ini.Semoga Ramadan tahun ini akan lebih baik dari tahun lepas.Banyakkan amalan dan berusaha memperbaiki diri samada untuk urusan duniawi apatah lagi ukhrawi.

Wordpress thema ala google

2009-05-26T09:12:00.000-07:00

Dalam penulis blogging around terjumpa satu blog yang bergitu unik.Blog yang menggunakan platform wordpress ini telah mendesign themenya menjadi seperti search engine google.Agak kreatif tuan empunya blog wordpress ini.Walaupun tidak 100% mirip google,tetapi jika dilihat sekali imbas pasti ada yang tertipu...awas

Mungkin dari pandangan penulis blog wordpress ini dibina lebih menjurus kepada iklan google adsensenya.Memang bijak juga tuan empunya blog ini mendesignkannya.Tahniah.Antara ciri-ciri yang terdapat pada blog wordpress ala google ini ialah:-

* Two column fluid width

* Threaded & paged comments ready for WP 2.7

* Widgets ready

* Gravatar ready

* Works on Wordpress v2.5 and above

* Tested on IE6/7, Firefox, Chrome

* XHTML & CSS Validated

Demo | Download

My wordpress blog....blogmelayuboleh

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Tips antivirus free seumur hidup

2009-05-21T07:22:00.000-07:00

Blog tips kali ini penulis akan berikan satu keadah bagaimana caranya untuk menjadikan antivirus free trial kepada free seumur hidup.Jika anda seorang yang tiada wang yang cukup untuk membeli sofware antivirus atau memangnya seorang yang kedekut...maka tips ini layak untuk anda cuba.Penulis akan tunjukkan caranya menggunakan Kasperky Antivirus 2009...

1) Download Kasperky Antivirus 2009 dari Kaspersky Lab.

2) Sudah siap download,install dan ikut arahannya.

3) Bila tiba part activate tu pilihlah activate trial version.Biasanya masa free trial diberi selama 30 hari.

4) Selepas tempoh percubaan 30 hari, uninstall Kasperksy (sama macam uninstall lain-lain software).

5) Sudah siap uninstall (biasanya kena reboot komputer), rebootlah komputer.

6) Kemudian pergi kemenu start dan klik run.Taipkan regedit dan tekan enter.Akan keluar menu register edit.

7) Remove hkey_local_machine\software\KasperskyLab\LicStorage (kalau tiada maknanya masa uninstall, sudah di removekan).

8) Kemudian remove hkey_local_machine\software\Microsoft\Cryptography\RNG (RNG ni adalah random number generator - remove aje).

9) Kemudian remove hkey_local_machine\Microsoft\SystemCertificates\SPC\Certificates.

10) Okay dah siap remove 3 benda tersebut, anda perlu Run install Kaspersky semula macam biasa.( pastikan ada sambungan internet).

11) Ulangi install dengan activate trial version seperti biasa.

12) Ulangi step 1 hingga 15 setelah tamat tempoh free trial 30 hari.

Free seumur hidup...he..hee..tips ini bagi yang tak mahu keluar wang.Saranan penulis baik pergi beli sahaja sofware antivirus ini kerana harganya amat murah iaitu RM50 atau RM 85 boleh share untuk 3 username...

Tamat tips tutorial kali ini.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Pamerkan adsense didalam setiap post artikel

2009-05-15T10:06:00.000-07:00

Ramai dari penggiat adsense hanya tahu cara meletakkan kod adsensenya di sidebar widget.Sebenarnya ada satu trik bagaimna kita boleh letakkan kod adsense ini di dalam posting artikel kita.Dengan trik ini setiap kali pengnjung klik pada mana-mana post,label atau artikel, maka adsense ads ini tetap dipamerkan.Tanpa cerita banyak lagi langsung kita ke tutorial "pamerkan google ads disetiap posting"

1) Sebelum itu pastikan anda encode dulu google adsnya.

2) Login ke blog/dashboard anda.Pilih Layout---&gt;Edit html dan klik Edit Expand template.

3) Cari kod seperti dibawah ini.Template setiap orang berbeza-beza, jadi cari kod yang seakan serupa dengannya.

</b:if>

Letakkan kod adsense anda disini

4) Hasil sebenarnya akan jadi seperti dibawah...

</b:if>

<script type="text/javascript"><!--

google_ad_client = "pub-your id no";

google_ad_host = "pub-your id no";

/* 160x600, created 4/25/09 */

google_ad_slot = "5275445784";

google_ad_width = 160;

google_ad_height = 600;

google_language = "en";

//-->

</script>

<script

src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">

</script>

5) Kemudian klik preview dulu dan lihat hasilnya.Google ads ini akan sentiasa berada diatas pemulaan post artikel anda.Puas hati..baru klik save.

6) Anda boleh juga cuba letakkannya dibawah atau diakhir artikel posting anda.Caranya penulis tidak akan berikan.Cuba sendiri dan bermain-main dengan kod template anda sendiri.Semoga berjaya.

Sekian..selesai.Layari melayuboleh-2u untuk lihat contoh hasilnya.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Peel away menggunakan jQuery & CSS

2009-05-15T09:24:00.000-07:00

Pada tutorial script yang lepas iaitu memasang Peel-away ads di blogspot, ada yang tidak dapat mengapplikasikannya kerana tiada mempunyai hosting.Baiklah kali ini penulis akan menunjukkan peel away yang menggunakan hanya jQuery & CSS di dalam blog.Tutorial asalnya anda boleh layari di sohtanaka.com.Peel away ini berfungsi dengan gambar sahaja tanpa bantuan flash seperti mana pada tutorial yang lepas.

Cara pasangnya

1) Login ke blog anda dan pilih Layout-->Edit html.

2) Copy kod script dibawah ini dan pastekan di atas kod <b:skin><![CDATA[

3) Kemudian copy kod CSS dibawah ini dan pastekan diatas kod ]]></b:skin>

#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://1.bp.blogspot.com/_1HFKF_0eUKs/Sg0-cJyhimI/AAAAAAAAAxQ/IjJyKgW2mvs/s320/subscribe.jpg) no-repeat right top;
}

4) Copy kod dibawah ini dan letakkan di bawah kod <body>

5) Kemudian klik preview dulu.Jika tiada sebarang error, baru klik save.Lihat hasilnya.Pastikan anda tukar alamat gambarnya dan feedburnernya dengan kepunyaan sendiri.Terserah jika linknya hendak ke feedburner atau ke Url link yang lain.

Sekian...tutorial dari penulis tak akan lengkap jika tiada contohnya.Hendak lihat contohnya, layari melayuboleh-2u.Selesai.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buat gambar mesra seo

2009-05-04T07:53:00.000-07:00

Tutorial seo kali ini penulis akan bicarakan bagaimana gambar didalam blog atau website lebih mesra seonya atau dengan kata lain dapat diindex oleh search engine utama seperti google,yahoo,msn,answer dan sebagainya.Dalam erti kata sebenar, search engine tidak membaca gambar walaupun blog anda mengandungi beribu-ribu gambar yang menarik.Baiklah klik selanjutnya agar anda dapat pelajari ilmu seo ini...

Seperti sedia maklum, agar blog kita lebih mesra search engine adalah penggunaan keyword density didalam posting.Contohnya jika tajuknya berkaitan dengan melayu boleh, sudah tentu anda menggunakan keyword seperti anak melayu boleh,orang melayu berkebolehan ,melayu takkan boleh ataupun boleh blah (sekadar keyword melayu dan boleh).Tapi jika posting atau blog anda banyak bermain dengan gambar, maka sudah tentu search engine tidak dapat membaca keyword melayu dan boleh.

Baiklah, tips seonya amat mudah iaitu dengan menggunakan attribute alt="" didalam gambar anda.Lihat contoh lengkapnya dibawah..

Anda boleh lihat fungsi alt="melayu boleh" yang digunakan sebagai ganti nama pada gambar tersebut..Untuk lebih jelas lagi sila lihat contoh dibawah sekiranya penulis ingin menjadikan gambar dialamat ini agar lebih mesra search engine.

http://1.bp.blogspot.com/_1HFKF_0eUKs/SfCNKvpo0KI/AAAAAAAAAt0/942Ch1dpTRM/s320/melayu+boleh.jpg

Hasilnya akan jadi seperti ini..

Dan disebalik gambar tersebut tersembunyi keyword melayu boleh.Boleh juga jika gambarnya tidak muncul atau alamatnya salah, keyword melayu boleh akan tertera

Tamat tips seo kali ini.Amin..

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buka link komen pada windows baru

2009-05-02T07:26:00.000-07:00

Pernahkan posting anda dikomen dan pengomen meletakkan linknya supaya anda mudah layari blog si pengomen tersebut.Masalahnya timbul apabila anda klik pada link si pengomen, maka halaman blog anda hilang dan akan diganti dengan blog si pengomen tersebut.Blog tutorial kali ini, penulis akan tunjukkan cara mudah agar link pengomen dibuka pada halaman windows yang baru tanpa menghilangkan halaman blog anda.Tak faham, lansung kita ke blog tutorial dibawah ini....

1) Login ke blogger.com dengan id anda.

2) Pilih menu Layout--->Edit html dan beri tanda pada Expand widget template.

3) Cari kod dibawah (pengguna firefox gunakan key F3)

4) Dah jumpa.Kemudian tambah kod target='_blank' atau target=”_blank” (sama sahaje)di sebelah rel='nofollow'..Maka kod lengkapnya akan jadi seperti dibawah..

5) Preview dulu hasilnya.Jika tiada sebarang error baru klik save hasil kerja anda.Jika terdapat error, klik clear edit dan buat tutorial blog ini semula dengan cermat.

Sekarang, buka salah satu posting kamu yg ada komen dan link pengomennya.Klik linknya dan lihat samada halaman windows baru akan dibuka dan halaman blog anda masih kekal.

Selesai.Amin..

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Optimise tajuk pada blogspot

2009-04-29T07:22:00.000-07:00

Seo kali ini penulis akan tunjukan tips mudah agar tajuk posting kita lebih seo friendly.Tips seo ini mungkin telah basi bagi pendukung seo, namun bagi newbie yang masih baru dalam taktik seo ini, ilmu ini juga berguna.Sebeum itu, alasan yang sering di jawab oleh pendukung seo ialah agar index keyword kita disearch engine tidak berlaku "duplicate title tags".Pandangan penulis pula , mungkin ada rasa kelainan bila ada pelawat yg berkunjung ke blog kita.

1) Login ke akaun blogger.com anda

2) Pergi ke menu Layout--->Edit html

3) Cari kod dibawah ini...

4) Kemudian gantikan kod diatas tadi dengan kod dibawah ini...

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

</b:if>

5) Preview dulu hasil kerja anda.Jika tiada sebarang error yg muncul baru klik save.

Jika masih kabur sila lihat contoh gambar dibawah atau lihat blog ini

Keterangan

1. bulatan merah menunjukkan tajuk posting anda.

2. bulatan biru menunjukkan tajuk utama blog anda.

Itu saja kali tips seo kali ini.Penulis nak terus mengkaji lagi tentang teknik-teknik seo ini.Sekian.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buat iklan adsense muncul lebih kerap

2009-04-24T08:13:00.000-07:00

Tips adsense kali ini, penulis ingin menjawab pertanyaan dari seorang pengunjung bloginfotips ini iaitu saudara Mantra.

Untuk kekalkan adsense ads di blog kita, tidak perlu guna apa-apa sofware, cukup hanya tambahkan kod di dalam adsense script.Apakah kod itu...

Contoh dibawah adalah script adsense sebenar anda..

google_ad_client = "pub-2625612173xxxxxx";

google_ad_host = "pub-15992710860xxxxx";

/* 160x600, created 7/14/08 */

google_ad_slot = "2325237081";

google_ad_width = 160;

google_ad_height = 600;

//-->

</script>

<script

src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">

</script>

Apa yang anda perlu buat ialah tambahkan kod ini [google_language = "en";]di bawah kod google_ad_height = 600; adsense anda.Maka script adsense anda akan jadi seperti dibawah ini.

google_ad_client = "pub-2625612173xxxxxx";

google_ad_host = "pub-15992710860xxxxx";

/* 160x600, created 7/14/08 */

google_ad_slot = "2325237081";

google_ad_width = 160;

google_ad_height = 600;

google_language = "en";

//-->

</script>

<script

src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">

</script>

Nak RM 500?Sertai pertandingan melayuboleh sekarang juga.

Note: Menambah sebarang kod atau mengubah suai kod adsense anda adalah amat menyalahi TOS google adsense.Penulis tidak bertanggungjawab sekiranya akaun adsense anda akan di banned.

Cabaran seo dengan keyword "melayu boleh"

2009-04-23T11:02:00.000-07:00

Posting kali ini pendek sahaja...kerana penulis ingin memberi tumpuan pada cabaran Seo 2009-Melayu boleh.Pertandingan ini dianjurkan oleh IM yg tidak asing lagi iaitu sdr. http://www.afzaiafandi.com/.Syarat dan peraturannya boleh anda lihat di blog beliau.

Apa yang menarik adalah niat utama pertandingan ini ialah untuk menghapuskan unsur-unsur 18sx didalam page pertama google search dengan kata keywords "melayu boleh".Dengan kata lain ,jika terdapat blog peserta yg tersenarai dalam top 10 google search dengan keyword melayu boleh, maka secara tidak langsung site yg berunsur 18sx ini akan jatuh kedudukannya.Dengan ini ianya akan memberi image yg baik pada pelawat jika mereka mencari keyword 'melayu boleh'.Ini yg dikatakan beramal sambil berblog.

Penulis bukanlah seorang pakar seo, tetapi dah dinamakan cabaran jadi sahutlah demi mencabar diri sendiri.Hadiah yang ditawarkan juga lumayan...boleh bayar duit kereta..itupun kalau rank no.1.Baiklah jika berminat dan ingin turut serta, cepat-cepatlah buat blog anda dengan keyword melayu boleh.Boleh lihat juga contoh blog penulis disini.Jika anda telah ada blognya, boleh menghubungi penulis dan kita berkongsi pendapat seperti bertukar link, komen dan sebagainya untuk menaikkan rank blog kita pada kedudukan 10 terbaik di google search dengan keyword melayu boleh.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

The amazing people

2009-04-20T09:21:00.000-07:00

Anda kenal dengan Susan Boyle.Tak kenal!!!rugi..rugi.Anda tahu, beratus atau mungkin beribu orang yang sanggup menaja dan mempergunakan bakat yg ada padanya.Dan beliau telah menjadi sangat popular pada hari ini.Laman video youtube nya telah mencapai hits 33,570,00 pengujung dalam masa seminggu sahaja.Muncul juga banyak blog-blog mengenai beliau semata-mata mahu mengaut keuntungan samada dari clicbank,google adsense,affiliate dan bermacam lagi....

Susan boyle juga telah ditemuramah oleh CNN, Scotland tv, Amerika tv dan banyak lagi.Rasanya tak perlu penulis memperkatakannya.Anda lihat video dibawah ini dan pelajari moralnya.

Susan Boyle in Britain got talent

Moralnya : Jangan menilai orang dari luarannya dan merendahkannya sebelum kita mengenalinya dengan lebih dekat.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Peel Away Ads

2009-04-15T09:16:00.000-07:00

Pada minggu yg lepas, seorang lagi IM malaysia iaitu sdr. Mazlie telah melancarkan service terbarunya iaitu Peel Away Ads atau disebut juga PagePeel, PageEar, Magic Corner dan PeelAd. Apa jua istilah atau panggilannya itu tidak penting kerana yg amat penting adalah fungsinya iaitu menarik perhatian pelawat agar klik padanya.Iklan ini dapat menarik 27% klik,lebih banyak dari banner ads biasa.Anda boleh lihat dipenjuru kanan blog penulis (spt lipatan kertas).

Tapi sayang sekali kerana service berbayar yg ditawarkan oleh sdr Mazlie hanya untuk pengguna wordpress sahaje.Buat pengguna blogspot,telan air liur ajelah..he..he..Jangan susah hati kerana masih terdapat banyak sumber diinternet.Salah satu sumber (percuma) yg penulis telah mencubainya adalah webpicasso.

Meskipun percuma.. Peelaway nya tidak kalah dengan versi Peelaway berbayar, salah satu fungsi utamanya iaitu kemampuan Peelaway untuk menjalankan gambar dan suara sekaligus. Karena Peelaway dijalankan via Flash dan JavaScript based, jadi anda dapat menggunakannya pada platform (blog/site) apa saja, termasuk blogger/blogspot.

Fungsi Peelaway

NEW! Pageear is scalable now. You can change the peel size 100×100 and 500×500 Pixel by your own.
Plays MP3-Files on startup, open and close of Pagepeel.
Possibility to leave peel open and wait for userklick to close. Close text is editable.
Place it on the left or right upper corner
Open and close automaticly after X seconds
Speed of the small pageear could be changed
Flashcheck (Adobe© Flash Detection)
Reflecting image on corner
Color of the pagecorner
Link target on external side or own (self, new)
Downwardcompatibly up to Flashversion 6
Runs on nearly all Browser (FireFox, InternetExplorer, Opera, Safari, etc.)

Tutorial Cara Pasang Peel-Away,pastikan anda telah ada hosting (free punya).

1. Download dulu file PageEar v1.4

2. Kemudian Extrack file pageear_v14.zip di folder anda.Terpulang anda mahu version yang ke- berapa.

3. Silahkan Edit File pageear.js (menggunakan notepad/wordpard)

Note: dalam file pageear.js inilah kod konfigurasi yang anda perlukan. Lihat kod yang diedit dengan warna merah.Selebihnya anda boleh pelajari di website tersebut.

var pagearSmallImg = 'http://alamat-server-anda.com/pageear_s.jpg';

var pagearSmallSwf = 'http://alamat-server-anda.com/pageear_s.swf';

var pagearBigImg = 'http://alamat-server-anda.com/pageear_b.jpg';

var pagearBigSwf = 'http://alamat-server-anda.com/pageear_b.swf';

var jumpTo = 'http://alamatbloganda.com'

Sebenarnya masih banyak configurasi yang lain, selebihnya dibaca saja ya pada manualnya.

4. Upload semua file yang ada dalam folder pageear_v14/pageear/ ke server milik anda (pages.google.com , contoh hosting percuma)

5. Langkah akhir lakukan pemanggilan javascript, atau langsung copy paste aja kod dibawah ini. Jangan lupa menggantikan alamat url dibawah ditandai dengan warna merah dengan kepunyaan anda sendiri.

writeObjects();

</script>

Sebelum terlupa, letakkan script diatas tadi dibawah kod ini...

Sekian tutorial script kali ini...Amin

note:Johnchow(5 angka sebulan pendapatannya) juga menawarkan service ini dengan harga USD37.Jika penulis hendak menawarkan service Peelaway ini..agaknya berapa yg patut penulis cajkan harganya..emm..emm...

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Cari lagu/mp3 di google search

2009-04-12T08:33:00.000-07:00

Pada tutorial hack yg lepas, anda telah pelajari bagaimana cari file di Rapidshare melalui search engine google.Mungkin ada yg telah mempratikkannya (cari lagu/mp3), namun masih belum diketemui.Baiklah,apakata anda cuba pula cara dibawah ini...

1) Login ke google.com

2) Taipkan perkataan dibawah ini didalam kotak pencarian

?intitle:index.of? mp3 "artist" "title"

Sebagai contohnya, katakan saya ingin mencari lagu nasyid, Sesungguhnya dari kumpulan Raihan , maka saya hanya perlu taip (seperti cth dibawah) dan klik search.

?intitle:index.of? mp3 "raihan" "sesungguhnya".

Mudah bukan...semoga bermanfaat.Amin

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buat slide show image/photo

2009-04-10T22:46:00.000-07:00

Blog info kembali lagi dengan tips bagaimana membuat gambar/photo dalam bentuk slide show.Slide show ini bukan dalam bentuk auto tetapi dalam bentuk manual.Ada button start,next,prev dan end.Fungsinya agar photo/image didalam blog anda dapat dikumpulkan dalam satu tempat dan ianya memudahkan pengunjung melayarinya.Nak tahu lebih lanjut, sila lihat contoh dibawah atau disebelah sidebar blog ini (itupun klu masih ada lagi)

Contoh :-

Scriptnya :-

Keterangan

1) Copy script diatas dan pastekan disidebar atau footer blog anda.

2) Untuk ubah saiz slide show, cari kod ini..

var width = 250;

var height = 100;

3) Untuk letakkan image/photo, cari kod ini..

imgAr1[0] = "dir1/image-0.jpg";

imgAr1[1] = "dir1/image-1.jpg";

Gantikan tulisan yang bertanda merah dengan alamat url image anda.Contohnya alamat url image penulis :

imgAr1[0] = "http://dino.hpa.googlepages.com/DSC00736_opt.jpg";

imgAr1[1] = "http://dino.hpa.googlepages.com/DSC00733_opt.jpg";

4) Jika anda hendak menambah bilangan imagenya, hanya tambah kodnya saje seperti imgAr1[2] = "dir1/image-2.jpg"; imgAr1[3] = "dir1/image-3.jpg"; dan seterusnya.

Ingatan, upload dulu gambar/photo ke hosting anda dan dapatkan URL nya saje.Jika anda tidak mempunyai hosting atau tidak tahu caranya, ikuti tutorial image hosting disini.

Tamat.amin...

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Yahoo masengger icon

2009-04-05T10:01:00.000-07:00

Mungkin dkalangan anda kerap menggunakan YM (yahoo mesengger) jika ingin berhubung bersama rakan dan taulan.Tetapi adakah rakan anda tahu samada anda sedang online atau tidak.Untuk tutorial widget kali ini penulis ingin senaraikan 16 icon yahoo mesengger yang boleh anda pasang diwebsite ataupun blog anda.

1) Download yahoo mesengger(version 9.0) ke dlm pc anda.

2) Pasang script YM di blog anda.Tutorial pasang YM script boleh anda ikut di sini.

3) Nombor didalam script mewakili icon/gambar seperti rajah dibawah.Gantikan nombor di dalam script(warna biru) mengikut icon kegemaran anda

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buat trick pada google images

2009-04-05T08:01:00.000-07:00

Dah lama penulis cari script bagaimana nak hack images pada google search ini.Baru malam ini penulis terjumpa cara buat hack ini.Nak tahu apa yang penulis maksudkan dengan hack pada google images ini.Baiklah penulis kongsikan bersama anda semua.

1. Pergi ke google directory : www.google.com.Pilih images.

2. Kemudian taipkan apa-apa saje seperti flowers , cats , dogs dan sbgnya, klik google search.

3. Sekarang copy script dibawah dan pastekan di address bar,kemudian tekan enter.

See what happens.. (surprise for you...)

javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Font style setting

2009-03-30T08:11:00.000-07:00

Kenapa ntah sejak akhir-akhir ini penulis gemar bermain-main dengan font di blog ini.Jika anda sering berkunjung ke blog ini, pasti perasan ada sedikit perubahan tulisan samada pada header post,header sidebar (biru),tag cloud (kategori) atau feedburner (langganan percuma-oren).Perubahan itu dilakukan secara manual.Jika secara auto...bagaimana ya?

Cara auto??Itu hanya kata-kata penulis.Cuba lihat dibawah header, ada widget "FONT STYLE SETTING".Ada jenis font dan saiznya.Hanya pilih jenis font dan saiznya,maka perubahan tulisan akan berlaku dibahagian posting(main wrapper)dan kotak komen.Bahagian lain penulis tidak pasti pula,krn. coding setiap template kan berlainan.Baiklah ingin tahu cara memasangnya?

Caranya amat mudah.Anda hanya perlu copy script dibawah dan pastekan di bahagian page elemant / add a gadget anda.Preview dulu dan lihat hasilnya.Jika tiada sebarabg error, klik save.Mudahkan.

Bila font style setting widgetnya tidak berfungsi, ikuti langkah-langkah berikut:

1) Dari menu blogger klik Layout-->Edit HTML

2) Cari kod :

.post {

margin:0 0 10px 0;

font-family: Arial;

background: #FFF;

padding:10px;

text-align:justify;

border:1px solid #C0C0C0;

}

3) Hapus kode yang ini font-family: Arial; atau ada yang menggunakan font-family: Verdana; atau font-family: Times New Roman; asalkan kod font-family dihapuskan.

* Selesai...Amin

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Buat background posting berlainan

2009-03-25T09:42:00.000-07:00

Kadang-kala kita jadi bosan apabila melihat background posting kita tampak sama aje.Apa kata, kita beri sedikit kelainan pada background setiap posting yang kita buat.Baiklah, penulis akan tunjukkan cara bagaimana menambah warna dan gambar pada background posting dengan menggunakan kod css.Mari kita pelajari kod simple css ini.

Background posting dengan warna

Ketika anda hendak mulai membuat postingan, pilih tab Edit HTML jangan pilih Compose. Mulai postingan dengan kod seperti ini :

kemudian taipkan teks anda dan diakhiri dengan kod </div>

contoh:

kodnya:

</div>

Background posting dengan gambar

Sama juga seperti diatas..Semasa permulaan posting, pilih edit html (bukan compose) dan mulakan dengan kod dibawah ini.

kemudian taipkan teks anda dan diakhiri dengan kod </div>

Sebagai contoh, saya ingin membuat posting dengan background image yang beralamat di http://dinoerni.googlepages.com/dinobloginfo.png, background image ingin di letakkan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, font saiz 120%.Seperti halnya pada background dengan warna, kod ini pun boleh anda tentukan sesuai dengan keinginan.

</div>

Hasilnya:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.

Amacam, simplekan.Ok cuba buat agar terus lekat diotak.Sebelum tu..mulakan dengan kalimah "Dengan nama Allah yang maha pengasih dan penyayang".Berkatilah ilmu ku ini.Amin.

Buat ringtone sendiri

2009-03-21T09:05:00.000-07:00

Memang mudah.Laman web makeownringtone menawarkan servis menyunting lagu dalam apa jua format lagu untuk dijadikan nada dering phone anda.Walaupun laman webnya kelihatan ringkas aje,tetapi servis yang ditawarkan 'boleh tahan'juga dan berguna.Anda boleh mengedit lagu kegemaran anda dan jadikannya sebagai nada dering eksklusif dan berlainan dari orang lain.

Anda boleh potong mana-mana bhg. lagu yang anda tidak mahu dan editkannya mengikut selera anda.Laman web ini juga menampilkan menu dan antaramuka yg mudah difahami.Terdapat butang lagu,butang pilihan,butang memain,dan sebagainya seperti anda memainkan pemain muzik yg lain.Yang penulis sukakannya, kerana laman web ini tidak perlu pendaftaran terlebih dulu dan yang pastinya ianya percuma.Layari dan godek-godeklah sendiri.

Bagaimana membuat Table diblog

2009-03-19T03:22:00.000-07:00

Tutorial html kali ini penulis ingin menunjukkan cara membuat table diblog.Membuat table tidaklah rumit jika menggunakan perisian programming seperti Nvu,frontage atau Dreamweaver.Tetapi perisian seperti itu hanya digunakan semasa membuat website atau minisite.Untuk pengguna blog, nak atau pun tak nak,wajib pelajari kod html "table"nya jika nak menggunakan table di dalam blog.Oklah let's learn the tutorial table dibawah.

Secara asasnya,konsep table mestilah ada row="TR" dan colum="TD".Seperti jadual wakru zaman persekolahan dulu.Ada masa,hari dan subjek.Tag "TR"(table row) dan tag "TD"(table colom/data) mesti diapplikasikan dengan tag <TABLE>...</TABLE>

Baiklah, mari kita buat table ringkas yang mengandungi 4 nama orang dan extension nombornya.Lihat contoh dibawah...

Deenoh	1493
Zahari	3829
Ismail	8372
Haiqal	4827

Kodnya:

<TABLE>
<TR> <TD>Deenoh</TD> <TD>1493</TD> </TR>
<TR> <TD>Zahari</TD> <TD>3829</TD> </TR>
<TR> <TD>Ismail</TD> <TD>8372</TD> </TR>
<TR> <TD>Haiqal</TD> <TD>4827</TD> </TR>
</TABLE>

Untuk tablenya kelihatan menarik, kita akan tambah attribute "border" dan juga lebar table(width).
border = dalam nilai px / %
width = dalam nilai px / %

contoh :

Deenoh	1493
Zahari	3829
Ismail	8372
Haiqal	4827

Kodnya :

<TABLE width="300" border="1">
<TR> <TD>Deenoh</TD> <TD>1493</TD> </TR>
<TR> <TD>Zahari</TD> <TD>3829</TD> </TR>
<TR> <TD>Ismail</TD> <TD>8372</TD> </TR>
<TR> <TD>Haiqal</TD> <TD>4827</TD> </TR>
</TABLE>

Sekarang kita hiasi tablenya dengan warna dan juga align teksnya supaya berada ditengah kotak table.
attribute warna = "bgcolor=kod warna"
attribute align = "TD align=left/center/right"

contoh:

Deenoh	1493
Zahari	3829
Ismail	8372
Haiqal	4827

Kodnya :

<TABLE width="300" border="1" bgcolor="black">
<TR bgcolor="green"> <TD align="center">Deenoh</TD> <TD align="center">1493</TD>
</TR>
<TR bgcolor="yellow"> <TD align="center">Zahari</TD> <TD align="center">3829</TD> </TR>
<TR bgcolor="blue"> <TD align="center">Ismail</TD> <TD align="center">8372</TD>
</TR>
<TR bgcolor="white"> <TD align="center">Haiqal</TD> <TD align="center">4827</TD>
</TR>
</TABLE>

Jika anda perhatikan table ini, nampak seperti tidak lengkap kerana tiada tajuknya.Tajuk ini kita namakan Table header.Attribute table header adalahTH.

contoh :

Name	Extension
Deenoh	1493
Zahari	3829
Ismail	8372
Haiqal	4827

Kodnya :

<TABLE width="300" border="1" bgcolor="black">
<TR bgcolor="white"> <TH>Name</TH> <TH>Extension</TH> </TR>
<TR bgcolor="green"> <TD align="center">Deenoh</TD> <TD align="center">1493</TD>
</TR>
<TR bgcolor="yellow"> <TD align="center">Zahari</TD> <TD align="center">3829</TD> </TR>
<TR bgcolor="blue"> <TD align="center">Ismail</TD> <TD align="center">8372</TD>
</TR>
<TR bgcolor="white"> <TD align="center">Haiqal</TD> <TD align="center">4827</TD>
</TR>
</TABLE>

Sekarang, dengan lebih detail lagi kita boleh tambah tajuk utama table tersebut menggunakan fungsi "Caption".Disamping itu, tajuk header "TH" boleh diletakkan di ruangan table row"TR" atau table colum"TD" atau kedua-duanya.Lihat contoh dibawah..

**JADUAL WAKTU**
	10 am - noon	noon - 2 pm	2 pm - 4 pm
Monday	Home Ec	Math	Geography
Wednesday	History	Social Studies	P.E.
Friday	Music	Peace Studies	+Sleep

Kodnya :

<TABLE align="center" width="450" border="1" >
<CAPTION align="top"><b>JADUAL WAKTU</b></caption>
<TR> <TD> </TD>
<TH>10 am - noon</TH>
<TH>noon - 2 pm</TH>
<TH>2 pm - 4 pm</TH>
</TR>

<TR> <TH>Monday</TH>
<TD>Home Ec</TD>
<TD>Math</TD>
<TD>Geography</TD>

<TR> <TH>Wednesday</TH>
<TD>History</TD>
<TD>Social Studies</TD>
<TD>P.E.</TD>

<TR> <TH>Friday</TH>
<TD>Music</TD>
<TD>Peace Studies</TD>
<TD>Sleep</TD>

</TABLE>

Oklah..rasanya cukup takat ni aje.Jejari penulis pun rasa sebal semacam.Sebenarnya banyak lagi yang penulis ingin isikan dalam tutorial buat table ini.Kita akan bersambung nanti..tunggu..

Buat URL blog dan tajuk post berjalan

2009-03-17T10:15:00.000-07:00

Pernahkah anda berkunjung ke blog lain dan melihat URL blog atau tajuk postingnya berjalan.Anda rasa hairan dan unik..bukan!Anda ingin tahu cara membuatnya.Baiklah ikuti tutorial hack dibawah ini.Hanya copy dan paste aje scriptnya.Sebelum itu lihat dulu tutorial marquee untuk menambah pengetahuan.

Tutorial 1

1) login ke blog anda, kemudian pilih Layout-->Edit html dan jangan lupa klik pada Expand Widget Template.

2) Cari kod dibawah ini.Jika tak ketemu..gunakan Ctrl + F untuk cari kod tsb.Cari seberapa mungkin atau yang seiras dengannya.

3) Kemudian delete kod tersebut dan gantikan dengan script dibawah ini.

<b:include data='blog' name='all-head-content'/>

var txt="<data:blog.pageTitle/>";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

4) Klik preview dulu, jika tiada sebarang error, barulah save hasil kerja anda.

Lihat blog ini untuk lihat contoh hasilnya.

Tutorial 2

Tutorial hack dibawah ini pula adalah untuk membuat Tajuk Posting blog berjalan.

1) Ikuti langkah satu seperti diatas.

2) Kemudian cari kod seperti dibawah ini.Cari yang semirip mungkin kerana setiap template berbeza kodnya kerana ada yang telah dimodified.

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

<h3>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

Dah ketemu, jika sudah, copy kod dibawah ini dan pastekan diatas kod <h3>

3) Kemudian copy dan pastekan kod penutup </marquee> ini dibawah kod </h3>

4) Hasil sebenarnya akan jadi seperti dibawah ini..

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

<h3>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</marquee>

5) Klik perview dulu.Jika tiada sebarang error dan berpuas hati, save hasil kerja anda.

Selesai n selamat mencuba.

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Membuat kotak blogroll

2009-03-15T08:53:00.000-07:00

Tutorial kali ini penulis ingin menunjukkan cara membuat kotak blogroll atau skrol menggunakan kod html.Fungsinya sebagai tempat simpan bagi label/kategori posting anda yang dah terlalu banyak/panjang.Kalau label/kategorinya dah panjang berjela-jela nampak tak sedap mata memandang.Tanpa basa-basi lagi kita terus ke tutorialnya

Blogroll tanpa border

Kodnya

<div style="overflow:auto;width:400px;height:100px;border:0px solid #FFFF00">
<ul>
<li><a href="http://URL-Blog-1">Tekslink-1</a></li>
<li><a href="http://URL-Blog-2">Tekslink-2</a></li>
<li><a href="http://URL-Blog-3">Tekslink-3</a></li>
<li><a href="http://URL-Blog-4">Tekslink-4</a></li>
<li><a href="http://URL-Blog-5">Tekslink-5</a></li>
</ul>
</div>

Jika anda mahu bordernya kelihatan, tukarkan nilai border:0px ke 1px.Lebih tinggi nilai px lebih tebal bordernya

Hasilnya

Jika anda mahu letakkan gambar/warna bagi background blogroll,tambahkan kod background:#EDEDED selepas kod solid #FFFF00;

Hasilnya

Jika anda mahu Tekslinknya berada ditengah,kiri atau kanan, cukup tambahkan kod text-align: left/center/right

Hasilnya

Keterangan

Anda boleh dan harus mengubah width(lebar), heigh(tinggi), border(nilai px), background(#warna) dan text-align(left,right,center)bergantung dimana anda letakkan blogroll tersebut dan mengikut kesesuaian .

Selesai

Buat Drop Down Menu

2009-03-12T08:12:00.000-07:00

Widget tutorial kali ini penulis nak tunjukkan beberapa cara membuat dropdown menu atau pulldown menu.Fungsinya agar segala data,label,tajuk posting,kategori atau link dikumpulkan dalam satu ruangan.Nak cerita panjang, penulis tidak pandai.Terus kita kita tutorial ringkasnya.

1) Simple Dropdown Menu

2) Dropdown Menu dengan Button

3) Dropdown Menu dengan button bergambar

<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="http://alamat-url-gambar.com/jpg" border=0></a>
</form>

4) Dropdown Menu dengan Tajuk

<form><select name="menu" onchange="window.open
(this.options[this.selectedIndex]
.value,'_blank')" name="menu">
<option>Tajuk Utama</option>

<option value="http://bloginfotips.blogspot.com/search/label/blog%20tutorial">Blog Tutorial</option>
<option value="http://bloginfotips.blogspot.com/search/label/widget">Blog Widget</option>
<option value="http://bloginfotips.blogspot.com/search/label/Info">Blog Info</option>
</select></form>

Note: Jangan lupa tukar kod yg bertanda merah dengan kepunyaan anda sendiri.Boleh pastekan kod Menu dropdown ini di post atau widet sidebar.Kod bertanda biru boleh ditukar mengikut kesesuaian anda.

Membuat image resaizer/popup

2009-03-09T07:19:00.000-07:00

Tutorial widget kali ini penulis akan menunjukkan cara bagaimana membuat image atau gambar jadi besar (popup) di blog.Tutorial ini sangat bagus buat yang suka mempamerkan koleksi foto-foto di blognya.Teknik ini hanya perlu sedikit coding css di template anda. Kalau x paham, lihat contoh gambar di bawah ini.Arahkan kursor ke image tersebut.

Majlis Perkahwinan Zaid

Bersama Rakan sekerja.

Amacam.Mahu mempelajari tutorial widget ini..

1) Login ke blog anda,kemudian pilih Layout--->Edit html

2) Cari kod ini ]]></b:skin>

3) Kemudian copy kod css dibawah ini dan pastekan diatas kod ]]></b:skin>

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

4) Lepas tu preview dulu blog anda,jika tiada sebarang error yg muncul, baru klik save.

5) Kemudian anda wajib menggunakan kod html dibawah ini untuk mengapplikasikan css kod tadi.

6) Gantikan Image URL dengan image anda sendiri dan juga YOUR TEXT dengan ayat anda sendiri.

P.S. Pastikan saiz image anda bersesuaian dengan tempat dimana anda hendak letakkan gambar tersebut samada di post,sidebar,footer atau header.

The world greatest business mind

2009-03-08T09:58:00.000-07:00

Pernahkah anda melihat gambar disebelah?Ini adalah wartawan penyiaran dari The world greatest business mind.Directory ini menyenaraikan orang-orang yang berjaya didalam dunia perniagaan dan kisah perniagaan mereka.Jadi apa kena mengena posting kali ini dengan directory ini!sebenarnya nama saya juga telah tersenarai di site ini.Tak percaya..anda tonton siaran ini.

Amacam percaya tak?He..he..hanya untuk santai-santai aje.Anda juga boleh buat video tersebut sendiri dengan melayari websitenya seperti diatas The world greatest business mind.Percuma.Hanya perlu isikan nama,email dan kata2 atau ayat yang hendak dipamerkan di video tersebut.

Cari file di rapidshare

2009-03-08T09:18:00.000-07:00

Selalukah anda mencari sebarang file atau d/load file di hosting percuma?Rasanya semua pengguna internet akan berbuat begitu, apatah lagi kalau ianya percuma.Tetapi adakah file yang anda cari itu dapat ditemui.Baiklah, posting kali ini penulis akan memberi tips bagaimana mencari file di Rapidshare melalui engine carian google.

Ok, katakan anda ingin mencari sesuatu software, movie, mahupun ebooks; maka langkah yang perlu anda lakukan adalah:

1) Buka Google.com

2) Kemudian taip perkataan di bawah ini disusuli dengan keyword anda dan klik google search

“rapidshare.com/files” keyword anda

Sebagai contohnya, katakan saya ingin mencari lagu nasyid, Sesungguhnya mp3 , maka saya hanya perlu taip,

“rapidshare.com/files” sesungguhnya.mp3

Maka akan tersenarailah link download pautan di result carian. Hehehe.. senang bukan? Jadi bayangkan potensinya, kita boleh cari apa yang kita nak di internet ni.

Selamat mencuba...ingat cari yang bermanfaat aje...

Buat read more sesuai dengan judul posting

2009-03-06T08:19:00.000-08:00

Fuh..baru ari nie pc penulis dan line internet dah stabil.Agak lama juga la penulis tidak online.Bukannya apa,mula-mula pc buat hal dari grafik kadnya,network card dan modemnya semua mengalami kerosakan.Lepas tu line pone dan streamyx pula buat hal.Em..service pulak..tak payah cerita..buat sakit hati aje..baik penulis cerita tentang blog tutorial..buat pengubat hati nan lara.Baiklah tutorial blog kali ini kita akan membuat read more sesuai dengan judul posting.Begini caranya...

1.Login ke blog anda,kemudian pilih Layout--->Edit html.Beri tanda pada Expand Template Widget.

2.Selepas itu cari ayat "read more" anda atau sewaktu dengannya.Lebih mirip kepada kod dibawah ini.

3.Dah ketemu, jika sudah 'delete'kan kod diatas dan gantikan dengan kod dibawah ini..

4.Selesai."read more"nya anda boleh tukar dengan ayat seperti "baca selanjutnya tentang.." atau "read more about..".ikut selera anda.

Label cloud

2009-02-21T08:47:00.000-08:00

Pernahkah anda melihat label posting yang bergerak atau berpusing?Label poasting yang bergerak ini dipanggil Label cloud atau Cloud Blogumus. Tag cloud blogumus ini adalah satu tag animated widget/plugin yg dicipta untuk platform wordpress tetapi telah dipermudahkan oleh Roy Tanck untuk platform blogger.Terima kasih patut diucapkan padanya.Ok let's go to Tutorial.

1.Login ke blogger dashboard dan klik pada Layout-->Edit html

2.Cari kod ini : <b:section class="sidebar" id="sidebar" preferred="yes">

3.Kemudian copy kod dibawah ini dan paste kan di bawah kod diatas tadi...

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

<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.Klik pada preview dahulu, jika berhasil maka cloud widget ini akan kelihatan pada blog kamu.Kemudian save template.Tahniah kamu telah berjaya.

5.Secara default,setting value widget ini adalah seperti dibawah:-

* width is 250px

* height is 200px

* Background color is white

* Text color is black

* Font size is 12

Setting ini boleh diubah, cari kod yang bewarna merah dan ubah mengikut kehendak kamu...selamat mencuba.

p.s. Tutorial ini telah penulis bahaskan pada suatu ketika dahulu.Tetapi disebabkan penulis telah ter"delete" posting tersebut, maka kenalah buat yang baru.

Image Resizer

2009-02-20T16:34:00.000-08:00

Blog info kali penulis ingin mengatakan tentang loading blog anda .Berapa cepat blog yg anda layari akan tertera sepenuhnya dilayar monitor anda?Mengikut kajian jika blog anda mengambil masa lebih dari 20 saat untuk loading,maka keberangkalian pengunjung meninggalkan blog anda adalah cerah."bosan menunggu agaknya".Jadi bagaimana nak memendakkan tempoh loading blog anda?

Blog menjadi berat kerana anda banyak memasukkan image,video,lagu,gliterry,hosting provider,script dan bermacam lagi.Tips kali ini... Bagaimana caranya anda boleh mengurangkan beban loading blog anda dengan mengecilkan saiz image yg anda masukkan di dalam blog tanpa mengurangkan kualiti image tersebut.Anda boleh layari webresizer.com untuk menggunakan layanan percuma ini.Lihat contoh dibawah.

Highlight merah menunjukkan saiz image yg sebenar dan highlight bewarna kuning adalah saiz image selepas direduce.Penulis dapat penjimatan sebanyak 86%. Amat berbaloi.Anda boleh klik gambar diatas untuk melihat kualiti image tersebut.

Anda cubalah sendiri layanan percuma image resizer ini.Sekian,selamat mencuba.

Tutorial image

2009-02-18T08:09:00.000-08:00

Tutorial blog kali ini, penulis akan terangkan bagaimana penggunaan image + html didalam blog.Bagaimana cara insert image,letak image kiri dan kanan,image border,alignment dan sebagainya.Gabungan image dan html ini kita namakan HTML Image Tag.

Image tag <img>

Untuk paparkan image diblog, kita gunakan tag "img" dan attribute "src"

contoh kod: <img src="Url image disimpan.jpg">

Hasil :

width dan height

Saiz image boleh diubah dengan menggunakan attributes width(lebar) dan height(tinggi)

contoh: <img src="Url image disimpan.jpg" width=120 height=40>

Hasil :

Alignment

Image boleh dipaparkan samada dikiri,tengah dan kanan dengan menggunakan attribute "alignment"

contoh: <img src="Url image disimpan.jpg" align=left> < <img src="Url image disimpan.jpg" align=right>

Hasil :

Links Image

Image juga boleh digunakan sebagai links dengan menggnakan attribute "href" dan tag "a"

contoh: <a href=" url alamat blog.com"> <img src="Url image disimpan.jpg"> </a>

Hasil :

cuba klik image sebelah

Jika anda ingin linknya dibuka pada halaman muka window yang baru, maka gunakan attribute "target=_blank".

contoh: <a href="url alamat blog.com" target="_blank"> <img src="Url image disimpan.jpg"></a>

Hasil : akan dibuka pada halaman window baru

Moving Image
Image juga boleh digerakkan dengan menggunakan tag "marquee".Lihat tutorial Marquee
contoh: <marquee width=120 height=60> <img src="Url image disimpan.jpg"> </marquee>
Hasil :

Pasang Recent Comment

2009-02-14T22:35:00.000-08:00

Pasang Recent Comment atau komen terbaru di blog, adalah sebagai pemberitahuan dimana ada komen terbaru dari pengunjung blog anda.Cara memasangnya juga adalah mudah.Terdapat 2 cara iaitu menggunakan javascript dan alamat Feed anda.Cara memasang widget komen terbaru menggunakan Feed telah penulis bahaskan pada tutorial lepas.Tutorial kali ini kita akan gunakan fungsi java script untuk memasang widget recent comment

1.Login ke blog anda.pilih Layout-->Add a Gadget

2.Pilih HTML/Javascript

3.Copy dan pastekan kod dibawah didalam kotak HTML/Javascript

Gantikan tulisan yang bewarna merah dengan alamat blog anda sendiri.Hasilnya seperti dibawah ini...

4.Klik save dan letakkan widget recent comment anda ditempat yang sesuai.

Atau anda boleh juga gunakan script dibawah ini..

<ul><span id="preserve472a66306db841e4b0a20503115967ea" class="wlWriterPreserve"><script style="text/javascript"> function showrecentcomments(json) { for (var i = 0; i < 5; i++) { var entry = json.feed.entry[i]; var ctlink; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { ctlink = entry.link[k].href; break; } } ctlink = ctlink.replace("#", "#comment-"); var ptlink = ctlink.split("#"); ptlink = ptlink[0]; var txtlink = ptlink.split("/"); txtlink = txtlink[5]; txtlink = txtlink.split(".html"); txtlink = txtlink[0]; var pttitle = txtlink.replace(/-/g," "); pttitle = pttitle.link(ptlink); if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<\S[^>]*>/g; comment = comment.replace(re, ""); document.write('<li>'); document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>'); document.write(' on ' + pttitle); document.write('<br/>'); if (comment.length < 100) { document.write(comment); } else { comment = comment.substring(0, 100); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + ctlink + '">(more)</a>'); } } document.write('</li>'); document.write('<div style="amp;percnt;;text-align:center"></div>'); } </script></span> <span id="preserveb21db236ecd449eab12f80377a5478e6" class="wlWriterPreserve"><script src="http://bloginfotips.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></span></ul> <noscript>You need to enable JavaScript to read this.</noscript>

dan hasilnya akan nampak seperti dibawah...

Terpulang pada anda ingin memilih script yang mana satu..Tamat

Pasang musik diblog

2009-02-14T07:27:00.000-08:00

Nampaknya trend pasang muzik diblog sudah menjadi satu lumrah untuk santapan halwa telinga.Mungkin lebih enak jikalau memposting sambil mendengar lagu.Tutorial kali ini penulis ingin menunjukkan cara pasang lagu diblog...

Sebelum itu adalah lebih baik jika muzik player kita mempunyai butang seperti play,on/off button,volume dan sewaktu dengannya.Ini agar pengunjung dapat mengawal muzik player tersebut.Bukan semua pengunjung berminat dengan lagu yang kita telah installkan.Kod musik player ini boleh diletakkkan samada di bhg. posting atau widget(sidebar).

Copy kod dibawah ini..

Tulisan yang bewarna merah adalah alamat lagu anda disimpan.Adalah baiknya jika lagu anda disimpan dalam format mp3.

Hasilnya...

Atau anda boleh create banyak lagu dalam satu format muzik playlist seperti dibawah ini..

Image hosting

2009-02-14T00:13:00.000-08:00

Seperti yang sedia maklum, ramai pengguna internet menyimpan image file mereka dihosting percuma seperti googlepages/page creator,imageshack,photobucket,tinypic,flicker,picasa,geocities dan bermacam lagi.Sebenarnya kita kena memahami bahawa blog yang kita sedang guna sekarang juga adalah sebuah hosting.Segala gambar yang kita upload akan disimpan dihosting blogger kepunyaaan pakcik google ini.Tips kali ini penulis ingin menunjukkan cara yang paling mudah bagaimana simpan file anda di blogspot.

1.Seperti biasa login ke blog anda dan pilih posting/new post.

2.Pilih Compose dan klik pada insert image-->upload image-->browse untuk pilih image anda

3.Setelah itu klik Edit HTML, dan lihat kod image anda (dalam kurungan merah)

4.Alamat/URL image anda.."http://4.bp.blogspot.com/_1HFKF_0eUKs/SZRNgK_tgXI/AAAAAAAAAnY/lQSWvnKH4YE/s1600-h/upinipin.jpg".Ini adalah url image anda yang telah diupload didalam hosting blogger anda.

Gunakan cara upload image ini dan applikasikan pada tutorial pasang tandatangan disetiap posting dan sewaktu dengannya.

p.s. Jangan publish post anda, klik pada save (draft).Kita akan gunakan posting ini sebagai tempat untuk upload/simpan image dan dapatkan URLnya.Tak lupa juga ,jangan delete image yang telah diupload.

Tutorial pasang loading animasi

2009-02-11T07:16:00.001-08:00

Tidak ingin menghampakan hajat x-po shop dan shaufiq maka penulis akan membuat tutorial mengenai page loading beranimasi.Sebelum menjalani tutorial ini adalah lebih baik anda review dahulu posting pasang loading bergambar.Bukan apa, agar anda lebih memahami tutorial ini dengan mudah.

Langkah pertama, pilih salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar anda dalam format gif. Kemudian upload file gambar tadi ke hosting anda (gunakan yg free seperti geocities.com atau page creator)

Langkah kedua,buka notepad anda, kemudian simpan kod dibawah ini dengan nama preloader.js (pastikan ekstention berakhiran .js, bukan .txt)

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Langkah ketiga,upload file preloader.js ke hosting anda (gunakan yg free seperti geocities.com atau page creator).

Cara Pasang diblogger

1. Login ke blog.Klik Layout-->Edit html.Kemudian cari kod ini <body>

2.Kemudian gantikan tag <body> dengan kod dibawah ini.

3.Klik preview dulu, jika tiada sebarang error muncul, klik save.

Untuk menempatkan image loading tersebut anda perlu ubah text-align:center dengan left, right, top atau bottom.

Selesai.

p.s. Peringatan!!!Lebih baik anda backup dulu template anda kerana perubahan pada tag <body>ini, melanggar kod dasar html.

Pasang Signature pada setiap posting

2009-02-08T06:50:00.001-08:00

Pernahkah anda melihat blog yang diakhir setiap postingnya ada tandatangan.Anda rasa tertarik tetapi bingung bagaimana cara untuk membuatnya.Baiklah ,penulis akan segera menghilangkan kebingungan anda itu.Tetapi sebelum itu, pergi ke dapur, ambil segelas air, baca bismillah dan bawa bertenang.Kemudian ikuti tutorial dibawah ini...

Langkah pertama: anda perlu buat tandatangannya dahulu.Boleh gunakan perisian seperti photoshop,corel draw,net paint,microsoft paint,illustrator dan sebagainya.Atau lebih senang menggunakan online software seperti cooltext.com,123pinpim.com atau mylivesignature.com.Ianya percuma.

Langkah kedua: anda perlu upload tandatangan yg telah dibuat ke hosting.Boleh gunakan image hosting percuma seperti imageshack,photobucket,flickr,tinypic dan banyak lagi.Untuk tutorial ini penulis menggunakan image hosting tinypic sebagai contoh.Login ke tinypic-->isikan butirannya-->copy kod htmlnya.Lihat gambar dibawah.

Ini contoh kod html yang telah dicopy

Anda hanya perlu kod dibawah ini saje.Copy kod tersebut.

<img src="http://i39.tinypic.com/11sjg9u.png" border="0" alt="Image and video hosting by TinyPic"> atau dengan kata lain delete kod yang berwarna merah.

Langkah ketiga: Masukkan kod html ke blogger

1.Login ke blog anda.Pilih Setting-->Formatting

2.Scroll ke bawah dan cari Post Template.Pastekan kod html tadi didalam kotak putih tersebut.

3.Klik save.

4.Kemudian pergi ke posting dan anda akan lihat tandatangan anda disitu.Posting lah seperti biasa.

Upin dan Ipin

2009-02-07T20:38:00.001-08:00

Ada sesuatu yang mengganggu ketenteraman Kampung Durian Runtuh. Penduduk kampung menyebarkan cerita tentang kewujudan suatu makhluk yang menggerunkan menjelang waktu malam, namun tiada siapa yang berani mencari kebenaran disebaliknya...

Sehinggalah Badrol dan Lim, serta rakan-rakan baru mereka terjerumus ke dalam misteri tersebut tanpa disengajakan. Seekor haiwan aneh yang tidak diketahui asalnya, menjalin persahabatan dengan Rajoo dan membawa mereka semua ke suatu pengembaraan, jauh ke dalam hutan hujan Malaysia yang penuh dengan hidupan liar, termasuk seekor ular gergasi yang mistik. Sertai mereka, dalam mengungkap misteri dan merentasi cabaran di sekitar keindahan panorama flora dan fauna Malaysia.

Itulah sipnosis cerita "Geng..Pengebaraan Bermula".Jika anak-anak atau anda sendiri peminat pada cerita animasi "Upin dan Ipin" nantikan tayangannya dipawagan pada 12/2/09 ini.Support filem kita, boikot filem

hollywood seperti mickey mouse dan seangkatan dengannya.

Penulis bukannya nak promosi filem ini,tapi sebagai tanda sokongan pada usaha 3 anak Malaysia di dalam bidang IT dan animasi.(ini pun dah kira promosi juga)

Anda boleh layari Les'Copague Production untuk melihat offical webite mereka.Terdapat juga leaning centre,blog,download, video,ringtones,thriller,wallpaper dan banyak lagi tentang Upin dan Ipin.

Pasang loading bergambar

2009-02-07T09:09:00.001-08:00

"Pasang loading bergambar" adalah icon atau gambar yang muncul apabila sebuah site/blog sedang dalam proses loading.Kiranya anda biasa bermain ps2 atau ps3 akan kelihatan teks 'loading..' sebelum anda dapat bermain console tersebut.Tips ini hanya untuk yang berminat saje..Jika berminat klik baca selanjutnya..

Anda boleh layari dua website ini.Selain itu kita dapat juga mengatur warna, ukuran animasi, kecepatan animasi dan pengaturan warna latar dengan mode transparan. Hasil akhir animasi akan tersimpan dalam format gif.Ada beberapa pilihan animasi yang bisa kita gunakan diantaranya 3D, Rectangular, Circular dan Horizontal pada Preloader dan pilihan Circle pada Ajaxload.

Apa gunanya animasi loading ini?Beberapa layanan web 2.0 yang berteknologi flash selalu menampilkan image loading ini semasa menunggu halaman sampai tampil semuanya. Pada dasarnya, status loading ini sebagai informasi bahwa aplikasi yang ditampilkan sedang berjalan atau masih dalam proses.

Jadi bagaimana dengan tutorialnya.Jika anda berminat untuk memasang diblog anda,berikan permintaan di kotak comment dibawah.Jika tiada sebarang permintaan, penulis andaikan tiada yang berminat.Demo

Marquee html code

2009-02-06T08:01:00.000-08:00

"Marquee" atau dgn kata lainnya membuat scrolling atau teks yang bergerak samada dari kiri ke kanan atau sebaliknya dan dari atas kebawah atau sebaliknya.Teks yang bergerak secara horizontal atau vertical ini boleh juga digabungkan dengan masa, warna,saiz dan kelajuan.Baiklah, jika anda berminat sila ikuti tutorial html dibawah..

Contoh 1

<marquee bgcolor="#e5f3ff">Teks bergerak dari kanan ke kiri secara default.</marquee>

Teks bergerak dari kanan ke kiri secara default.

*Disini, secara default teks bergerak dari kanan ke kiri berterusan dengan kotak background bewarna #e5f3ff.Pilih kod warna

Contoh 2

<marquee behavior="alternate" width="80%" bgcolor="#e5f3ff">Bouncing text menggunakan fungsi alternate.</marquee>

Bouncing text menggunakan fungsi alternate.

*Disini,teks bergerak secara vertical bouncing dengan kotaknya berkurangan 80%

Contoh 3

<marquee scrolldelay="150" direction="up" width="300px" height="100px" bgcolor="#e5f3ff">Teks bergerak keatas.</marquee>

Teks bergerak keatas.

*Disini,kelajuannya (scrodellay) "150".Anda boleh kurangkan lajunya dengan tinggikan nilai angka tersebut.Lebih tinggi nilai angka ,lajunya berkurangan.Jika anda ingin teksnya bergerak kebawah, tukar direction="up" dengan down.

Contoh 4

<span style="color:#F6358A; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#e5f3ff">teks bergerak dari kiri ke kanan.</marquee></span>

teks bergerak dari kiri ke kanan.

*Disini, teks bergerak dari kiri ke kanan dengan kombinasi warna merah(#F6358A).Kelajuan dikawal oleh tag scrollamount.Lebih besar nilainya,maka kelajuan akan bertambah.

Contoh 5

<span style="color:#00FF00; font-size:xx-large; font-family:fantasy; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#262626">Teks bergerak dari kanan ke kiri.</marquee></span>

Teks bergerak dari kanan ke kiri.

*Disini,warna teks hijau(#00FF00)dan font-size (xx-large).Font saiznya boleh ditukar dengan xx-small, x-small, small, smaller, xx-large, x-large, large, larger, atau dalam nilai %.

Contoh 6

<marquee bgcolor="#e5f3ff" onmouseover="this.stop()" onmouseout="this.start()">Bila mouse kena pada Teks ia akan berhenti, dan bila mouse di alihkan, teks akan bergerak semula.</marquee>

Bila mouse kena pada Teks ia akan berhenti, dan bila mouse di alihkan, teks akan bergerak semula.

*Disini, ringkas fungsinya adalah "Pause/Stop and Start a Scroll"

Pasang Kotak Alert di blog

2009-02-05T08:37:00.001-08:00

Untuk tutorial blog kali ini, penulis ingin menunjukkan cara pasang Alert Script atau Kotak Alert di blog.Jika tidak tahu apa itu alert script, lihat saja contoh dibawah.

Tutorialnya ringkas aje..

1.Cari kod ini </head>.

2.Kemudian copy script dibawah ini dan pastekan diatas kod </head> tadi

<SCRIPT language='JavaScript'>alert("Pecah kaca pecah gelas.sudah baca harap balas (komen)");</SCRIPT>

Selesai...Klik save.

p.s. Teks yang berwarna merah adalah teks yang hendak anda tuliskan, ianya perlu diubah mengikut keinginan anda. Satu script adalah untuk satu alert, jika anda ingin menambahnya,hanya perlu tambahkan script alert tersebut. Misalnya jika anda ingin memasang dua buah alert, maka scriptnya jadi seperti ini...

<SCRIPT language='JavaScript'>alert("Selamat datang ke Bloginfotips");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Semoga blog tutorial ini bermanfaat buat anda");</SCRIPT>

Pasang widget pesanan disetiap posting

2009-02-05T07:05:00.000-08:00

'Pasang widget pesanan disetiap posting' itulah tajuk yang penulis rasa sesuai untuk tutorial blog kali ini.Mungkin juga boleh dinamakan sebagai 'Tulis teks ringkas dibawah posting'.Hentam sajelah mengenai tajuknya, yang penting jika anda berminat untuk pelajarinya, ikuti tutorial ini...

1.Login ke blogger anda.

2.Klik Layout-->Edit html, dan beri tanda pada Expand Template Widget

3.Sebelum itu jangan lupa backup dulu template anda.

4.Cari dulu kod ini ]]></b:skin>

5.Kemudian copy kod dibawah ini dan pastekan/letakkan di atas kod tadi ]]></b:skin>

#kotak {
background: #fff;
width: 200px;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 10px 0px 0px 0px;
padding: 3px;
border-top: 1px solid #666666;
border-right: 1px solid #ddd;
border-left: 1px solid #666666;
border-bottom: 1px solid #ddd;
display: inline;
}
#tombol {
background: #2B74B4;
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px 0px 0px 5px;
padding: 2px;
border: 1px solid #234B69;
font-weight: bold;
}
#email{
background: #FFFFFF;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 4px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}
#submit {
background: #2B74B4;
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px;
border: 1px solid #234B69;
}

6.Anda boleh klik preview dulu, jika tiada sebarang error..terus ke langkah berikutnya.

7.Cari kod ini <p><data:post.body/> (ingat setiap template mungkin berbeza sedikit kodnya,jika template anda telah ada fungsi'Read more..' maka kodnya seperti dibawah..

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>

8.Copy kod dibawah ini dan pastekan dibawah kod <p><data:post.body/> yang berwarna merah diatas.

<div style='padding:10px;margin:10px 0px 10px 0px;background:#eee;text-align:left;border:1px solid #ddd'>
<p>Pecah kaca pecah gelas, sudah baca harap balas.</p>
</div>

Maka kod selengkapnya akan jadi sepert ini

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

<div style='padding:10px;margin:10px 0px 10px 0px;background:#eee;text-align:left;border:1px solid #ddd'>
<p>Pecah kaca pecah gelas, sudah baca harap balas.</p>

</div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>

9.Klik preview dulu, jika tiada sebarang error, anda telah berjaya menjalani tutorial ini.Klik save.

P.s. Text "Pecah kaca pecah gelas, sudah baca harap balas" boleh diubah.Anda boleh tulis text lain,masukan gambar,letak email dan sebagainya ikut kesesuaian sendiri.Demo

Cara masukan script adsense ke dalam posting

2009-02-01T07:52:00.000-08:00

Sebelum penulis berbicara dengan lebih lanjut,terlebih dahulu pohon maaf sekiranya artikel ini sudah agak basi kerana ramai penggiat adsense telah tahu caranya.Oleh itu post kali ini hanya sesuai untuk newbie yang baru nak berjinak-jinak dengan google adsense.Bagi yang tidak tahu tentang apa itu google adsense boleh klik disini atau disini

Untuk memasukkan script adsense kedalam posting memerlukan sedikit trik.Kalau dipasang script asalnya, maka iklan adsense tidak akan muncul..yang muncul kodnya sahaje.Bagaimana cara memasangnya..

1.Login ke blog anda.Pilih Layout-->Edit html.Beri tanda pada "Expand widget template"

2.Cari kod ini <data:post.body/>.Jika blog anda sudah dipasang "Readmore" atau "Baca selanjutnya", maka pastekan kod tadi dibawahnya.Tidak faham??lihat contoh dibawah.

3.Tapi sebelum itu,pastikan anda telah "delete" tanda ( ) ini didalam script adsense anda.

4.Kemudian klik review dulu dan lihat hasilnya.Puas hati, klik save.

Contoh saje...

George W. Bush Stupid Moments

2009-01-31T21:00:00.000-08:00

Hari nie tak de mood nak pelajari tutorial blog,jadi penulis round2 di Youtube.Macam-macam video boleh ditonton.Oklah buat tatapan semua subscriber Bloginfotips tontonlah

Memori-memori indah George Bush semasa menjadi president USA

Highlight script/kod V2

2009-01-30T03:35:00.001-08:00

Seperti yang pernah dibahaskan pada tutorial yang lepas, membuat fungsi kotak highlight seperti itu hanya sesuai jika ditampilkan dengan satu gaya sahaja di dalam semua posting.Bagaimana caranya jika anda ingin tampilkan gaya berbeza disetiap posting?Dengan kombinasi css+html masalah ini mudah diatasi.

Apa yang perlu anda lakukan ialah copy saje kod bewarna merah dibawah ini dan pastekan diposting dimana kotak highlightnya ingin dibuat.(teks warna biru diantara kod warna merah hanya sebagai contoh saje.)Ingat..tak perlu dicopy.

<div style="padding:7px 5px 7px 10px; border-width: 1px; border-style: dotted; border-color: #2C29FF; width:300px; background-color: #FDFFA3; ">
1.boleh tulis teks,kod,script didalamnya

2.boleh letak gambar sebagai background

3.css (coret sana sini)</div>

Hasilnya akan jadi seperti ini...

1.boleh tulis teks,kod,script didalamnya
2.boleh letak gambar sebagai background
3.css (coret sana sini)

Keterangan

1.Untuk tutorial padding,border,border style anda boleh lihat disini

2.Nilai px dan color(#ABCDEF)(color code) boleh diubah mengikut kesesuaian

3.Jika ingin jadikan gambar sebagai background.gantikan dengan URL tempat gambar anda disimpan.

Oklah..harap anda dapat memahami apa yang ingin penulis sampaikan didlm tutorial ringkas ini.Opps..sebelum terlupa...satu perkara lagi jika anda ingin kotak highlight ini berada ditengah posting, cukup hanya tambah kod margin sebelum kod padding...

Basic Blog Layout

2009-01-28T08:53:00.000-08:00

Baru sebentar tadi penulis round2 cari idea tentang blog tutorial lalu terjumpa masalah seorang teman (gadis koma) mengenai headernya.Penulis kurang pasti masalahnya samada layout headernya bermasalah atau beliau kurang pengetahuan mendesign headernya.Tetapi Marzuki dah menyelesaikan masalahnya iaitu mendesign header.Gembira tak terkira si gadis koma...

Oleh sebab masalah tersebut dah selesai jadi tak payahlah penulis bicara lagi tentang mendesign header.Cuma penulis ingin memberi sedikit info pada newbie mengenai layout template blogger..Lihat contoh dibawah

Contoh diatas diambil dari Layout template minima.Untuk lebih jelas lagi terutamanya bagi pengguna blogspot. lihat contoh dibawah...

Nah dari gambar diatas, dapat kita fahami secara dasarnya layout terbahagi kepada beberapa bahagian iaitu:-

Body : Bahagian paling utama pada blog.Ianya memenuhi halaman browser anda

Outer Wrapper : Bahagian ini adalah dasar bagi merangkumi bahagian lain iaitu main wrapper,header,sidebar dan footer.

Header : Berfungsi sebagai infomasi sesuatu blog dimana anda boleh tulis tajuk utama,description dan boleh dihiasi dengan design yang menarik.

Main Wrapper : Tempat dimana anda posting segala artikel anda disini.

Sidebar : Berfungsi sebagai tempat letak gadget/widget anda.

Footer : Boleh dikatakan fungsinya sama seperti sidebar

Nah sedikit info mengenai layout.Penulis harap info ini dapat memberi sedikit pengetahuan pada orang baru yang berjinak-jinak dengan dunia blogging

Yang dibawah ini layout template kepunyaan penulis..

Membuat link bewarna-warni

2009-01-28T08:15:00.000-08:00

Di dalam blog anda sudah tentu terdapat bermacam-macam link seperti Link Blogroll,Link Posting, Link Label dan sebagainya.Links yang berbentuk teks ini akan berubah warnanya apabila mouse anda klik di links teks tersebut.Nah bagaimana caranya jika warna links teks itu berubah menjadi pelbagai warna...tampak lebih cool blog anda jadinya.Jika menarik, ikuti tutorial simplenya...

1.Log in ke blog anda.Kemudian klik Layout-->Edit html

2.Copy script dibawah ini

3.Kemudian pastekan script tersebut di bawah kod <head>

4.Kemudian save dan lihat hasilnya.Simple bukan...

Pasang Posting Terbaru dan Comment Terbaru

2009-01-25T08:56:00.000-08:00

Memasang widget post terbaru(recent post) atau komen terbaru(recent comment) didalam platform blogger memerlukan penggunaan javascript dimana ianya akan menjadikan loading blog bertambah lambat.Oleh itu penulis menggunakan alternatif lain iaitu menggunakan alamat Feed kita sendiri.Apatah lagi platform blogger support penggunaan Feed di dalam gadgetnya..

1.Alamat post terbaru(feed post)=http://NamaBlogAnda.blogspot.com/feeds/posts/default

2.Alamat komen terbaru(feed comment)=http://NamaBlogAnda.blogspot.com/feeds/comments/default

*Tukarkan "NamaBlogAnda" dengan alamat blog anda sendiri.

contoh :1)http://bloginfotips.blogspot.com/feeds/posts/default

2)http://bloginfotips.blogspot.com/feeds/comments/default

Cara menginstall diblog... begini caranya:-

1.Login ke blog anda

2.Klik Layout-->Add a gadget-->pilih Feed. Contoh:-

3.Masukan alamat feed yang mau anda pasang (URL untuk post terbaru atau URL komentar terbaru),kemudian klik continue... Contoh :-

4.Gantikan Title dengan Post Terbaru atau Comment Terbaru, kemudian klik save.

5.Kemudian anda boleh alihkan add a gadget ini di bhg. sidebar yang bersesuaian.

6.Selesai.Lihatlah hasil anda sendiri.

Cara mempercepatkan download

2009-01-24T07:24:00.000-08:00

Mungkin anda gemar menyimpan file anda di hosting percuma seperti ziddu.com, atau sering download file di ziddu.com.Apa yang penulis perhatikan banyak iklan pop up atau yang bergambar yang tampil dihalaman mukanya.Ini akan menyebabkan proses download akan mengambil masa yang lama dan juga membosankan anda.Bagaimana caranya nak mengatasi perkara ini..??

Cara yang paling mudah ialah dengan mematikan sementara fungsi (disable)Javascript browser anda.

1. Buka browser internet anda (tutorial ini gunakan firefox browser)

2. Pergi ke menu Tools dan klik pada Option

3. Setelah muncul window option, klik pada menu content.Kemudian klik pada Enable Javascript dan Enable Java untuk hilangkan tanda "right"(deaktif).Kemudian klik ok.

4.Kemudian barulah anda pergi ke ziddu.com untuk download file, nescaya iklan bergambar dan pop up tidak akan kelihatan lagi.

5. setelah proses download selesai anda bolehlah aktifkan semula fungsi Enable Javascript dan Enable Java.

P.S. Untuk browser lain, langkahnya mungkin agak serupa.

Membuat firefox lebih laju

2009-01-19T08:03:00.000-08:00

Adakah anda pengguna browser firefox? Ada banyak cara untuk membuat firefox bekerja dengan lebih laju, mungkin anda pernah membaca berbagai tips di internet untuk membuat firefox lebih laju. Nah, sekarang saya akan memberikan satu tips untuk membuat fireox anda lebih laju iaitu dengan menginstall add-on Tweak Network. Untuk mendapatkan add-on Tweak Network caranya sangat mudah, anda boleh download di sini!

Cara penggunaannya sangat mudah. Setelah anda menginstall add-on Tweak Network silahkan ikuti langkah-langkah berikut ini :

1.Buka broswer firefox anda (rasanya dah buka krn anda sedang d/load)

2.Pergi ke menu diatas.Klik menu Tools--> Tweak Network settings.

3.Klik Tombol Power, kemudian klik tombol Apply.

4.Kemudian klik ok.Selesai.

P.S. Jika firefox anda telah sedia laju abaikan tips ini

Jadikan blog anda sebagai kedai online

2009-01-17T05:50:00.000-08:00

Memodifikasi blog menjadi sebuah kedai online (shopping chat) bukannya sesuatu perkara yang mudah.Apatah lagi jika anda pengguna blogspot dimana applikasinya bukannya open source.Jika pengguna wordpress tiada masalah kerana applikasinya sentiasa diperbaharui.Ini telah ditunjukkan oleh saudara Labenon di dalam ebook jualannya beberapa bulan yang lepas yang menggunakan platform wordpress bagi membuat kedai online(shopping chat),yang dikenali sebagai Sistem NiagaKit

Untuk memodifikasikan blogspot menjadi e-commerce pula bagaimana?Rasanya mungkin mustahil kerana script utama blogger tidak dibolehkan untuk dimodifikasi.Tetapi masih ada jalan penyelesaiannya kerana platform blogger masih support javascript based.Inilah yang telah diusahakan oleh The Wojo Group.Dengan menggabungkan fungsi javascript + paypal, maka lahirlah sebuah kedai online(SimpleCart) tanpa perlu anda tahu tentang programmer dan database.Cukup sekadar tahu dasar Html dan copy n paste.

Shopping chart ini juga mudah,simple dan support bayaran online kerana telah diintegerasikan dengan paypal.Anda boleh layari websitenya The Wojo Group dan lihat demo shopping chartnya.Silalah pelajari sendiri dan mengaplikasikannya.Saya juga dalam proses mempelajarinya.Mana tahu satu hari nanti saya ingin mempunyai kedai online sendiri.

Huruh besar di awal ayat

2009-01-14T07:46:00.000-08:00

Pernah penulis terjumpa dalam satu minisite (website jualan) dimana penulis blog tersebut suka menggunakan huruf besar di permulaan ayat.Setiap posting baru akan tampil huruf besarnya.Sudah sekian lamanya penulis mencari jawapannya, akhirnya ketemu sudah caranya...Begini

1.Pergi ke menu Layout--->Edit html dan cari kod ini post-body {

.....

}

2.Kemudian copy kod dibawah ini dan pastekan dibawah kod diatas tadi (warna merah)

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

3.Cara menggunakannya : ketika menulis diposting, tuliskan kod ini <bt></bt> pada permula ayat

contoh : <bt>P</bt>ernah penulis terjumpa dalam satu minisite....

Ok itu saja tutorial kita hari ini...jumpa lagi.

Palestine oh.. Palestine

2009-01-11T07:14:00.000-08:00

"Ya Allah!! Sebagaimana Engkau Pernah menghantar burung-burung ababil menghancurkan tentera bergajah Musyrikin, maka kami memohon kepada mu Ya Allah....... . turunkan lah bantuan mu kali ini kepada orang orang Islam di Libanon, hancurkanlah rejim zionis..amin. ...
(Lalu bacalah surah Al Fil / membayangkan kehancuran tentera Yahudi - dengan Izin Allah)

Lipat gandakan doa ini. Kirim kepada 7 orang rakan anda yang lain..

Maka 7 X 7 X 7 X 7 X 7 X 7 X 7 = 823453 orang akan berbuat berdoa,

kemudian 823453 X 7 = 5.8 juta orang...InsyaAllah akan ikut berdoa...

Menampilkan Related Post di bawah posting

2009-01-08T07:31:00.000-08:00

Related Post atau dalam bahasa malaysianya "post berkaitan" atau 'link yang berkait','artikel pada kategori yang sama' atau apa saja namanya,bertujuan memudahkan pengunjung blog mencari artikel yang berkaitan tanpa perlu mencari di halaman label yang lain.Ianya akan berada di bawah posting utama dan diatas kotak comment, contoh seperti dibawah...

1. Masuk ke dashboard blog anda.Pergi ke Layout--->Edit html.Kemudian copy kod javascript di bawah ini dan pastekan di atas kod </head>

Preview dulu blog anda.Jika tiada sebarang error, klik save.

2.Klik semula pada menu Layout--->Edit html dan tandakan pada Expand widget template.Kemudian cari kod di bawah ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Sudah jumpa kodnya.Kemudian letakkan kod berwarna merah ini diantara kod diatas tadi;lihat contoh di bawah..

<b:if cond='data:blog.pageType == "item"'>

</b:if>

</b:loop>
</b:if>

Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan.

3.Copy kod dibawah ini dulu.Kemudian pergi ke menu Layout--->Add a gadget--->klik pada html/javascript.Pastekan kod dibawah ini dan jangan lupa memberikan nama tajuk misal, "Artikel pada kategori yang sama" atau "Mungkin artikel ini yang anda cari" ->

4.Agar related postnya tampil di postingnya aje, bukannya dihalaman utama, maka anda cari kod ini..(cari kode dibawah ini, sebaiknya cari pada tajuk yang kita masukan, sebagai contoh, tadi saya memberi mana dengan "Artikel pada kategori yang sama", jika sudah ditemukan, masukan ke dua kod berwarna merah dibawah.

<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Kemudian preview dulu blog anda,jika tiada sebrang error yang muncul klik save, dan anda telah berjaya melakukannya tanpa kesilapan.

Highlight script/kod

2008-12-30T20:46:00.000-08:00

Ada cara terbaru jika anda ingin membuat kod/script anda di dalam ruangan highlight.Sebelum ini penulis hanya menggunakan ruangan tanpa warna.Jika kod/script anda berada di dalam ruangan bewarna,maka penampilannya akan nampak lebih berkesan.Baiklah ikuti tips dibawah ini...:)

1.Login ke blog anda dan pergi ke menu Layout-->Edit Html

2.Kemudian copy kod dibawah ini dan pastekan sebelum kod ]]></b:skin>

.alert { background: #F2F5A9;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Keterangan

1.Kod (#F2F5A9) adalah kod warna background didlm kotak highlight

2.Tulisan 'dotted' adalah border kotak highlight.Anda boleh tukar kepada solid,double,dashed atau sebagainya.Boleh lihat tutorialnya sebelum ini

3.Kod 1px adalah saiz border dottednya.Jika anda ingin dottednya kelihatan lebih besar, ubah kod 1px kepada 2px.Lebih besar angka,maka lebih besar saiz dotted bordernya.

4.Ini yang terpenting sekali.Anda kena tambahkan kod <p class="alert"> ini sebelum kod/script yg akan diberi highlight dan juga kod ini </p> diakhir kod/script yang akan dihighlight tadi.

Selesai

Baiklah,sekarang cuba anda bandingkan contoh dibawah menggunakan kod yang telah dihighlight dengan kod yg tidak dihighlight.Mana satu yang nampak menarik.

Kod yang tidak dihighlight

Kod yang tidak dihighlight

Kod yang dihighlight

Menampilkan Yahoo Mesengger

2008-12-29T07:30:00.000-08:00

Selamat menyambut tahun baru buat penganut Islam 1430 Hijrah.Tak lupa juga buat penganut lain dengan ucapan Selamat Tahun Baru 2009.Apakah azam kita pada tahun 2008 dah tercapai?Bagi penulis hanya 60% dah berjaya tercapai...selebihnya carry forward.

Emm..Untuk tutorial kali ini penulis ingin menunjukkan cara membuat Yahoo Mesengger di blog sendiri.Caranya sangat mudah hanya copy script nya sahaje.

1.Copy kod script di bawah ini

Ganti text yang warna merah (dino) dengan id YM kamu.
perhatikan angka "2",ganti dengan angka yang lain dan hasilnya icon gambar yang ditampilkan akan berbeza-beza.

2.Buka dashboard blog anda,pergi ke Layout--->Add a gadget--->HTML/Javascript, kemudian pastekan kod script tadi.

3.Preview dulu blognya.Jika tiada sebarabg error yang muncul, maka boleh di save blognya.

Jika status anda offline, maka akan muncul icon seperti di bawah ini..

Jika anda sedang online, maka status iconnya akan jadi seperti dibawah ini...

Mudah bukan..Semoga Panjang Umur dan Murah Rezeki.Amin

Buat Link Exchanging Code

2008-12-20T07:37:00.000-08:00

Seseorang telah menghantar emel kepada saya dan bertanya bagaimana membuat Link Exchanging Code dalam blog walaupun saya tidak punyai link exchange code dalam blog saya ini.Nak buat... tak nak...nak buat...tak nak..10x pikir...apa salahnya buat, pelajari ilmu baru.

Keterangan

Tujuan membuat Link Exchanging Code, ialah agar penulis-penulis blog dapat bertukar link atau mendapat backlink buat blog mereka.Biasanya code link nya dalam bentuk logo.Anda boleh menggunakan mana-mana reka bentuk dan perisian grafik, seperti photoshop,corel draw, paint net dan sebagainya.Bagi yang malas atau tidak punyai masa boleh menggunakan tool percuma yang terdapat di internet.Contohnya di chickletmaker.Setelah siap logonya, save di computer anda dan kemudian upload ke hosting.Kemudian copy URL address file logo tersebut.Lihat contoh URL addressnya dibawah...

http://dino.hpa.googlepages.com/bloginfotips.gif

Kemudian buat link kod untuk URL address tersebut

Ok, link kod diatas hanya sebagai contoh sahaje.Jika anda ingin membuat link kod sendiri, tukar tulisan yang berwarna merah sahaja.

Langkah seterusnya kita akan membuat textarea untuk link kod tersebut.Bagi yang tak mengerti apa itu text area, klik disini.

Lihat contoh text area di bawah ini,

Dah siap pun link kodnya di dalam text area.Jika anda rasa ingin meletakkan gambar logo anda diatas text area tersebut (agar nampak lebih berkesan), ikuti langkah dibawah ini...(copy kod dibawah),kemudian pergi ke Layout--->Add Gadget---> HTML/Javascript, pastekan kod tersebut dan save.

<h2>Link Exchange</h2>
<br/>
Copy kod dibawah dan letakkan diblog anda.

<br/>
<img src="http://dino.hpa.googlepages.com/bloginfotips.gif" border="0" alt="BlogInfoTips">
<br/><br/>
<textarea name="code" rows="4" cols="20">
<a href="http://bloginfotips.blogspot.com/" target="_blank"> <img src="http://dino.hpa.googlepages.com/bloginfotips.gif" border="0" alt="BlogInfoTips"></a>
</textarea>

Hasilnya akan jadi seperti dibawah ini..

Link Exchange

Copy kod dibawah dan letakkan diblog anda.

p.s. Jangan lupa tukar addressnya dengan address kamu sendiri

Teks Bayangan air

2008-12-15T07:08:00.000-08:00

Pada tutorial yang lepas, anda telah tahu membuat bayangan di permukaan air dengan menggunakan tools percuma iaitu wavemypic.Bayangan text/gambar nampak hidup kerana ianya menggunakan fungsi flash.Bagaimana pula jika anda ingin membuat bayangan dipermukaan air yang simple dengan menggunakan photoshop.Ikuti tutorial dibawah...

1. Buka photoshop anda, klik pada file--->new,Pilih width=400, heigh=400

2. Klik pada menu text--->horizontal type tool.Warna text sebaiknya hitam, font dan saiznya terpulang kepada anda.

3.Pergi ke menu layer.Pilih bayangan--->right klik--->pilih duplicate layer.Sekarang telah ada dua layer iaitu Bayangan copy dan bayangan.

4. Pilih layer bayangan--->right klik--->pilih resterize type

5. Pergi ke menu edit--->transform--->Flip vertical.

Kemudian tarik text tersebut ke bawah.

6. Pergi ke menu Layer--->layer style--->Gradient Overlay.Pilih setting seperti rajah dibawah.Blend mode:normal, Opacity:100, Style:linear, scale:100, Angle:-90.

akan jadi seperti dibawah

7. Pilih menu Filter--->Distort--->Ripple.Lihat setting seperti rajah dibawah.

8. Hasilnya akan jadi seperti dibawah...

p.s. Tutorial ini menggunakan photoshop cs3.

Hack website orang lain

2008-12-13T23:15:00.000-08:00

Nak jadi hackers? Tapi tahukah anda apa itu hackers.Definasinya ialah Hackers ialah orang yang boleh mengubahsuai/menceroboh sesuatu program dimana program itu tidak benarkan sama sekali.Orang lain tidak mampu buat tapi anda seorang yg tahu menceroboh program tersebut.Posting kali ini saya akan tunjukkan cara mudah bagaimana nak hack website/blog orang lain.

1. copy kod di bawah ini

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

2. Kemudian buka sebarang website/blog dan paste kod tadi di address bar dan klik enter.

3. Sekarang anda boleh porak-peranda kan website tersebut.Ubah/delete text,besar/kecilkan image...dan sebagainya.

4. Resultnya tidak kekal, tapi untuk kekalkan apa yang anda telah lakukan pada webpage orang lain, anda kena ubahsuai sedikit kodnya...nantikan pada posting yang lain

Cara membuat link download

2008-12-11T08:54:00.000-08:00

Pernah pada ketika penulis baru menceburi bidang blogging ini,terlintas difikiran bagaimana caranya membuat link download kita sendiri.Setelah mencebuti bidang blogging ini barulah penulis tahu caranya.Tidak sukar sebagaimana penulis fikirkan.Caranya begini...

<ahref="http://dino.hpa.googlepages.com/header-baru.zip">download</a>

Keterangan
1. googlepages.com adalah hosting tempat saya menyimpan file.

2. header-baru.zip adalah filenya

3. download adalah katanamanya sahaje.ubah ikut kesesuaian.

4. dan yg penting adalah kodnya <a, href, </a>, juga tanda "/" selepas .com

5.download

Apa ada dengan "MY" ?

2008-12-11T07:46:00.000-08:00

Sedang penulis melayari internet dalam keywords my signature, rupa-rupanya banyak lagi website percuma yang menggunakan keywords "MY" ini.Boleh dikatakan website percuma menyediakan service mereka setanding dengan yang berbayar.Baiklah penulis senaraikan dua daripadanya iaitu WaveMyPic dan MagMyPic.

1. WaveMyPic

2. MagMyPic

Wavemypic adalah tools untuk membuat efek gelombang di dalam air manakala Magmypic adalah tools untuk membuat front cover seperti majalah.Segera layari ke site nya dan ada pelbagai lagi kegunaan.Yang penting ianya percuma.

Free Background Collection

2008-12-11T06:30:00.000-08:00

Tak tahu caranya nak mendesign background blog atau website anda?Jangan bimbang.Di internet terdapat ramai orang yang bermurah hati menyediakan tools atau software dalam mendesign background.Anda boleh melihat directorynya dalam posting saya yg lepas disini .Ok, tanpa banyak berbicara lagi anda boleh melayari directory nya di bawah ini.

Bg Pattern

Pattern Cooler

Background Labs

Design banner dengan tools percuma

2008-12-10T07:07:00.000-08:00

Membuat banner seperti kepunyaan ku ini tidaklah rumit, tetapi jika anda tidak tahu menggunakan photoshop, maka banner seperti ini akan menjadi rumit pada fikiran anda.Tetapi janganlah risau.Di internet banyak sekali tools bagaimana membuat banner.Adakalanya percuma sahaje.Buat anda saya sarankan gunakan dua tools ini untuk mendesign banner anda iaitu Free Flash Banner Creator dan Free Banner Maker

Free Flash Banner Creator adalah banner berfungsi flash beranimasi.Tetapi sebelum itu pastikan juga pc anda ada sofware flashnya.Jika tiada, download disini Lihat contoh bannernya dibawah

Free Banner Maker pula adalah banner berbentuk statik.Ada banyak fungsi yang terdapat padanya seperti Layout,text,font,shadow,effect,border dan format.Fungsi ini akan memudahkan lagi mendesign banner anda.

Tutorial Text Area

2008-12-09T07:56:00.000-08:00

Tutorial sebelum ini ada membahaskan tentang i frame border.Apa pula kena mengena dengan text area?Apa fungsinya?i frame border hanya menampilkan laman blog / website didlm. kurungan manakala text area menampilka tulisan samada dlm bentuk kod atau ayat di dlm. kurungan.Tujuannya agar pengunjung mudah copy text di dalamnya.Kebanyakan empunya blog mempunyai text area agar senang bertukar link.

Tutorial membuat text area akan saya bagikan kepada 2 pilihan:-

Tutorial Pertama

1.Copy kod dibawah ini

<p align="center"><textarea name="code" rows="4" cols="20"> Tulis text ataupun kod yang anda inginkan di sini,maka nanti ianya akan berada didalam kurungan agar mudah dicopy</textarea></p>

Lihat contoh

Keterangan

Rows="4", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka ganti angka "2" tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Tutorial Kedua

Text area kali ini sama seperti diatas cuma ada fungsi tambahan iaitu Highlight

Copy kod dibawah ini :-

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Lihat contoh

Keterangan

1. <div align="center">Posisi tombol highlight all akan berada ditengah.Jika ingin berada dikanan tukar "right" atau dikiri "left".

2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> Kod ini bermaksud jika tombol diklik maka seluruh text di dalam akan dihighlight.

3. Value="Highlight All" kata HighlightAll adalah ayat di dalam tombol.Boleh diubah.

Tampilkan judul posting dihalaman utama

2008-12-08T18:34:00.000-08:00

Menampilkan judul( title) posting hanya dihalaman utama dapat membantu menjimatkan masa dan memudahkan pengunjung mencari tajuk posting yang sesuai.Cuba bayangkan jika pengunjung membuka judul atau kategori yang isinya ada 100 tajuk yang serupa,Hal ini akan mengambil masa yang lama untuk menemui halaman yg hendak dicari.

Untuk mengatasi masalah diatas ada baiknya kita hanya menampilkan judul posting beserta tanggal posting saja, selain mudah, tentu saja loading page kita akan 10x lebih cepat dari biasanya ketika membuka halaman label.Lihat contoh gambar dibawah:-

Bagaimana cara membuatnya?Ikuti tutorial dibawah ini...

1.Pergi ke menu Layout--->Edit html dan jangan lupa klik pada expand widget templates

2.Cari kod di bawah ini

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

kemudian cari kod ini <b:include data='post' name='post'/> ( ada dibahagian bawah )

3.Dah ketemu..kemudian gantikan kod <b:include data='post' name='post'/>dengan kod dibawah 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>

4.Kemudian klik pada preview dahulu, jika tiada sebarang error maka anda telah berjaya.Klik save template anda.Lihat hasilnya dengan pergi ke blog kamu dan klik sebarang tajuk pada label posting anda.

Pasang emoticon di ruangan komen

2008-12-07T20:06:00.000-08:00

Sempena Hari Raya Korban pada hari ini, saya mengucapkan Selamat Hari Raya Aidil Adha dan maaf zahir dan batin kepada sesiapa yang melayari blog ini.

Tutorial kali ini saya akan menunjukan cara memasang emoticon di ruangan komen anda.Widget ini hanya untuk menghiasi atau mempercantikkan lagi ruangan komen anda.Anda boleh juga rujuk tutorial lepas bagaimana pasang emoticon di ruangan post.Saya akan tunjukkan 2 jenis emoticon iaitu :-

1.Script emoticon yahoo

2.Script emoticon kucing

Bagaimana cara membuatnya...

1. Pergi ke Layout--->Edit html, kemudian tandakan pada "expand widget template"

2.Cari kod </body> kemudian copy script emoticon pilihan anda dan pastekan sebelum kod </body> tersebut.

3.Kemudian cari kod ini dibawah ini

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<aexpr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

dah jumpa...jika sudah , copy kod emoticon pilihan anda dibawah ini (kod emoticon yahoo atau kucing) dan pastekan di bawah kod <p class='comment-footer'>

Ini kod Yahoo Emoticon

Ini kod Emoticon kucing

4. Kalau sudah siap...klik pada preview dahulu (emoticonnya tidak kelihatan..jangan panik.. kerana ianya hanya boleh dilihat pada ruangan komen aje).Jika tiada sebarang error maknanya kamu telah berjaya menjalani tutorial ini.Klik save template --> view blog anda, kemudian pergi ke ruangan komen dan lihat hasilnya...

Penipuan cakra alam

2008-12-04T03:24:00.000-08:00

Sebelum ada orang buat penyiasatan

Selepas mamat korean buat kaji selidik

Tapi apa kata ustaz arief kepada wartawan 360..mazidul akmal sidik

Tool untuk semak popularity

2008-12-03T07:41:00.000-08:00

Terdapat pelbagai cara jika ingin mengetahui tahap kepopularan blog atau website anda.Salah satunya dengan menggunakan tools percuma seperti urlmetrix.Dengan mengisikan alamat URL anda, maka anda akan dapat informasi tentang posisi,ranking,index serta jumlah backlink dari beberapa directory popular seperti google page rank,alexa rank,compete rank,google index,yahoo index dan beberapa lagi.

Tools ini amat berguna untuk anda mengetahui kedudukan blog atau website anda dan sebagai salah satu cabang seo.Ianya juga amat mudah digunakan dan yang penting tidak perlu mendaftar dan percuma.Sila klik disini

Produk Resale Rights(RR) Percuma - Apa yang dimaksudkan dengan RR?

2008-11-19T06:00:00.000-08:00

Anda biasa mendengar tentang produk RR?Mungkin ramai yang biasa mendengarnya,tapi sebenarnya ramai yang keliru atau tidak paham dengan jelas berkenaan apa itu RR.

Sebenarnya terdapat 4 jenis right (hak) dalam resale (jualan semula) iaitu:

1)Personal rights - Hak jualan individu yang bermakna pembeli anda tidak boleh menjual semula produk yang telah dibeli. Kebiasaannya,untuk kegunaan diri sendiri sahaja.Biasanya, produk sebegini dijual untuk tempoh masa dan bilangan pelanggan yang terhad sahaja.

2)Resale rights- Hak menjual produk untuk memperoleh keuntungan.Pembeli mendapat hak untuk menjual semula produk yang dibeli tetapi tidak berhak menjual resale right kepada pembelinya.

3)Master resale rights- Hak untuk menjual produk dan juga hak untuk menjual resale rights kepada pembeli produk.

4)Private label rights- Hak yang sama seperti Master resale rights tetapi kelebihan PLR memberikan anda hak kebebasan untuk mengubah, menyusun atau menukar produk mengikut apa yang anda suka.Misalnya, anda boleh menukar nama pencipta produk kepada nama anda dan sebagainya.

Baiklah,ada satu berita baik untuk anda,kini anda boleh dapatkan satu pakej produk MRR secara percuma sahaja untuk membantu anda menghasilkan landing page/minisite anda dengan menarik.

Jadi,sebelum produk ini dikenakan caj untuk memilikinya,sila dapatkannya secara PERCUMA di sini:

http://offto.net/RM1/

Online signature

2008-11-12T06:04:00.000-08:00

Salam sejahtera semua,

Fuh!! lama rasanya saya tak post sebarang artikel di blog saya ini..Bukannya apa saya sekarang sedang melakukan try and error bagaimana nak jadikan blog sebagai medium jualan.Dengan kata lain sebagai minisite atau surat jualan.Anda boleh klik disini untuk melihat contohnya.Banyak lagi perkara yang perlu saya lakukan untuk menjadikan blog sebagai platform minisite.Mudah dan senang untuk semua bloggers..

Oklah cukup disitu.Kali ini ada pertanyaan dari kawan saya bagaimana nak buat tandatangan online...Saya memperuntukan 10 minit melayari internet dan...nah..terjumpa website ini Mylifesignature.Layari web ini dan ikut arahannya.Sangat mudah dan yang penting ianya percuma dan ada sistem affiliate lagi.

Jumpa lagi..

Sahabat Online

Screen capture

2008-10-22T09:09:00.000-07:00

Screen capture atau dengan kata lainnya copy gambar pada layar monitor anda.Bagaimana caranya.Penulis akan terangkan secara umum dibawah tanpa menggunakan sofware tambahan.Jika ingin menggunakan software tambahan boleh mencari di download.com dengan kata kunci 'screen capture'.Download aje yang percuma .

Secara manual, gunakan cara ini..

Buka file photoshop.
Klik menu file --- new file,
Buka halaman yang ingin anda copy,
Apabila halaman yang akan di copy sudah tampil di layar monitor, tekan tombol Ctrl serentak dengan tombol Print Screen ( Ctrl + Print Screen ) pada keyboard anda.
Buka kembali halaman photoshop anda
Tekan tombol Ctrl serentak dengan tombol V ( Ctrl + V ) pada keybord anda. Sekarang gambar yang ada di monitor tadi sudah ada di photoshop anda.
Masih pada halaman photoshop. Untuk mengubah saiz gambar tadi, klik menu Image yang ada di bagian atas dan pilih Image Size…
Untuk menyimpan gambar tadi, klik menu File >> Save for Web… >> save.
Selesai, mudah bukan

Cara ini juga boleh diadaptasikan pada microsoftword, caranya sama seperti diatas..cuma tukar photoshop dengan microsoft word.

5 Donation Widget

2008-10-22T07:32:00.000-07:00

Jika blog anda sudah mempunyai ramai pelawat dan kamu ingin agar pelawat tersebut membuat sumbangan, maka seharusnya kamu mempunyai widget donation. ( itu pun klu pelawat bermurah hati ).Dibawah ini penulis senaraikan 5 widget donation yang boleh anda gunakan.

Chipin

Widget ini sesuai untuk platform blogger,wordpress,facebook,Myspace dan juga yang lain.

Donation Button

Widget ini sesuai untuk semua blogging platform.Ianya mudah dan ringkas.Saiz widgetnya boleh diubah

Paypal Donanate widget for Wordpres

Widget ini direka buat pengguna wordpress oleh Supriyadisw.Sesuai diletak di sidebar dan terdapat ciri-ciri konfigurasi seperti paypal e-mail adress , currency , donation reference , return URL , cancelled URL dan buttons.

Buy me a beer

Widget ini juga pengguna wordpress.Tulisan beer boleh ditukar dengan air zam-zam, kopi radix atau yang sesuai.

Wordpress donation cloud

Widget yang saya suka.Selepas donate kita boleh masukkan blog links.Bukan nak menunjuk tetapi nak naikkan pagerank blog kita.Hanya untuk wp saje.

Wordpress generator

2008-10-22T03:54:00.000-07:00

Dah beberapa hari saya tidak jengok blog saya ini, bukannya apa cuma sibuk menghadiri rumah terbuka sempena hari raya ini.Rasanya tidak terlambat buat saya mengucapkan selamat hari raya dan maaf zahir batin kepada pembaca blog ini.

Sedang saya melayari blog wordpress rakan blog yang lain saya terjumpa satu site mengenai wordpress generator.

Dengan wordpress generator ini anda boleh bina theme wp anda sendiri., tidak perlu tahu tentang photoshop,illustrator,fireworks ,html atau css ( coret sana sini ).Sungguh mudah dan menanbahkan lagi ilmu pengetahuan kita tentang wp ini.Cubalah sendiri Wordpress Theme Generator ini.Sebelum terlupa wp theme generator ini support tool seperti....

the number of column
body size
sidebar location
menu layout
background item
border color
text color
link color
title post color
link mouse over color
menu header color
menu mouseover color
menu categories color
menu line color
footer color
and tag cloud settings

Border style

2008-10-13T07:16:00.000-07:00

Tutorial css tentang border telah penulis terangkan dengan jelas pada posting yang lalu.Jika belum membacanya sila klik disini.Tutorial kali ini tentang cara menulis kod border style di dlm blog anda

Border Style
contoh 1 ( dotted )
<div style="border-width: 4px; border-style: dotted; border-color: red; "> border style dotted</div>

border style dotted

contoh 2 ( dashed )
<div style="border-width: 3px; border-style: dashed; border-color: blue; "> dashed border style</div>

dashed border style,anda boleh isikan gambar atau ayat didlm nya

contoh 3 ( solid )
<div style="border-width: 2px; border-style: solid; border-color: green; "> solid border style</div>

solid border style with image

contoh 4 ( double )
<div style="border-width: 4px; border-style: double; border-color: black; "> double border style</div>

double border style

Pasang emoticons di posting

2008-10-11T17:25:00.000-07:00

Blog post kali ini penulis ingin menampilkan widget emoticons pada posting blog anda.Apa itu emoticons? Cthnya seperti ini .Ini agar postingnya kelihatan menarik dan ada seninya tersendiri.Terdapat banyak directory yang boleh anda layari untuk mencari pelbagai emoticons yang menarik.Lets go to emoticon widget tutorial

1.pergik ke www.emotions4u.com
2.pilih mana2 kategori emoticon yang tersenarai di bhg tepi
3.kemudian klik pada emoticon yg dipilih
4.copy kod yang tertera diatas, cth http://emoticons4u.com/sleep/schla24.gift
5.pergi semula ke blog kamu terus ke posting
6.Pasang dulu kod ini <img src="xxxxxx" border=0/> dimana-mana ayat didlm post kamu
7.gantikan tanda "xxxxxx" dengan kod emoticon tadi
8.Preview dulu post kamu, jika emoticonnya kelihatan baru di publish post kamu..selesai

Padamkan nombor pada label

2008-10-11T07:09:00.000-07:00

Blog tutorial kali ini penulis ingin mengajar cara paling mudah menghilangkan tanda angka yang ada dihujung label.Tanda angka ini wujud kerana post label yang anda tulis diulang beberapa kali.Caranya begini..

1.Pergi atau sign in ke blogger dashboard kamu.
2.Klik Layout---Edit html---tandakan Expand Template Widget.
3. Cari kod ini (<data:label.count/>)
4.Hapuskan / delete kod tersebut
5.Kemudian klik pada preview, jika tiada sebarang 'error' anda boleh klik pada save template.
6.Selesai...mudah kan..heh.

Import post ,comment ke wordpress

2008-10-07T08:13:00.000-07:00

Tutorial kali ini penulis ingin menunjukkan cara mudah dan ringkas bagaimana mengimport post dan komen dari blogger ke wordpress hosting kamu.Cara ini hanya untuk blog yang mempunyai hosting sendiri, bukan yang menggunakan wordpress percuma seperti wordpress.com.Mari kita mulaikannya...

1.Buat satu blog percuma lagi iaitu menggunakan wordpress.com

2.Masuk ke panel admin kamu dan pergi ke manage---import

3.Sekarang pilih Blogger dan klik pada Authorize....lihat pada rajah dibawah

4.Paparan blog anda akan disenaraikan disini, pilih blog anda dan tekan button import

5.Kemudian semua post dan komen blog anda akan diimport.Boleh lihat diruang post dan komen.

6.Jika dah selesai, klik pada butang export diatas

7.Kemudian paparan seperti dibawah akan terlihat, klik pada Download Export file, dan save file tersebut dalam pc kamu.

8.Kemudian delete semula blog wordpress.com yang baru kamu bina tadi.

9.Setelah itu pergi semula ke wordpress admin panel, pergi ke manage ---import .Upload semula file yang telah kamu save tadi.

10.Visit site kamu semula..Nah rasanya kamu telah berjaya...telah ada post dan komen dari blogger ke dalam wordpress kamu..sekian tutorial wp kali ini...

Photosop tutorial

2008-10-02T20:01:00.000-07:00

Tak lengkap rasanya jika para bloggers handal berblog tetapi tidak tahu mendesign.Blog dan design saling kait-mengait.Salah satu software design yg amat popular adalah photoshop.Sekurang-kurangnya bukanlah nak jadi pro, tetapi cukup untuk ilmu sendiri.Boleh layari directory di bawah ini...

Rasanya cukup setakat ini saje.Yang penting anda ada kemahuan untuk mempelajarinya.Jika nak lagi boleh isi diruangan komen dan saya akan cuba beri yang releven untuk anda...

Bookmark network

2008-10-01T08:54:00.000-07:00

Salah satu cara agar blog/website kita cepat terindex oleh engine pencarian seperti google, yahoo, msn, ask dan sebagainya, maka rajin-rajin lah summit artikel terbaru ke bookmarking network.Penulis hanya menyenaraikan 10 saje bookmark yang banyak digunakan oleh pengguna internet.Yang pastinya ianya percuma dan pastikan artikel anda adalah fresh isi kandunganny, bukannya di copy dari artikel orang lain....

Disamping itu disertakan juga data tentang inbound links,compete/quantcast monthly visitors(US traffic data),google page rank,alexa rank.

Blog Info Tips

Executive at etalent | Etalentsearch

Window 7 edisi

Buat bayangan dibawah kotak

Kenapa blog ini tidak lagi diupdate

Wordpress thema ala google

Tips antivirus free seumur hidup

Pamerkan adsense didalam setiap post artikel

Peel away menggunakan jQuery & CSS

Buat gambar mesra seo

Buka link komen pada windows baru

Optimise tajuk pada blogspot

Buat iklan adsense muncul lebih kerap

Cabaran seo dengan keyword "melayu boleh"

The amazing people

Peel Away Ads

Cari lagu/mp3 di google search

Buat slide show image/photo

Yahoo masengger icon

Buat trick pada google images

Font style setting

Buat background posting berlainan

Buat ringtone sendiri

Bagaimana membuat Table diblog

Buat URL blog dan tajuk post berjalan

Membuat kotak blogroll

Buat Drop Down Menu

Membuat image resaizer/popup

The world greatest business mind

Cari file di rapidshare

Buat read more sesuai dengan judul posting

Label cloud

Image Resizer

Tutorial image

Pasang Recent Comment

Pasang musik diblog

Image hosting

Tutorial pasang loading animasi

Related post tutorial

Pasang Signature pada setiap posting

Upin dan Ipin

Pasang loading bergambar

Marquee html code

Pasang Kotak Alert di blog

Pasang widget pesanan disetiap posting

Cara masukan script adsense ke dalam posting

George W. Bush Stupid Moments

Highlight script/kod V2

Basic Blog Layout

Membuat link bewarna-warni

Pasang Posting Terbaru dan Comment Terbaru

Cara mempercepatkan download

Membuat firefox lebih laju

Jadikan blog anda sebagai kedai online

Huruh besar di awal ayat

Palestine oh.. Palestine

Menampilkan Related Post di bawah posting

Highlight script/kod

Menampilkan Yahoo Mesengger

Buat Link Exchanging Code

Link Exchange

Teks Bayangan air

Hack website orang lain

Cara membuat link download

Apa ada dengan "MY" ?

Free Background Collection

Design banner dengan tools percuma

Tutorial Text Area

Tampilkan judul posting dihalaman utama

Read more v1

Pasang emoticon di ruangan komen

Penipuan cakra alam

Tool untuk semak popularity

Produk Resale Rights(RR) Percuma - Apa yang dimaksudkan dengan RR?

Online signature

Screen capture

5 Donation Widget

Wordpress generator

Border style

Pasang emoticons di posting