Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Jan 13, 2012

Blogspot Memperkenalkan Fungsi Komen Berantai


Ada teman yang mengomel penulis sudah lama tidak berkongsi tutorial baru. Ada juga yang perasan, ye?? Oklah, hari ini penulis ingin memaklumkan kepada anda satu berita baik iaitu Blogspot baru sahaja menambah sokongan threaded comments atau dalam bahasa mudahnya komen berantai di dalam sistem komennya. Contohnya, komen yang ditulis oleh Cik Azurie boleh dikomen oleh Jong-hun. Komen Jong-hun pula sekali lagi dikomen oleh Min-hwan. Seterusnya, komen Min-hwan dikomen lagi oleh Jae-jin. Sebab itulah dinamakan berantai kerana mereka mengomen di komen asal yang ditulis oleh Cik Azurie. Errr, anda faham tak??

Nov 24, 2011

Tukar Player Hitam Youtube Kepada Warna Putih


Ingat tak dulu Youtube menyediakan pelbagai jenis warna tema untuk digunakan pada video playernya?? Penulis sendiri pernah meletakkan pelbagai tema berlainan pada setiap video yang penulis paparkan. Akan tetapi, fungsi warna tema itu tidak lagi digunakan malah setiap player Youtube berwarna hitam. Kali ini, penulis ingin berkongsi dengan anda cara untuk menukar player gelap kepada cerah.

Nov 15, 2011

Tukar Ayat Asal LinkWithin


Penulis perhatikan ramai bloggers yang menggunakan widget LinkWithin. Secara asasnya perkataan yang biasa tertera ialah You may also like these stories atau Anda mungkin juga meminati. Barangkali anda mempunyai ayat yang lebih bagus untuk mengajak pembaca anda membaca topik yang lain. Justeru, hari ini, penulis akan berkongsi dengan anda cara² untuk melakukannya.

Nov 13, 2011

Halang Klik Kanan Pada Gambar


Sila klik kanan


Hari ini penulis nak kongsi dengan anda semua satu ilmu yang ringkas iaitu cara² untuk menghalang gambar anda daripada diklik kanan. Trik ini hanya berguna untuk orang yang kurang mahir mencuri gambar melalui cara lain selain klik kanan. Kalau orang yang cekap, mereka boleh mencuri gambar anda melalui pelbagai taktik lain.

Nov 12, 2011

Memasang Butang Dashboard Dan Follow Ala Tumblr


Anda ada Tumblr tak?? Jika ya, anda pasti maklum dengan butang Dashboard dan Follow yang terdapat pada templatenya. Sebenarnya, anda juga boleh memasang butang tersebut di blog anda. Caranya tersangatlah mudah.

Jun 30, 2011

Guna Google Font Dalam Blog


Sudah lama Google mengeluarkan font (tulisan) sendiri dan penulis juga menggunakannya di blog ini (mungkin sudah bertukar ke tulisan lain ketika anda membaca topik ini). Jadi, kali ini penulis ingin mengajar anda cara² untuk menggunakan font ini untuk digunakan di dalam blog anda.

Apr 17, 2011

Blog Tidak Menggunakan Akaun Gmail Akan Dipadam


Setelah sekian lama memberikan perkhidmatan berblog secara percuma, kini Google lebih tegas dengan penggunanya. Berita kurang enak yang diterima ialah akaun blogger tidak boleh lagi diakses dengan email seperti Yahoo, Hotmail dan lain². Ianya akan berkuatkuasa pada 25 Jun 2011 nanti. Buat semua pengguna Blogspot, segeralah log masuk dengan email Gmail agar anda tidak kehilangan blog anda kelak kerana semua blog yang berada di bawah email lain akan dihapuskan.

Mar 31, 2011

Blogspot Membawa 5 Perspektif Baru Paparan Blog


Paparan Snapshot

Belum pun interface dashboard baru blogspot berubah sepenuhnya, warga kerja blogger memperkenalkan pula 5 perspektif baru untuk melihat paparan blog. Mereka memasukkan elemen AJAX, HTML5 dan CSS3 untuk memberikan kepuasan yang lebih kepada penulis blog sendiri dan juga para pembacanya. Antara jenis² paparan yang boleh anda lihat ialah Flipcard, Mosaic, Sidebar, Snapshot dan Timeslide.

Mar 27, 2011

Panduan Mendaftar CIMB Online Banking


Siang tadi penulis telah ke Maybank untuk membatalkan kad kredit. Pegawai bank tersenyum sinis apabila melihat kad kredit penulis masih terlekat cantik pada surat yang mereka hantar dulu. Tergambar jelas di benak mereka bahawa penulis langsung tidak pernah mengambil peduli tentang kad kredit tersebut apatah lagi menggunakannya secara berpermaisuri bermaharajalela.

Setelah menyaksikan sendiri kad kredit penulis digunting dengan kejam, penulis beredar ke CIMB. Antara lain, tujuannya adalah untuk membuka akaun baru. Usai semua prosesnya, penulis terus mengaktifkan CIMB online banking. Akan tetapi, penulis kira ramai di antara pengguna di luar sana belum mahir cara² untuk mendaftar online banking. Mari penulis bawa anda menonton video yang akan menjelaskan secara terperinci proses pendaftaran yang cukup mudah.

Mar 17, 2011

Blogspot Memperkenalkan Langgan Melalui Email


Blogspot terus menambahbaik fungsinya apabila memperkenalkan satu lagi gadget iaitu Follow by Email. Justeru, para pembaca yang melanggan blog anda melalui email akan menerima notis tentang pos terbaru di blog anda. Tiada lagi alasan untuk mengatakan mereka terlepas cerita terbaru anda.

Mar 15, 2011

Blogspot Akan Menggunakan Interface Baru


Menerusi blog rasminya, Blogger telah mengumumkan bahawa mereka bakal membuat perubahan drastik ke atas platform Blogspot pada tahun 2011 ini. Blogspot bakal menampilkan antaramuka baru untuk Post Editor dan juga Dashboard. Ia diuar²kan lebih bersih dan moden selain menggunakan Google Web Toolkit. Perkembangan ini pastinya disambut baik oleh para bloggers yang menggunakan Blogspot kerana ia kini disenaraikan sebagai platform blogging terbesar di dunia. Tahukah anda bahawa artikel blog sudah ditulis sebanyak ½ billion dan mempunyai 400 juta pembaca aktif dari seantero dunia. Hebatkan??

Feb 20, 2011

Cara Membuat Wishlist


Okeylah, malas nak bermukadimah panjang hari ini sebab ketiadaan perasaan mood. Penulis cuma mahu mengajar tutorial yang ringkas sahaja iaitu cara membuat wishbone wishlist. Nak tahu cara membuatnya?? Teruskan bacaan anda sehingga ayat terakhir.

Dec 23, 2010

Kotak Penulis Atas Kotak Komen


Beberapa hari lalu, penulis ditanya tentang kotak penulis yang penulis paparkan di bahagian atas kotak komen di blog ini. Tahun sudah, penulis ada menerbitkan topik kotak pesanan admin atas kotak komen. Justeru, pos ini juga masih berkisar tentang intipati yang sama tetapi caranya sedikit berbeza. Seperkara lagi, kotak penulis ini lebih kemas dan menarik.

Dec 21, 2010

Memasang Sweet Title Tooltips


Topik ini sudah terperuk di dalam draft penulis sejak setahun lalu. Penulis fikir sudah menerbitkannya tetapi rupa²nya ia masih menunggu giliran. Buat anda yang ingin membuat sweet title tooltips, bolehlah rujuk pada cara² di bawah.

Dec 20, 2010

Blogspot Memperkenalkan Template Telefon Pintar


Pertumbuhan pesat teknologi telefon pintar turut menyebabkan para pembangun blog berpelantarkan Blogspot bekerja lebih keras. Mereka menyedari pada masa kini, blog² mula diakses melalui telefon pintar. Oleh kerana skrin telefon pintar terlalu kecil untuk memaparkan keseluruhan isi blog, kru Blogspot telah mengeluarkan template khusus untuk para pembaca yang mengakses blog² melalui telefon pintar.

Dec 15, 2010

Memasang Shoutbox Buka Tutup


Setelah dua hari tidak mengonlinekan diri, hari ini penulis kembali dengan tutorial baru. Untuk makluman, tutorial ini dibuat atas permintaan pelawat ini di shoutbox. Soalannya juga berkait rapat dengan shoutbox iaitu cara memasang shoutbox buka tutup di sidebar. Berapa banyak perkataan shoutbox daa...

Dec 4, 2010

Blogspot Menambah 40 Tulisan Baru


Memandangkan ramai bloggers gemar memasukkan tulisan berbeza ke dalam blog mereka, maka warga kerja Blogspot telah menambah koleksi tulisan yang boleh digunakan di dalam blog anda. Ada kira² 40 jenis tulisan baru ditawarkan dan akan ditambah lagi nanti. Anda dapat menikmati kemudahan ini melalui Blogger in Draft.

Nov 23, 2010

Kongsi Video Dari Facebook Di Blog


Kita sedia maklum ramai orang memuatnaik video ke Facebook mutakhir ini. Justeru, mungkin ada di antara video² tersebut ingin anda kongsi bersama pembaca blog anda. Akan tetapi, buat masa ini Facebook tidak menyediakan perkhidmatan embed video tersebut. Jadi, bagaimana hendak mengambilnya?? Jangan risau, penulis akan memberitahu anda cara mencurinya mengambilnya.

Oct 24, 2010

Memasang Iklan Bersaiz 125 x 125


Sesetengah blog mempunyai penaja manakala sebahagian yang lain pula gemar meletakkan laman web popular di sidebar mereka. Untuk berbuat demikian, adalah lebih elok jika anda mengkhususkan ruangan iklan di sudut tertentu blog kesayangan anda.

May 5, 2010

Kongsi Pos Dari Blog Di Blogger Buzz


Sejak Google Buzz dilancarkan pada Februari lalu, tentu ada di antara anda yang telah menggunakan perkhidmatan laman sosial itu. Tahukah anda bahawa navbar yang berada di bahagian header blog anda boleh digunakan untuk menghantar artikel dari blog ke Google Buzz??

Apr 12, 2010

Paparan Blog Di Facebook


Penulis yakin ramai di antara bloggers yang mendaftar di Facebook. Umum mengetahui buat masa kini Facebook menjadi medium utama para pengguna untuk berinteraksi antara satu sama lain. Justeru, apa kata kita mengambil peluang untuk memaksimakan penggunaan Facebook dengan memaparkan topik² menarik di blog di Facebook pula. Nak tahu cara²nya?

Mar 11, 2010

Tiga Kolum Di Ruangan Atas


Ada yang bertanya di Twitter penulis cara² untuk meletakkan tiga kolum di ruangan atas. Dahulu, penulis pernah berkongsi panduan untuk memasang tiga kolum di ruangan bawah. Jangan buang masa, mari kita mulakan.

Mar 8, 2010

Memasang Caption Pada Gambar


Warga kerja Blogspot menambahbaik lagi beberapa fungsinya agar pengguna semakin seronok menulis blog. Anda perlu masuk ke Blogger in Draft untuk menggunakan perkhidmatan ini. Antara fungsi terbaru ialah penambahan caption pada gambar.

Feb 24, 2010

Memasang Butang Google Buzz


Baru² ini Google telah meluncurkan Goole Buzz kepada umum. Justeru, mungkin ada di antara kita yang ingin memasukkan butang Google Buzz ke dalam blog masing² untuk berkongsi topik menarik bersama rakan² yang lain di rangkaian sosial itu. Jangan buang masa, mari kita mulakan.

Feb 18, 2010

Dropcaps Ditambah Kotak


Sudah agak lama penulis tidak menulis tentang tutorial blog. Kali ini tergerak di hati untuk berkongsi cara menulis huruf besar di awal topik atau lebih dikenali sebagai dropcaps yang mempunyai kotak. Kalau anda sudah menggunakan dropcaps lama, gantikan sahaja yang itu dengan yang ini.

Jan 29, 2010

Blogspot Memperkenalkan Simpanan Widget


Berita baik untuk semua pengguna blogspot. Selama ini ramai orang mengeluh apabila menukar template kerana widget² yang telah dipasang akan dipadamkan sehinggalah cara untuk mengatasinya ditemui di topik tukar template baru tanpa kehilangan widget. Akan tetapi blogspot telah mengemaskini fungsinya dengan memasukkan menu keep widgets bersebelahan delete widgets.

Jan 22, 2010

Blogspot Memperkenalkan Mukasurat Statik


Akhirnya blogspot memberi khabar gembira kepada semua penggunanya apabila menambah fungsi halaman mukasurat (pages) ke dalam menunya. Ini adalah antara menu yang ditunggu² oleh semua pengguna blogspot. Sebelum ini penulis membuat mukasurat dalam blog dengan menggunakan topik sahaja. Untuk mencuba menu terbaru ini, anda perlu masuk ke Blogger in Draft.

Jan 12, 2010

Nyah Kod Dengan Postable


Januari tahun lalu, penulis ada menulis tentang masukkan kod ke dalam blog dan telah diberi laman sesawang untuk menukar kod dari decode kepada encode. Kali ini penulis ingin memperkenalkan satu lagi laman sesawang yang boleh menyahkod html untuk ditampal di dalam topik blog.

Jan 8, 2010

Memasang Permainan Reflext Tester


Tahun lepas penulis ditanya tentang permainan menguji respon terhadap warna yang diletakkan di blog ini. Permainan ini agak menarik kerana mata dan jari perlu bekerjasama untuk memberi respon terhadap warna. Antara lain ia memerlukan anda bertindak pantas apabila melihat kotak yang kosong bertukar warna. Jika lambat, anda akan mendapat mesej yang boleh menyakitkan hati.

Jan 4, 2010

Membuat Baca Selanjutnya Versi Blogspot


Dahulu penulis ada memberitahu bahawa blogspot telah memperkenalkan baca selanjutnya yang lebih mudah digunakan tanpa memasukkan kod yang rumit. Akan tetapi, ramai bloggers tidak dapat menggunakannya kerana mereka memakai template yang telah diubahsuai dan bukannya template asal dari blogspot. Justeru, mari kita cari jalan penyelesaian untuk masalah itu kerana penulis sudah pun memasang baca selanjutnya versi blogspot untuk blog ini.

Dec 18, 2009

Memasang Google Translate


Anda mempunyai blog yang berinfomasi?? Seharusnya blog anda dikunjungi oleh pelbagai bangsa dari berlainan negara agar ilmu yang bermanfaat dapat dikongsi bersama. Sayang sekali jika ianya terbiar begitu sahaja dek kerana bahasa yang menjadi penghalang. Nah, inilah masanya untuk anda memasang terjemahan dari Google agar isi kandungan blog anda dapat diterjemahkan ke bahasa asing.

Dec 15, 2009

Memasang Back To Top


Ada sesetengah blog yang memaparkan terlalu banyak topik dalam satu masa. Ia membuatkan blog itu menjadi terlalu panjang untuk diskrol dari atas ke bawah dan sebaliknya. Keadaan akan menjadi lebih buruk jika setiap topik juga melebihi 300 patah perkataan tanpa penggunaan baca selanjutnya. Justeru, penggunaan back to top atau lebih dikenali sebagai kembali ke atas akan memudahkan pelawat melihat semula bahagian atas blog anda.

Dec 12, 2009

Tukarkan Ayat Post A Comment


Anda bosan dengan ayat Post a Comment yang sekian lama terpampang di blog anda?? Ingin sekali anda mengubah ayat itu dengan ayat yang lebih anda gemari seperti Katakan Sesuatu, Engkau Tanya, Aku Jawab atau lain². Selain itu, boleh pula diselitkan gambar sebagai penyeri agar tidak kelihatan terlalu kosong.

Dec 10, 2009

Buang Ayat Showing Posts With Label


Apabila anda mencari kesemua topik dengan menekan label tertentu pada bahagian kategori, satu kotak Showing posts with label akan terpapar. Kalau anda tidak suka akan kotak itu, anda boleh membuangnya tetapi kalau hendak membiarkannya pun tidak mengapa.

Dec 9, 2009

Tukar Template Baru Tanpa Kehilangan Widget


Topik ini ditulis khusus untuk fitrahufiddin. Setiap kali anda mahu menukar template baru, anda akan kehilangan widget² yang telah anda buat sebelum ini. Justeru, kali ini penulis berkongsi cara untuk menghalang widget hilang setiap kali template ditukar. Sila baca dengan teliti atau berulangkali agar anda lebih mudah faham.


Penulis sarankan anda membuat satu blog baru bagi tujuan percubaan. Di blog baru anda, letakkan semua widget² sama seperti blog asal. Sekarang kita akan memulakan pembelajaran seterusnya.

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari <b:section class='sidebar' id='sidebar' preferred='yes'> dan salin (copy) semua widget² yang berada di sidebar itu. Jika anda meletakkan widget² di bahagian lain sama ada header, main blog atau footer, salin semua sekali. Selalunya widget ditulis seperti <b:widget id='Followers1' locked='false' title='Fellows' type='Followers'/>. Untuk memudahkan pencarian anda, perhatikan title pada setiap widget. Contohnya title='Fellows' membawa maksud nama yang anda tulis bagi widget Followers.

5. Tampal (paste) kesemua widget² tadi ke dalam Notepad.

6. Seterusnya browse template baru dan upload macam biasa. Akan keluar nota seperti berikut :-

Widgets are about to be deleted. Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.

Biarkan sahaja, jangan berbuat apa². Abaikan butang Confirm and Save.

7. Selanjutnya cari semula <b:section class='sidebar' id='sidebar' preferred='yes'> dan tampal widget² yang telah anda letakkan di Notepad tadi.

8. Sekarang Save Template. Jika template tidak dapat disimpan kerana berlakunya persamaan id pada HTML seperti HTML1 ada dua, maka tukarkan ia kepada HTML11. Anda cuma perlu pastikan tiada id yang sama pada setiap id HTML.

Selepas anda berpuashati dengan hasil yang anda lakukan di blog percubaan, anda bolehlah mempraktikkannya pula di blog sebenar. Paling penting, sentiasa Download Full Template sebagai langkah waspada seandainya anda tersilap mengedit blog. Baca dan fahamkan dahulu sebelum anda mengubah template.

Selamat mencuba. Anda pasti berjaya. Jika penulis boleh membuatnya, mengapa tidak anda??

Via : Muncet

Dec 8, 2009

Tukarkan Tajuk Blog Kepada Tajuk Topik


Biasanya browser akan memaparkan tajuk blog terlebih dahulu sebelum tajuk topik bagi sesebuah blog. Apa kata anda menukarkan kedudukan antara kedua²nya agar tajuk topik terpapar dahulu barulah diikuti dengan tajuk blog. Lagipun cara membuatnya tersangatlah mudah.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari <title><data:blog.pagetitle/></title> dan tukarkannya dengan kod di bawah.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

5. Save template.

Siap. Selamat mencuba.

Via : Anshuldudeja

Dec 7, 2009

Memasang Cursor Pilihan Dalam Blog


Penulis pernah ditanya cara² untuk memasang cursor di dalam blog. Pembaca tersebut menanyakan soalan di shoutbox tetapi penulis sudah lupa siapakan gerangan nickname tersebut. Jadi, hari ini penulis tunaikan permintaannya. Penulis berharap pembaca tersebut membaca topik ini. Harus diingat, cursor sebegini hanya kelihatan pada browser tertentu sahaja seumpama Firefox.


Mula² sekali anda perlu mencari cursor yang sesuai dengan citarasa anda. Penulis akan menggunakan cursor kegemaran penulis untuk tutorial kali ini.

1. Masuk ke laman sesawang 123cursor. Pilih satu cursor dan klik kanan pada cursor tersebut dengan memilih copy image location save image as. Kemudian hoskan cursor tersebut di hosting anda sendiri.

2. Login ke Blogspot.

3. Pilih Layout - Edit HTML.

4. Download Full Template sebelum mengedit blog.

5. Cari ]]></b:skin> dan tampal kod cursor tadi di atasnya.

body { cursor:url("http://www.web.com/cursor.gif"),default;}
Tukarkan alamat http://www.web.com/cursor.gif dengan alamat cursor anda sendiri.

6. Save template.

Itu sahaja. Selamat berjaya.

Via : MariBinaBlog

Dec 5, 2009

Buang Ayat Subscribe To Posts


Mari kita godek kod blog lagi. Ada sesetengah orang tidak suka dengan ayat Subscribe to: Posts (Atom). Ada sesetengah yang lain pula telah meletakkan pautan Subscribe yang lebih menarik di blog masing², jadi ayat itu sudah tidak penting lagi. Ayuh, kita buang sahaja ayat tersebut.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari kod di bawah dan buangkannya.

<b:include name='feedLinks'/>
5. Preview dan save template jika berpuashati.

Itu sahaja. Selamat mencuba.

Dec 4, 2009

Sembunyikan Navbar Blog


Dua tahun lalu, penulis membuat topik tentang hilangkan navbar blog. Jika anda menggunakan kod tersebut di dalam blog, navbar tersebut tidak akan muncul sama sekali. Akan tetapi kod navbar yang ingin penulis kongsikan hari ini berlainan sedikit. Navbar tersebut tersembunyi dan hanya muncul bila cursor dihalakan ke arahnya.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari ]]></b:skin> dan letakkan kod ini di atasnya.

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}

5. Save template.

Siap. Itu sahaja.

Via : Allblogtools

Dec 1, 2009

Blogspot Memperkenalkan Takrifan Terjemahan


Satu lagi penambahan fungsi yang hebat dimasukkan ke dalam Blogspot. Kali ini ia menambah Define / Translate untuk mencambahkan lagi keseronokkan berblog. Anda boleh melihat fungsi ini jika menggunakan Blogger In Draft.



Gunakan mod Compose, ikon ini terletak paling hujung. Anda cuma perlu highlight perkataan yang ingin ditukarkan maksudnya dan klik pada ikon tersebut. Ia terbahagi kepada dua tab iaitu Define dan Translate. Define maksudnya lebih kurang dengan mencari takrifan untuk sesuatu perkataan lain. Ia juga berkait rapat dengan perkataan sinonim. Translate pula bermakna terjemahan untuk perkataan yang kita cari.

Selain menulis bahasa Melayu atau Bahasa Inggeris, apa salahnya anda selitkan pula ayat berbahasa Itali, Filipina dan sebagainya. Rakan² anda pasti akan bangga kerana menyangka anda fasih berbahasa asing.

Blogspot, ti amo. ♥

Via : Blogger in Draft

Nov 25, 2009

Jam Berserta Tarikh


Sudah agak lama juga penulis tidak memberikan widget jam sebagai aksesori tambahan kepada para pengunjung blog ini. Hari ini penulis ingin berkongsi widget jam yang agak biasa tetapi sesuai untuk digunakan oleh bloggers yang sukakan kesederhanaan di dalam menghias blog.


Okey, seperti biasa masukkan kod jam ini ke dalam blog anda.

1. Login ke Blogspot.

2. Pilih Layout - Page Elements.

3. Pilih Add a Gadjet - HTML / Javascript.

4. Kemudian, tampal kod ini ke dalamnya.

<div style="BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: medium none; PADDING-TOP: 5px; BORDER-BOTTOM: medium none" align="center"><form name="clock"><input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" size="8" value="hh:mm:ss" name="face"> </form><script src="http://kunoichi.info/bloggerbuster_templates/time.js"></script></div>
5. Save.

Siap. Selamat mencuba.

Nov 15, 2009

Cara Menggunakan Tulisan

Impact
Forte
Algerian
Kristen ITC
Monotype Corsiva


Kali ini penulis mahu berkongsi cara untuk menggunakan tulisan tertentu di dalam blog. Caranya mudah saja. Anda cuma perlu mengikuti arahan di bawah untuk melakukannya. Anda boleh melihat contoh² tulisan yang telah penulis sediakan.


Salin kod di bawah dan tampal di tab Edit HTML New Post anda.

<span style=";font-family:Monotype Corsiva; font-size:20px;" >Monotype Corsiva</span>
font-family:Monotype Corsiva = jenis tulisan
font-size:20px = saiz tulisan

Caranya sangat mudah. Penulis berharap anda dapat melakukannya. Selamat mencuba.

Nov 14, 2009

Memasang Mesej Twitter


Atas permintaan Midi di Shoutbox, penulis akan berkongsi cara² untuk memasukkan widget Twitter ke dalam blog. Jika ada pembaca lain yang belum tahu caranya, bolehlah belajar bersama². Jom kita mulakan.


1. Login ke akaun Twitter.

2. Pilih Settings - Account. Klik pada Have a homepage or a blog? Put the address here.(You can also add Twitter to your site here) di bawah perkataan More info URL.

3. Di Select Your Widget pilih My Website - Profile Widget. Ada empat tab di bahagian ini iaitu Settings, Preferences, Appearance dan Dimensions. Anda boleh mengedit kesemuanya mengikut citarasa sendiri. Setiap kali selesai mengedit, tekan Test Settings. Setelah berpuashati dengan hasilnya, klik pula Finish & Grab Code. Salin kod tersebut.

4. Login ke Blogspot.

5. Pilih Layout - Page Elements.

6. Pilih Add a Gadjet - HTML / Javascript.

7. Kemudian, tampal kod tadi ke dalamnya.

Contoh kod :-

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('eriyza').start();
</script>

8. Save.

Siap. Selamat mencuba.

Oct 31, 2009

Yahoo Messenger Status Generator


Julai tahun lepas, penulis ada menulis tentang topik Yahoo Messenger Online Status II yang menawarkan banyak ikon² yang comel untuk anda gunakan di blog. Kali ini penulis berbesar hati untuk berkongsi generator khusus untuk Yahoo Messenger.


Anda masuk ke laman sesawang YMGen. Isikan ID YM anda di kotak yang disediakan, kemudian klik pada ikon yang anda mahu. Selepas itu anda akan diberi kod untuk ditampal di blog seperti contoh di bawah :-


Selamat memasukkan status Yahoo Messenger ke dalam blog masing².

Oct 28, 2009

Memasang Blogger Login Form


Jika Wordpress memudahkan penggunanya dengan membenarkan mereka login ke dashboard masing² terus dari blog, kini pengguna Blogspot juga berpeluang menikmati kemudahan seumpama itu dengan memasang widget blogger login form ke dalam blog.


1. Login ke Blogspot.

2. Pilih Layout - Page Elements.

3. Pilih Add a Gadjet - HTML / Javascript.

4. Kemudian, salin kod di bawah ini ke dalamnya.

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>
5. Save.

Untuk memastikan widget di atas dapat digunakan, keluar (logout) dari dashboard anda dan cuba masuk (login) semula ke akaun blog menerusi login form yang terdapat di blog anda. Selamat mencuba.

Via : MrPiratz

Oct 16, 2009

Paparan Tarikh Pada Topik Sama Hari


Kerapkali berlaku apabila anda membuat lebih dari satu topik di dalam satu hari yang sama, hari dan tarikh untuk topik yang terdahulu tidak ditunjukkan. Sedikit sebanyak ia mencacatkan pemandangan blog anda yang sememangnya menarik. Kali ini, kita belajar untuk membuatkan hari dan tarikh pada topik yang diterbitkan pada hari yang sama terpapar semua sekali.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari kod ini.

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

5. Gantikan kod tersebut dengan kod ini pula.

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

6. Preview dan Save template jika berpuashati.

Nah, sekarang kesemua topik yang anda tulis sudah mempunyai semua hari dan tarikh walaupun ditulis pada hari yang sama. Cubalah.

Via : Blogspot Tutorial

Oct 14, 2009

Alihkan Blog Lama Ke Blog Baru Secara Automatik


Anda membuat blog baru sama ada di Wordpress atau Blogspot juga tetapi anda tidak mahu kehilangan pengunjung setia anda yang sering menaikkan trafik blog. Anda boleh menguar²kan tentang kewujudan blog baru anda dan di dalam masa yang sama tidak perlu menghapuskan blog lama. Anda cuma perlu bertindak cerdik dengan mengalihkan pautan blog lama ke blog baru.


Cara²nya juga cukup mudah.

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari <head> dan dan letakkan kod ini di bawahnya.

<meta content='0;url=http://eriyza.aeropama.com' http-equiv='refresh'/>
Tukarkan tulisan berwarna merah dengan kesesuaian anda sendiri. Ia bererti masa di dalam kiraan saat untuk mengalihkan blog lama ke blog baru secara automatik. Anda digalakkan memilih di antara skala 0 (cepat) - 5 (lambat). Manakala tukarkan alamat blog yang berwarna ungu dengan alamat blog anda sendiri.

5. Preview dan save template jika berpuashati.

Selamat mencuba.

Via : The Tricks

Oct 3, 2009

Masukkan Lagu Ke Dalam Blog


Soalan ini sudah lama diajukan oleh My Mummy's Dobi dan REZUAN+FAIZA NOR = NUR UMAIRAH di bahagian komen topik muatturun lagu dari imeem. Penulis hampir terlupa untuk menunaikan permintaan mereka yang ingin mengetahui cara² untuk meletakkan lagu di blog. Kali ini penulis akan menggunakan lagu dari 4Shared kerana laman ini menyediakan kemudahan untuk mengambil kod lagu dan boleh juga dimuatturun.



1. Masuk ke laman sesawang 4Shared. Cari lagu yang anda kehendaki. Klik pada lagu tersebut. Di bahagian Share, pilih kod yang berada di dalam kotak Embed. Salin semua kod tersebut.

Contoh kod :-

<embed src="http://www.4shared.com/embed/25262980/ee6e8708" allowfullscreen="true" allowscriptaccess="always" height="250" width="450"></embed>
Jika anda tidak mahu saiz kotak lagu tersebut terlalu besar, anda perlu mengubah kod yang berwarna merah iaitu height 250 kepada 20 dan width 450 kepada 250.

Hasilnya :-


2. Seterusnya, tampal kod tersebut di dalam tab Edit HTML di dalam New Post anda.

3. Preview dan publish post jika berpuashati.

Itu sahaja. Ianya mudah dan ringkas.

Sep 26, 2009

Cara Buat Highlight Teks Versi 2

Tutorial highlight teks ini disediakan oleh Eriyza.

Blog ini menggunakan platform Blogspot sepenuhnya.

Akses ke blog ini melalui alamat http://eriyza.via.my


Dahulu penulis pernah berkongsi cara untuk membuat highlight teks. Akan tetapi tutorial tersebut memerlukan anda meletakkan kod ke dalam layout. Tutorial kali ini lebih mudah kerana kodnya dimasukkan terus ke dalam topik. Jadi, anda patut mencuba highlight teks ini.


Masukkan sahaja kod di bawah ke dalam New Post anda.

<span style="background-color: rgb(255, 255, 0);">highlight teks</span>
Contoh :-

Tutorial <span style="background-color: rgb(255, 255, 0);">highlight teks</span> ini disediakan oleh Eriyza.
Tulisan berwarna biru merupakan teks biasa manakala warna ungu pula merujuk kepada teks yang ingin anda highlight. Warna merah pula adalah kod rgb yang akan menentukan warna highlight tersebut. Anda boleh memilih kod rgb di The Other RGB Color Chart.

Selamat mencuba. Semoga berjaya.

Via : Tricks for New Bloggers

Sep 23, 2009

Cara Membuat Popup Window

Contoh 1
Klik sini untuk melihat teman lelaki Eriyza


Contoh 2
Klik sini untuk melihat laman blog Eriyza

Puasa sudah, beraya pun sudah, kini Eriyza kembali lagi meneruskan perkongsian ilmu di blog ini. Kali ini tutorial khusus untuk Daus yang ingin mengetahui cara² untuk membikin pop-up window. Justeru, penulis telah memberikan dua contoh di atas sebagai panduan asas.


Contoh 1

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjgUSBfgkVUpjItv_oEIlXryM7c0IwKu46QN87pyu83ROnDzm4xPWXRJDPBeXzWdKfOW4G8bCaAZ-Ue9vsRylTN21amSXoaX1sYd6PI6ksuqSH2Hk0tshYv3TYZevpD_L2a7sX/s320/mike-44.jpg" onclick="window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjgUSBfgkVUpjItv_oEIlXryM7c0IwKu46QN87pyu83ROnDzm4xPWXRJDPBeXzWdKfOW4G8bCaAZ-Ue9vsRylTN21amSXoaX1sYd6PI6ksuqSH2Hk0tshYv3TYZevpD_L2a7sX/s320/mike-44.jpg','popup','width=300,height=280,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Klik sini untuk melihat teman lelaki Eriyza</a>
Penulis menggunakan gambar sebagai contoh 1. Tulisan berwarna biru adalah alamat gambar yang ingin digunakan, warna merah pula adalah saiz lebar (width) dan tinggi (height) gambar tersebut manakala warna ungu pula melambangkan penerangan kepada gambar tersebut.

Contoh 2

<a href="http://eriyza.aeropama.com/" onclick="window.open('http://eriyza.aeropama.com/','popup','width=500,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Klik sini untuk melihat laman blog Eriyza</a>
Contoh 2 pula penulis menggunakan laman blog. Setiap warna biru, merah dan ungu, caranya lebih kurang sama dengan contoh 1 tadi. Cuma warna hijau sahaja yang membuatkannya sedikit berbeza. Penulis meletakkan 'yes' pada 'scrollbars' bermaksud penulis mahukan skrolbar pada window tersebut boleh digerakkan. Manakala fungsi² yang lain penulis sembunyikan dengan tanda 'no'. Anda boleh menukarnya sendiri sama ada mahu dihidupkan (yes) atau dimatikan (no).

Mudah sahajakan?? Selepas ini, anda bolehlah mencuba membuat pop-up window ini. Sila komen selepas anda membuatnya.

Sep 14, 2009

Membuat Tajuk Blog Bergerak


Mungkin anda biasa melihat blog kawan² anda yang mempunyai tajuk yang bergerak di title bar. Bahkan tajuknya turut bergerak di taskbar dan juga tab browser anda. Adakah anda juga ingin menghasilkan tajuk blog bergerak untuk blog anda sendiri??


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari <title><data:blog.pageTitle/></title> dan gantikan dengan kod di bawah ini.

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

<script language='JavaScript'>
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>

5. Preview dan Save template jika berpuashati.

Anda boleh menukar tulisan berwarna merah mengikut kesesuaian kelajuan yang anda ingini. Gunakan nilai yang lebih kecil untuk melajukan pergerakannya manakala gunakan nilai yang besar untuk memperlahankan pergerakannnya.

Selamat mencuba. Semoga berjaya.

Via : Muhamad Haidirali