Untuk menggunakan Google +1 Button Bookmarklet ni, korang hanya perlu bookmark link kat bawah ni atau drag and drop ke bahagian ‘Bookmarks Toolbar’ di browser yang korang guna. Lepas dah letak di Bookmarks Toolbar, bila korang singgah mana-mana blog yang takde Button Google +1, korang klik je shortcut Google +1 Bookmarklet yang ada di Bookmarks Toolbar tu untuk bantu pemilik blog ‘recommend’ content blog dia.

GOOGLE +1

 
Bila korang klik bookmarklet ni, nanti akan muncul 1 kotak kecil yang mengandungi button Google +1. Kedudukannya adalah di bahagian atas sebelah kanan dalam page yang korang berada ketika tu. Bila dah keluar kotak kecil dengan button Google +1 tu, bolehlah klik pada button tu sebagai balasan (terima kasih) atas kesudian blogger tu berkongsi info dengan pembaca.

Ada sesetengah blogger masih tak berapa pandai nak pasang button Google +1 kat blog diorang. So, dengan adanya Google +1 Button Bookmarklet ni, sedikit sebanyak kita dapat bantu diorang dan blog kepunyaannya.

[ Credit: noscope.com ]

Google Plus One Bookmarklet adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Google secara rasminya telah melancarkan Google +1 Button untuk semua blogger dan webmaster. Sekarang ni butang Google +1 dah boleh dipasang di dalam blog atau website kita untuk memudahkan perkongsian content blog.

Seperti yang telah diberitahu oleh pihak Google, dengan butang Google +1 ni kita boleh dapatkan trafik organik yang lebih banyak dan berkualiti melalui ‘Google Search’. Sekiranya ramai pembaca blog kita ‘recommend’ entri blog kita melalui butang Google +1 ni, kesannya ia akan memberi lebih potensi kepada entri blog kita untuk tersenarai di dalam Google Search Engine Result Pages (SERP).

Blog Anarm.Net ni menggunakan WordPress dan juga plugin Sharebar yang ‘float’ di sebelah kiri pada setiap post untuk memudahkan para pembaca kongsi apa yang dibaca kat blog ni. Butang Google +1 yang ada di blog ni juga dipasang di plugin Sharebar. Bagi blogger WordPress yang menggunakan plugin Sharebar, di sini aku nak share cara pasang button Google +1 di plugin Sharebar.

Cara Pasang Button Google +1 di Plugin Sharebar

1. Login ke dashboard blog WordPress korang dan pergi ke bahagian setting Sharebar. Kat situ terdapat beberapa fungsi ‘perkongsian’ yang sedia ada seperti Twitter, Digg, Facebook Share dan lain-lain.
    
2. Klik pada butang ‘Add New Button‘ untuk tambah button Google +1. Code untuk button Google +1 boleh dapatkan di www.google.com/webmasters/+1/button/
    
3. Pada kotak kosong untuk ‘Big Button’, gunakan code Button Google +1 yang bersaiz Tall (60px) manakala untuk ‘Small Button’ pula gunakan code saiz Medium ataupun Standard. Untuk blog ni, aku gunakan saiz Medium.


Setting Button Google +1 di Sharebar Plugin

4. Klik butang ‘Add Button’ untuk masukkan fungsi button Google +1 di plugin Sharebar. Pastikan korang dah aktifkan fungsi Google +1 tu untuk tampilkannya di Sharebar dalam blog korang.
    
5. Langkah terakhir adalah masukkan code javascript yang disediakan untuk Button Google +1 tu di bahagian ‘head’ atau sebelum tag </body>.
    

Selesai buat kesemua step kat atas tadi, fungsi Button Google +1 akan kelihatan di Sharebar blog korang. Lepas tu boleh la minta tolong pembaca semua untuk klik button Google +1 tu setiap kali selesai baca entri yang korang tulis kat blog.

Terima kasih kepada @denaihati di atas perkongsian info tentang “Button Google +1” di blog beliau. Kalau ikut cara beliau, korang boleh gunakan Plugin Google +1 di blog WordPress korang. Bagi yang pandai ilmu pembangunan laman web, korang boleh masukkan fungsi Button Google +1 ni secara manual. Untuk pengguna Blogspot pula, korang boleh follow tutorial di BloggerSentral.

Jangan lupa klik Button Google +1 yang ada kat blog ni ye. Terima kasih. :)

(Kredit: Techonia.com)

Pasang Button Google +1 di Plugin Sharebar adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Mungkin ramai yang dah tahu tentang versi Windows 8 yang bakal dilancarkan oleh pihak Micro$oft, yang tampil dengan fungsi-fungsi baru. Di laman-laman t0rrent, versi Windows 8 dah pon boleh dimuat turun (tak pasti betul ke tak) dan beberapa screenshot berkait dengan Windows 8 dah banyak tersebar di internet. Wallpaper Windows 8 juga nampak macam menarik.

Melalui beberapa maklumat tentang Windows 8 yang tersebar di internet, Windows 8 skin pack telah dibina oleh beberapa pihak di mana ianya dikatakan mengandungi fungsi-fungsi sama seperti yang terdapat pada Windows 8. Ianya dibina dengan visual styles seperti yang ditunjukkan melalui screenshot yang bocor di internet dan beberapa aplikasi third party untuk membolehkan pengguna merasa sendiri fungsi yang terdapat pada Windows 8. Bagi sesiapa yang rasa nak tukar Windows 7 kepada Windows 8, bolehlah cuba ‘8 Skin Pack for 7‘.

Cara Install 8 Skin Pack for 7

Sebelum skin pack ni dipasang, korang akan diberi pilihan untuk install ‘UXTheme Patch’ dan beberapa komponen tambahan seperti wallpaper, visual styles, aplikasi third party dan lain-lain. Korang boleh pilih sama ada nak pasang kesemuanya atau hanya sesetengah komponen sahaja sebelum meneruskan proses install. Korang hanya perlu expand pilihan yang disediakan dengan menekan tanda + dan unselect komponen-komponen yang korang taknak. Kemudian, tekan butang ‘Install’ untuk memulakan proses pemasangan.

Install Windows 8 Skin Pack for Windows 7

Proses pemasangan akan dijalankan di mana ianya akan memasang komponen-komponen yang dipilih ke dalam sistem operasi Windows 7 korang. Setelah proses pemasangan selesai, reboot atau restart komputer untuk lihat perubahan yang berlaku ke atas Windows 7 korang tu.

Proses pemasangan 8 Skin Pack for 7 selesai. Reboot.

Lepas sistem komputer korang selesai reboot, korang akan nampak paparan Windows 8 dengan aplikasi third party seperti Aura dan Taskbar User Tile.

Paparan Windows 8 baru (transformation pack)

Info Tentang Windows 8 Skin Pack

Support:

• Windows 7 SP1
• x86 (32Bit) dan x64 (64Bit)
• Best Work in x86 (32Bit)
• All Language Versions

Programs:

• Resource Hacker
• Universal Theme Patcher 1.5.0.22 oleh deepxw
• Moveex 1.0.1 oleh Frank P.Westlake
• JPGtoBMP 1.0 oleh efg’s Computer Labs
• Taskbar UserTile alpha 7.1 oleh angelwzr
• Aura Beta 3 oleh Stealth2010
• Aero Lite Theme oleh thepanda-x
• Windows 8 Aero Theme oleh velix94

Windows 8 Skin Pack for 7

Nota Penting:
Sesetengah skin pack atau transformation pack sangat sukar untuk dibuang dan ada kalanya system restore pon tak dapat kembalikan kepada paparan asal. Sebelum korang install 8 Skin Pack for 7 ni, pastikan korang backup terlebih dahulu sistem WIndows 7 untuk membolehkan komputer korang kembali kepada paparan asal. Mana la tahu kot-kot korang tak berkenan nanti. Pastikan juga UAC (User Account Control) di komputer telah disabled. Untuk uninstall skin pack ni, hanya perlu masuk ke Control Panel dan Uninstall Program.

Skin pack untuk tukar Windows 7 kepada Ubuntu 11.04 Natty Narwhal dan juga Mac OS X Lion pon smart jugak.

Tukar Windows 7 kepada Windows 8 adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Fail gambar berformat .ico biasanya digunakan sebagai gambar icon bagi folder atau aplikasi-aplikasi yang terdapat dalam komputer. Di laman web pula, fail .ico biasanya digunakan di bahagian address bar atau ruangan URL pada web browser. Apa yang perlu kita buat hanya dengan memasukkan fail icon (.ico) dengan nama favicon.ico ke dalam direktori website atau blog.

Mesti ramai di antara korang yang sering gunakan online tools untuk buat fail .ico kan? Online tools yang disediakan di laman-laman web tertentu yang membolehkan kita convert fail gambar biasa kepada gambar berformat .ico. Contoh laman web untuk buat fail icon adalah seperti iConvert, ConvertICO, DynamicDrive dan banyak lagi.

Buat Fail Icon (.ico) Menggunakan Adobe Photoshop

Sepertimana yang kita semua tahu, Adobe Photoshop merupakan software yang digunakan untuk edit gambar. Contohnya seperti edit gambar Osama. Huhu. Tapi Photoshop takde sediakan fungsi untuk kita save gambar sebagai icon (.ico). Penyelesaian untuk masalah ni adalah kita tambah fungsi save as .ico di Photoshop. Caranya mudah je. Apa yang kita perlukan ialah plugin ICOFormat.8bi.

Download ICOFormat.8bi plugin

Lepas dah download fail plugin ‘ICOFormat.8bi’ tu, masukkan ke dalam folder ‘File Formats’ yang terletak dalam direktori tempat korang install Adobe Photoshop iaitu di C:\Program Files\Adobe\Adobe Photoshop CS*\Plug-Ins\File Formats\. Kemudian, korang boleh run software Adobe Photoshop dan mula buat design icon ikut suka korang. Bila dah siap, save as .ico (Windows Icon) seperti contoh gambar kat bawah ni.

Adobe Photoshop dah ada fungsi Save As Windows Icon (.ico) – Klik untuk saiz besar

PERHATIAN!
Untuk buat fail icon (.ico), fungsi plugin ‘ICOFormat.8bi’ ni hanya boleh dijalankan pada gambar yang bersaiz 256 pixel (maximum). Sekiranya gambar yang korang buat bersaiz lebih daripada 256 pixel, korang takkan dapat save as .ico kecuali korang resize dan kecilkan gambar tu. 256 pixel merupakan saiz standard untuk fail icon (saiz maximum).

Saiz-saiz yang biasa digunakan untuk fail icon adalah 16×16, 24×24, 32×32, 64×64, 128×128 dan 256×256.

Untuk buat design gambar icon, mungkin korang boleh mulakan dengan saiz 256px. Saiz-saiz yang lain tu mungkin tak sesuai. Susah untuk korang buat design dalam canvas yang kecil. Bila dah siap design, resize ke saiz kecil yang korang nak. Select Image > Image Size dan masukkan saiz yang korang nak. Jangan lupa aktifkan pilihan Resample Image dan pilih Bicubic Sharper pada fungsi drop-down tu untuk pastikan gambar tak jadi blur bila korang resize ke saiz yang lebih kecil. Kemudian, save as .ico macam biasa.

Itu sahaja tutorial cara buat icon menggunakan Adobe Photoshop. Selamat mencuba!

Tutorial ni menggunakan Adobe Photoshop CS5 Portable.

Cara Buat Icon (.ico) Dengan Photoshop adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Dah lama sangat rasanya aku tak guna DVD drive kat laptop aku. Tadi aku try jolok CD nak tengok berfungsi lagi tak DVD drive aku ni. Mana tau kot-kot rosak sebab lama sangat tak guna. Rupanya memang dah rosak! Adehh.. Tapi tak kisah sangat sebab aku memang dah lama tak guna apa-apa CD. Installer yang pakai CD pon semua aku dah convert jadikan fail .iso, simpan dalam laptop dan buat backup masuk dalam external hardisk. Kalau nak guna, aku create je virtual drive pakai DAEMON Tools Lite.

Sebut pasal installer tanpa guna CD ni, semalam ada seorang rakan Twitter minta aku buat satu entri macam mana cara buat Windows 7 USB installer. Oleh sebab entri ni berbentuk tutorial, screenshot langkah demi langkah mungkin lebih mudahkan pembaca faham macam mana proses yang kita perlu buat untuk cipta Windows 7 USB installer.

Sebelum tu, kita sediakan dulu perkakasan atau software yang diperlukan untuk buat Windows 7 USB installer. Tutorial ni untuk pengguna sistem operasi Windows sahaja. Bagi pengguna Linux atau MAC, perkakasan yang diperlukan lain sikit. Sila rujuk dengan mana-mana pengguna sistem operasi tersebut.

Perkakasan atau Software Yang Diperlukan

1. Installer Windows 7 (dalam bentuk DVD ataupun fail berformat .iso)
2. USB drive yang bersaiz 4GB atau lebih
3. Software DAEMON Tools Lite (optional)
4. Software WinToFlash

Cara Buat Windows 7 USB Installer

1. Mula-mula, masukkan DVD installer Windows 7 ke dalam DVD drive di laptop atau komputer korang.
    
2. Bagi installer Windows 7 berbentuk fail .iso, korang tak payah burn installer tu ke dalam DVD. Membazir je. Buat 1 virtual drive menggunakan DAEMON Tools Lite. Caranya mudah je. Kalau korang dah install DAEMON Tools Lite dalam komputer, cuma perlu double click pada fail .iso tu dan secara automatik akan muncul 1 drive baru.
    
3. OK. Kalau langkah-langkah tu dah complete, seterusnya sila run software WinToFlash. (Tutorial ni menggunakan WinToFlash versi 0.7.0009 beta).



4. Tekan button besar seperti yang ditunjukkan dalam gambar di atas.



5. Tekan NEXT.



6. Tetapkan ‘path’ bagi installer Windows 7 (DVD drive atau virtual drive) dan juga path bagi USB drive yang digunakan, kemudian tekan NEXT.

   Dalam tutorial ni, ‘path’ bagi installer Windows 7 adalah di F:\ dan USB drive pula di G:\



7. Tandakan pada pilihan “I Accepted the terms of the license aggrement” dan tekan CONTINUE.



8. Proses pemindahan data sedang dijalankan di mana data bagi installer Windows 7 sedang dimasukkan ke dalam USB drive korang.



9. Proses pemindahan data selesai. Kemudian, tekan EXIT.
    
10. Installer Windows 7 dalam bentuk USB telah berjaya dibuat. Kemudian korang boleh la guna untuk format atau install Windows 7 ke dalam komputer korang. Caranya, cucuk USB drive tu pada USB port, restart komputer dan tetapkan “boot from USB” pada setting BIOS di komputer korang.
     

Tutorial ni boleh juga digunakan untuk Windows XP dan Windows Vista. Selamat mencuba dan semoga berjaya!

Proses install Windows 7 menjadi lebih cepat menggunakan USB installer berbanding install menggunakan DVD.

Cara Buat Windows 7 USB Installer adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Korang biasa guna Yahoo! Mail atau Gmail? Aku lebih suka guna Gmail. Mungkin sebab fungsi yang ada pada Gmail yang aku rasa lebih mantap berbanding Yahoo Mail atau servis-servis email percuma yang lain. Yahoo Mail pun aku ada tapi dah jarang guna. Kat situ dah jadi tempat menternak email spam.

Aku dah tak nak gunakan Yahoo Mail untuk urusan-urusan email. Guna untuk login ke beberapa akaun internet je sekarang ni. Tapi, masih ada beberapa orang yang masih contact aku melalui Yahoo Mail. Aku jarang buka email tu dan kadang-kadang tak tahu ada terima email yang sedikit penting. Nak bagitau kat penghantar-penghantar email tu tentang penukaran email, aku rasa macam menyusahkan je. Lagi satu takut ter-spamming inbox orang.

Semalam aku ada tanya di Twitter macam mana nak forward email Yahoo, tapi tak dapat sebarang jawapan daripada followers. Mungkin ramai yang dah tidur kot time tu. So, macam biasa… kaunter pertanyaan yang sentiasa dibuka 24/7 iaitu Google dah pun berikan jawapan bagi persoalan aku – Cara forward email Yahoo ke Gmail.

Fungsi forward email hanya untuk akaun Yahoo Mail Plus

Untuk forward email dari Yahoo ke email lain memerlukan korang upgrade Yahoo Mail korang kepada Yahoo Mail Plus. Upgrade dah tentu memerlukan bayaran. Standard la tu, kan? Namun, masih ada cara percuma yang kita boleh buat. Tak perlu upgrade atau bayar.

Setting Forward Yahoo Mail Tanpa Upgrade Yahoo Mail Plus

• Login ke akaun Yahoo Mail.
• Klik pada ‘NAMA’ untuk drop down menu dan pilih ‘Account Info‘.
• Tab baru akan terbuka. Masukkan password Yahoo Mail korang dan teruskan.
• Di halaman Yahoo Account Info, scroll down ke bahagian ‘Account Settings‘.
• Klik pada ‘Set language, site, time zone‘ untuk edit.

  

• Di bahagian ‘Regional Site and Language‘, pilih YAHOO! ASIA atau YAHOO! MALAYSIA.
• Save / Simpan.
• Kini, Yahoo Mail korang dah boleh gunakan fungsi ‘POP and Email Forwarding‘.

Bagi sesiapa yang menggunakan email …@yahoo.com.my, korang tak payah buat setting ‘Regional Site and Language’ ni sebab akaun email korang memang dah disetkan pada Yahoo! Malaysia (atau boleh cuba check).

Cara Forward Email Yahoo ke Gmail

• Klik ‘Options‘ pada email Yahoo korang dan pilih ‘Mail Options‘ atau ‘More Options‘
• Pilih option ‘POP & Forwarding‘ dan korang akan nampak paparan seperti kat bawah ni.

  

• Aktifkan pilihan ‘Forward your Yahoo! Mail‘.
• Masukkan alamat email korang (Gmail) pada kotak yang disediakan.
• Save / Simpan.
• Verify akaun Gmail korang. – Login ke akaun Gmail dan klik pada link pengesahan yang dihantar oleh Yahoo! Mail.
• Siap! Lepas ni, email yang dihantar ke Yahoo Mail korang akan diforward ke Gmail.

 
Akhirnya berjaya jugak aku forward email dari Yahoo ke Gmail. Lepas ni tak payah cek email kat Yahoo dah la. Semua email yang dihantar ke Yahoo Mail akan di-forward-kan ke Gmail. Terbaik! Cuma ada satu perkara je aku tak pasti lagi. Adakah email yang tersalah masuk dalam folder spam kat Yahoo Mail akan di-forward jugak ke Gmail? Atau email tu akan tetap tersangkut dalam Yahoo Mail? Siapa tahu tolong jawab ek.. Terima kasih.

PS: Aku tak reti macam nak setting guna fungsi POP tu. Ada sesiapa sudi ajar?

Sumber: Snaphow.com

Cara Forward Email Yahoo ke Gmail adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Ramai blogger WordPress tidak ambil tahu sangat tentang database blog mereka. Mungkin ramai yang tak berapa pandai atau mungkin juga takut bila menyentuh tentang perkara berkait dengan database. Untuk pengetahuan semua, database merupakan teras bagi blog yang menggunakan WordPress (self-hosted). Database yang tidak dipantau dan dijaga akan menyebabkan berlaku overhead atau empty spaces yang tak diperlukan atau mungkin juga berlaku masalah-masalah lain.

Komputer korang bila dah digunakan setiap masa, lama-lama ianya akan jadi slow. Kita perlu lakukan proses mencuci dan defrag untuk kembalikan potensi komputer kita. Sama juga dengan database blog WordPress. Bila dah terlalu banyak digunakan, lama-lama blog akan jadi berat dan loading lambat.

Contohnya seperti Post Revision atau autosave yang berlaku ketika kita sedang menulis entri. Post Revision tersebut akan menambah saiz database. Benda tu tak diperlukan lagi lepas kita dah publish entri. Oleh itu, penyelesaiannya adalah dengan optimize database blog WordPress korang.

Korang boleh masukkan code define('WP_POST_REVISIONS', false); pada fail wp-config.php (baris kedua) untuk disable fungsi post revision tu atau tukarkan ‘false’ kepada angka bilangan post revision yang korang nak.

Ada 2 cara yang boleh digunakan untuk lakukan proses optimize database, sama ada dengan menggunakan plugin WordPress atau dengan cara manual di phpMyAdmin (cPanel).

Optimize Database dengan Plugin WP-DBManager

Plugin WP-DBManager membolehkan korang jalankan proses optimize database, repair database, backup database, restore database, delete backup database, dan lain-lain. Plugin ni juga korang boleh set proses tu dijalankan secara automatik mengikut tetapan untuk backup dan optimize database.

Fungsi Optimize Database pada Plugin WP-DBManager

Pada pandangan aku, untuk optimize database tak perlu gunakan plugin, sebab plugin akan menambah database pada blog korang. So, aku sarankan buat secara manual. Tapi terpulang pada korang la nak pilih cara yang mana satu. #JustSaying

Optimize Database Blog dengan phpMyAdmin

Untuk optimize database blog dengan phpMyAdmin, korang hanya perlu buat beberapa langkah mudah.

1. Login ke cPanel blog WordPress korang.
2. Klik phpMyAdmin di kategori Databases.
3. Klik pada database blog korang (senarai database di sebelah kiri) dan korang akan nampak paparan seperti gambar di bawah.


Anak panah menunjukkan ‘Overhead’ yang terdapat pada database

4. Select table yang korang nak optimize, atau boleh juga klik pada Check All / Uncheck All / Check tables having overhead.
5. Pilih Optimize table pada drop down menu yang bertulis “With selected:”.



6. Anda telah berjaya optimize database blog anda.

Pastikan korang backup terlebih dahulu database blog korang sebelum lakukan proses optimize database untuk elakkan sebarang kejadian yang tak diingini.

Cara Optimize Database Blog WordPress adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Mesti ramai yang suka kalau dapat hantar mesej free, kan? FYI, MostSMS.com ada sediakan perkhidmatan hantar mesej percuma tetapi dengan limit hanya 40 SMS sahaja dalam sehari. MostSMS.com juga ada sediakan beberapa ciri lain, antaranya:

• Phonebook untuk simpan nombor telefon awek rakan-rakan
• SMS Templates yang mengandungi kategori-kategori SMS seperti Friendship, Birthday, Jokes, Life dan Love yang boleh kita forward kepada rakan-rakan
• Inbox dan Sent SMS
• Schedule SMS untuk kita setkan SMS yang akan dihantar pada waktu dan tarikh tertentu
• Block Mobile Number

Hantar SMS Percuma di Malaysia

Bagaimana caranya? Pertama sekali, korang kena daftar dulu di laman web MostSMS.com.

Kemudian, korang akan terima 1 SMS yang bertulis seperti contoh kat bawah ni:

mostsms.com
Mobile: 0123456789
Pass: 344876

Pls change your pass!

Login dengan menggunakan maklumat akaun yang korang terima melalui SMS tu dan pastikan korang tukar password akaun korang menggunakan password yang lebih secure. Lepas tu korang boleh la teruskan aktiviti hantar SMS free (40 SMS sahaja dalam sehari).

Contoh cara untuk hantar SMS free dengan MostSMS.com

Fungsi Schedule SMS

Free SMS yang korang hantar tu bila dah sampai ke handphone penerima, SMS dia akan berbentuk macam ni:

Gambar oleh: Rjuna.net

PERINGATAN!
Dilarang hantar SMS yang berbentuk fitnah, lucah, gangguan dan ugutan kerana setiap nombor handphone anda disimpan dan direkodkan.

Dengan menggunakan MostSMS.com, korang boleh jimat sedikit duit dengan menghantar 40 SMS percuma sehari kepada rakan-rakan korang. Boleh digunakan di saat-saat terdesak seperti kehabisan credit, malas nak topup dan minta awek share credit, atau sebagainya.

Hantar SMS Percuma dengan MostSMS.com adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Template bagi halaman 404 biasanya memang dah tersedia wujud pada mana-mana theme WordPress , tetapi bukan semua theme. Hanya sesetengah theme sahaja yang ada. Sistem WordPress telah disetkan secara automatik akan ke fail 404.php sekiranya tiada sebarang carian dijumpai. Sekiranya fail 404.php tiada pada theme korang, ianya akan paparkan mesej ralat yang tersangat ringkas, buruk dan tak mesra pengguna.

Halaman 404 sedia ada biasanya hanya memaparkan teks-teks ralat yang ringkas seperti “Error 404 – Cannot Find Anything” atau “Error 404 – Page Not Found lah” atau sebagainya. Bagi menampakkan blog korang lebih menarik dan mesra pengguna, adalah lebih baik jika korang berikan bonus fungsi-fungsi tambahan pada halaman 404 tersebut. Ini bagi membolehkan visitore blog korang terus berada di blog korang walaupun mereka tidak menjumpai apa yang mereka cari. Halaman 404 mempunyai kekuatan yang tersendiri untuk menarik minat pelawat dan memudahkan mereka melayari blog.

Jika blog korang tiada fail untuk paparkan mesej ralat 404, buat 1 fail kosong menggunakan Notepad atau Notepad++, masukkan kod di bawah ni, lepas tu save dan namakannya sebagai 404.php. Kemudian, upload ke dalam fail theme blog korang. Di bawah ni adalah kod asas bagi fail 404.php:

Kod fail 404.php

<?php get_header(); ?>

	<div id="content" class="narrowcolumn">
		<h2 class="center">Ralat 404 - Halaman Tidak Dijumpai.</h2>
	</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

 
Kod bagi fail 404.php seperti di atas ni akan memaparkan output mengggunakan tag H2 yang dibaca “Ralat 404 – Halaman Tidak Dijumpai.” – Ianya juga akan memaparkan bersama bahagian Header, Sidebar dan Footer blog korang. Tetapi tu semua adalah optional dan korang boleh edit ikut citarasa atau sesuaikannya dengan theme blog korang.

Tutorial mengubah fail 404.php

Jom kita tambahkan fungsi ‘Kotak Carian’ pada halaman 404 bagi membantu pelawat membuat carian sekiranya mereka tiba di halaman 404 blog korang. Cara ini biasanya akan membuat pelawat terus berada di dalam blog mencari entri-entri lain yang mungkin boleh menarik minat mereka.

Fail 404.php – Menambah Fungsi Kotak Carian

<?php get_header(); ?>

	<div id="content" class="narrowcolumn">
		<h2 class="center">Ralat 404 - Halaman Tidak Dijumpai.</h2>

<p>Cari Artikel Menarik:</p>
<?php include(TEMPLATEPATH . "/searchform.php"); ?>
	</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Masukkan Mesej Menarik di Halaman 404

Untuk memberi bantuan kepada pelawat yang terjumpa halaman 404 blog korang, korang boleh masukkan kata-kata atau pesanan yang menarik yang mungkin boleh membantu pelawat blog. Contohnya:

Menggedik di Fail 404.php

<?php get_header(); ?>

<div id="content" class="narrowcolumn">
	<h2 class="center">Alaa.. Saya tak jumpa info yang awak cari.</h2>
	<p>Mungkin awak boleh gunakan 'Kotak Hikmat' kat bawah ni
	untuk cari lagi apa yang awak nak.</p>

<p>Cari Artikel Menarik:</p>
<?php include(TEMPLATEPATH . "/searchform.php"); ?>

	<p>Awak boleh juga ke <a href="<?php bloginfo('home'); ?>">
	Halaman Utama</a> atau 'Sitemap' blog saya untuk tengok
	artikel-artikel menarik yang saya dah tulis..</p>

	<p>atau boleh bagi nombor fon, nanti saya call awak. :P</p>
</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

 
Dengan cara ini, pelawat mungkin tertarik kerana mesej yang korang tulis tu lebih bersifat personal, seolah-olah korang adalah kawan mereka yang cuba untuk memberi bantuan atau cuba nak mengorat berkomunikasi dengan mereka.

Blogger lelaki sila jangan guna ayat contoh yang aku bagi kat atas tu. Kalau pelawat lelaki baca, kang tak pasal-pasal terjebak ke kancah percintaan kaum sejenis @ gay! Hehehee..

Contoh yang ditunjuk kat atas tu berfungsi memberi beberapa pilihan kepada pelawat yang masuk ke halaman 404. Halaman 404 akan memaparkan ‘Kotak Carian’ yang membolehkan pelawat membuat carian di blog, ada juga diberi link ke halaman utama dan juga halaman Sitemap, dan lain-lain (pandai-pandai la korang tambah).

Kombinasi ini akan membantu pelawat yang secara tak sengaja masuk ke halaman 404. Mereka diberi pilihan untuk terus kekal di dalam blog korang dengan bantuan fungsi-fungsi tambahan pada halaman 404.

Pastikan Halaman 404 Berfungsi

Korang boleh cuba try test halaman 404 yang korang buat tu berfungsi ataupun tak dengan cara layari URL atau permalinks halaman yang tak pernah wujud di blog korang.

Contoh:
1. http://domainblogkorang.com/page-ni-tak-pernah-wujud, atau
2. http://anarm.net/blog/page-ni-tak-pernah-wujud.html

Ini akan membolehkan korang tengok halaman 404 yang korang buat tadi. Check sama ada halaman 404 tu terpapar mengikut apa yang korang dah edit ataupun tidak.

Cara Buat Page 404 ‘Full Page’

Setiap kod di atas tu boleh diubah mengikut citarasa korang menggunakan kod PHP atau HTML. Bagi sesiapa yang nak buat halaman 404 yang ‘full page’, korang boleh gunakan kod HTML asas untuk membina laman web:

Full Page 404 (Kod Asas Membina Laman Web – Statik)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ralat 404 - Halaman Tidak Dijumpai | BlogKorang.com</title>
</head>
<body>

<div id="content" class="narrowcolumn">
	<h2 class="center">Ralat 404 - Halaman Tidak Dijumpai.</h2>
	<p style="text-align:center;">CONTENT YANG KORANG NAK</p>
</div>

</body>
</html>

*Jika korang pilih nak guna cara ini, pastikan korang buang kod-kod di bawah:

<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Pastikan juga ianya diedit mengikut tetapan CSS theme yang korang gunakan, atau korang bleh tetapkan sendiri CSS khas untuk fail 404.php tersebut.

Penggunaan Gambar Background pada Halaman 404

Untuk membuat halaman 404 lebih menarik dan unik, korang boleh masukkan gambar background yang korang suka. Di bawah ni adalah contoh penggunaan gambar background pada halaman 404 yang mungkin boleh memberi inspirasi kepada korang:

1. Mixx.com

2. Mundofox.com

3. Anarm.net

4. CSSRemix.com

5. Agens.no

6. Duoh.com

7. Huml.org

8. Wufoo.com

9. Jamie Huskisson

10. Cisdel.com

 
Ada banyak cara boleh kita gunakan untuk buat halaman 404 di blog. Gambar-gambar kat atas tadi tu hanya beberapa contoh penggunaan halaman 404 yang sangat menarik. Korang boleh try and error menggunakan struktur kod WordPress dan juga HTML (termasuk CSS) dalam menghasilkan halaman 404 yang unik dan istimewa di blog korang. Jangan lupa masukkan fungsi-fungsi yang boleh membantu pelawat-pelawat yang singgah di blog korang kerana ianya adalah sangat penting.

Proses pembelajaran ‘Try and Error’ bagi mengedit fail theme lebih mudah dilakukan di Localhost dan juga dengan bantuan ‘Firebug‘.

Kalau ada apa-apa error atau ada kemusykilan, sebarang pertanyaan boleh dikemukakan di bahagian komen. Yang mana aku boleh bantu, aku akan bantu. InsyaAllah.. ada jalannya~

Sumber Rujukan Lain:

• Creating an Error 404 Page
• 404 Error Pages Reloaded
• 404 Error Pages, Make It Useful
• 25 Perkara Menjadikan Tema Blog Lebih Menarik
• (Tutorial) Jom Buat Page 404 Error

Tutorial Edit Page 404 (WordPress) adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!

Maksud iFrame

IFrame atau ‘Inline Frame’ merupakan dokumen HTML yang dimasukkan ke dalam dokumen HTML yang lain pada sesebuah laman web. Biasanya elemen HTML iFrame ni digunakan untuk masukkan content daripada sumber lain, contohnya seperti iklan, ke dalam laman web.

Nak lebih mudah lagi, kat bawah ni aku bagi contoh penggunaan iframe, daripada pemahaman aku. Kalau korang tak faham, boleh tanya. Jangan malu-malu, jangan segan-segan, jangan pegang-pegang. Erkk..

Contoh Penggunaan IFrame

Korang nak masukkan content dari blog lain ke dalam blog korang. Ianya adalah satu cara yang salah sekiranya korang buat tanpa izin. So, korang pon gunakan simple code untuk buat iframe di blog korang dengan cara memaparkan content dari blog si mangsa ke dalam blog korang. Bila ada visitor masuk ke dalam blog korang, mereka akan nampak content dari blog si mangsa dan content tu nampak seperti korang yang buat. Faham? Kalau tak faham, boleh tanya lebih lanjut di ruangan komen.

Ringkasan:

• Content dari Blog A ada di dalam Blog B.
• Blog B menggunakan iFrame untuk pamerkan content dari Blog A.
   

Sebenarnya ada banyak lagi yang boleh dibuat dengan menggunakan iFrame. Yang aku cerita kat sini cuma asas penggunaan iFrame. Kod asas untuk buat iframe pula adalah seperti berikut:

<iframe src="content-mangsa.php" width="100%" height="300">
  <p>Ini adalah contoh kod iframe</p>
</iframe>

Script untuk jadikan blog anda Anti-iFrame

Di sini aku nak kongsi 1 skrip ringkas untuk elakkan blog korang daripada di-iframe-kan oleh blog-blog lain. Sebab iframe ni sebenarnya boleh memberi kesan yang buruk kepada blog kita. Curi content, curi traffik, curi duit dan sebagainya. Mari kita mulakan.

1. Mula-mula, buka tempat untuk edit theme/template blog korang.
2. Lepas tu, cari kod </head> yang ada dalam theme korang. Mustahil kalau tak jumpa.
3. Kemudian, copy script di bawah ni dan paste-kan sebelum kod </head> tadi.

<!-- Script Anti iFrame -->
<script>
if(self!=top)
{top.location.href=self.location;href;}
</script>

Pastikan struktur kod tersebut jadi seperti di bawah ni.

<!-- Script Anti iFrame -->
<script>
if(self!=top)
{top.location.href=self.location;href;}
</script>

</head>

4. Save editing yang telah dibuat.
5. Siap dah..

 
Fungsi penggunaan script anti-frame ni adalah untuk elakkan sebarang penggunaan iframe ke atas blog korang. Bila ada mana-mana blog menggunakan iframe untuk blog korang, script anti-iframe ni akan redirectkan secara pantas ke sumber asal content iframe tersebut. Maknanya akan redirect ke blog korang laa.

Itu sahaja perkongsian untuk kali ni. Script ni aku hanya test pada platform WordPress. Kat platform Blogspot aku tak try lagi. Mana-mana blogger yang menggunakan blogspot, harap korang boleh cuba sendiri. Lepas tu try iframe-kan blog korang tu kat blog korang yang lain-lain (bagi yang ada banyak blog), atau boleh minta rakan-rakan blogger lain tolong test iframe blog korang. Kalau berjaya, sila tinggalkan komen bagitau hal tu ye untuk aku update kat sini supaya blogger-blogger blogspot yang lain tak rasa takut nak cuba script ni. Terima kasih.

Bagi pengguna WordPress, boleh juga gunakan plugin WP-CopyrightPro yang mempunyai fungsi disable iFrame, disable right click, disable selecting text dan disable fungsi drag-and-drop pada gambar.

P/S: Duit ChurpChurp dah makin bertambah. Seronoknyeewww buat duit online.

Jadikan blog anda Anti-iFrame adalah hasil penulisan Anarm.Net.
Langgan RSS Feed untuk dapatkan entri terkini daripada Anarm.Net!