Tips Untuk Dapatkan Buffered Earning Dari Nuffnang

Nak menunjuk-nunjuk sikit nih! Nampak tak? Nampak tak? Ni la Buffered Earning (BE) aku yang latest. Nampak tak weh? Hahahahahaha! Baru dapat satu BE dah kecoh-kecoh kan?

Alaaa.. aku bukannya blogger popular pun. Aku berblogging ni pun sekadar suka-suka. Walaupun begitu, alang-alang berblogging, mahu juga la ada side income kan? Jadi tak salah sekiranya aku join mana-mana pengelola pengiklanan ni. Dalam banyak-banyak, aku lebih suka Nuffnang. Sebab? Nuffnang ni komuniti pengiklanan terbesar dan paling popular di kalangan blogger di Malaysia. Syarikat pula syarikat tempatan. Jadi kalau di'compare'kan di antara syarikat pengelola iklan yang lain dengan Nuffnang ni, aku lebih selesa dan sarankan korang turut serta bersama Nuffnang. Satu lagi alasan; dulu ada kes malware serang kepada banyak pengelola iklan. Kebanyakkan blog 'dijangkiti' malware yang masuk melalui algoritma iklan itu sendiri. Waktu itu, hanya iklan daripada Nuffnang yang satu-satunya tidak dijangkiti! Jadi, itu juga satu sebab kenapa aku masih setia dengan Nuffnang sampailah sekarang.

Di sini, aku ingin berkongsi sedikit tips bagaimana nak dapatkan BE dari Nuffnang. Artikel ini adalah daripada artikel dari Blog Ceera.

Untuk mendapat ruang "Buffered Earning" pada "Earnings" anda, pertama sekali anda haruslah dipilih oleh Pihak Pengiklan (Advertisers) kami untuk membuat kempen CPM bagi pihak mereka. Terdapat beberapa faktor yang menentukan peluang anda untuk dipilih untuk kempen CPM. Pihak Pengiklan (Advertisers) memilih blog yang mereka ingin iklankan berdasarkan beberapa faktor seperti berikut : -

- Disebabkan Pihak Pengiklan (Advertiser) senantiasa mempunyai pasaran khusus untuk kempen mereka, maka mereka akan memilih blog yang mempunyai pembaca blog yang berpadanan sebagai sasaran mereka. Jika pembaca blog anda termasuk di dalam kategori itu, maka peluang untuk anda dipilih untuk mereka adalah sangat tinggi. Kebanyakan bloggers yang tidak mengisi ruang 'survey' yang disediakan dengan betul berkemungkinan tinggi mendapati blog mereka tidak terpilih untuk mendapat kempen atau iklan daripada Advertisers. Ini kerana, 'survey' tersebut berfungsi untuk Advertisers kami mengenali isi kandungan blog bloggers kami dengan lebih baik. Mana-mana blog yang tidak mengisi ruang 'survey' selalunya tidak akan diendahkan oleh Advertisers kami kerana mereka tidak akan tahu jika kempen mereka bersesuaian atau tidak dengan isi kandungan blog tersebut. Oleh itu, kami amat menggalakkan anda mengemaskini laman 'survey' anda dari masa ke semasa untuk menaikkan peluang blog anda dipilih oleh Advertisers kami.

- Kebersanan penempatan iklan juga sangat penting dalam industri pengiklanan. Pengiklan kami telah menghabiskan banyak wang untuk mencorakkan iklan mereka dan membeli ruang iklan. Mereka perlu memastikan mesej yang ingin mereka sampaikan kepada pasaran khusus mereka sampai dengan efektifnya. Oleh itu, mereka senantiasa akan membeli ruang iklan yang hanya telah dioptimumkan sepenuhnya dan diletakkan pada tempat yang berkesan. Kesimpulannya, anda hanya perlu meletakkan unit iklan anda pada tempat yang sepatutnya dan faktor ini akan memuaskan Pihak Pengiklan.

Sebagai contoh, sesuatu unit iklan "Skyscraper" seharusnya menjadi elemen pertama di sidebar dan bukan di tempat lain. Hal yang sama juga bagi unik iklan "Leaderboard" yang seharusnya menjadi elemen pertama yang dapat dilihat di saat pengunjung masuk ke laman web anda. Manakala, unit iklan "Large Rectangle" pula seharusnya ditempatkan betul-betul di bawah entri pertama anda. Jika unit iklan blog anda tidak mengikut garis panduan yang telah dinyatakan seperti di atas, hal ini akan banar-benar mempengaruhi keputusan Pengiklan untuk memilih blog anda dan berkemungkinan tinggi menyebabkan mereka memilih blog lain.

- Selain itu, ruang unit iklan juga memainkan peranan penting bagi Blogger untuk dipilih dalam sesuatu kempen. Semua Pihak Pengiklan kami membuat pembahagian yang sama rata pada ketiga-tiga unit iklan kami iaitu, Leaderboard, Skyscraper, dan Large Rectangle setiap kali mereka beriklan dengan kami. Jika blog anda mempunyai kesemua 3 unit iklan di dalamnya, maka peluang anda untuk terpilih bagi sesuatu kempen adalah amat cerah.

- Keahlian eksklusif memainkan peranan dalam kempen iklan kerana Pihak Pengiklan kami lebih cenderung untuk meletakkan iklan mereka pada blog-blog berstatus Glitterati kerana ini merupakan sebahagian daripada program hadiah kami untuk Bloggers kami yang paling setia dengan kami. Ahli biasa masih akan dipilih untuk kempen tetapi dalam angka yang lebih rendah berbanding dengan ahli Glitterati.

Oleh itu, anda perlulah mengambil semua inisiatif untuk meningkatkan peluang blog anda untuk mendapat perhatian daripada Pihak Pengiklan, dengan selalu mengemas kini blog anda, menempatkan unit iklan anda di tempat yang betul, dll. Jika nasib menyebelahi anda, dan Pihak Pengiklan memilih anda untuk kempen CPM mereka, maka peluang untuk anda mendapat beberapa angka di ruang "Buffered Earning" adalah sangat cerah!

Good luck dan selamat berblogging!

Thara Sofian
Talent Manager

Untuk bacaan selebihnya, anda boleh baca di blog Ceera. Klik DI SINI (klik!)

Diharap perkongsian ini dapat membantu anda!

Complete Tutorial Facebook Comment Box For Blogger

Salam.

Artikel ini ialah panduan atau tutorial lengkap bagaimana mahu memasang Facebook Comment Box (FCB) pada platform Blogger. Artikel ini juga adalah artikel kemaskini daripada artikel yang terdahulu.

Kepada blogger yang pernah buat FCB melalui artikel yang terdahulu, sila skip dan baca terus pada bab Facebook Comment Box Troublehoot.

Untuk pengubahsuaian FCB, sila ke BAB SATU.

Untuk mengetahui cara mengurus dan mengawal FCB, sila ke BAB DUA.

Untuk menangani permasalah FCB, sila ke BAB TIGA.

Jika anda belum pernah memasang FCB, sila teruskan membaca artikel ini.

Setelah satu tahun lebih saya menggunakan aplikasi FCB ini diblog (Jun 2010) dan menyertai sebagai ahli di Facebook Developer, sudah terlalu banyak permintaan daripada pembaca blog saya tentangnya. Alhamdulillah, dalam tempoh itu terdapat banyak perubahan yang telah saya buat kepada blog saya. Dulu blog saya pernah mengalami error yang sangat teruk gara-gara implementasi aplikasi FCB ini. Hasil dari usaha, nah, kini tiada sebarang masalah. Aplikasi ini berfungsi dengan baik.

Oleh sebab terlalu banyak permintaan itulah, kini saya sediakan tutorial yang berguna kepada blogger yang ingin memasang aplikasi FCB di blog. Oleh kerana tutorial ini sedikit rumit, saya berbesar hati akan memberikan khidmat nasihat dan ajaran terus secara online. Sila hubungi saya di Facebook.

Mendaftar Aplikasi Di Facebook

Langkah pertama yang perlu anda buat adalah mendaftar di Facebook Apps Developer. Klik DI SINI untuk mendaftar. Klik butang 'Create Apps'. Kemudian, sila ikuti langkah demi langkah yang dinyatakan di bawah:

Langkah #1 - Masukkan nama applikasi yang ingin anda bangunkan pada ruang 'App Name'. Masukkan sebarang nama yang anda mahu. Untuk tutorial ini, saya masukkan dengan nama 'My Blog'.

Tandakan pada 'I Agree..' dan klik butang 'Continue'. Anda boleh memilih Bahasa Melayu jika mahu. Tetapi tutorial saya diteruskan dalam bahasa English (US). Seterusnya, akan keluar pop-up Security Check. Masukkan kod security.

Langkah #2 - Sekarang anda akan berada pada laman utama aplikasi. Di sini akan terpapar beberapa ruang kosong yang perlu anda isi. Sila isikan 'App Domain' dengan blogspot.com.

Anda bebas mengubah icon bagi aplikasi anda. Ini adalah langkah option. Tapi saya sarankan agar anda letakkan icon anda. Klik pada 'edit icon'.

Langkah #3 - Skrol ke bawah dan cari 'Website'. Letakkan URL blog anda di ruangan ini.

Pastikan anda tidak tertinggal 'http://' pada awalan dan backslash '/' di penghujung URL blog anda itu. Kemudian klik butang 'Save Changes'.

Langkah #4 - Sila copy 'App ID' dan paste di dalam Notepad. Untuk 'App ID' aplikasi yang saya cipta adalah : 262375393797088. 'App ID' adalah satu ID unik dan tidak akan sama dengan mana-mana developer yang lain. Untuk 'App Secret' pula, pastikan ianya rahsia.

Langkah #5 - Lihat pada sidebar kiri. Klik pada 'Advanced'. Sila isi pada ruang 'Description'. Ruang ini menyatakan apakah aplikasi yang anda sedang bangunkan sekarang.

Kemudian klik butang 'Save Changes'. Lain-lain ruang tidak perlu usik. Biarkan kosong. Kini langkah mendaftar aplikasi di Facebook Apps Developer sudah selesai.

Cipta Kod Untuk Facebook Comment Box

Kini masuk pula kepada langkah seterusnya iaitu bagaimana mahu mencipta (generate) kod bagi Facebook Comment Box (FCB). Anda perlu hasilkan kod FCB di laman Facebook Social Plugin. Klik DI SINI.

Langkah #6 - Pada bahagian 'URL to comment on', sila pastikan ia kosong. Kemudian, klik butang 'Get Code'.

Langkah #7 - Kod FCB akan dihasilkan.

Pada bahagian dropdown list 'Implementation', sila pilih 'xfbml'. Kemudian, copy kedua-dua kod atas dan bawah ke dalam Notepad.

Implementasi Pemasangan Facebook Comment Box Di Blogger

Pada peringkat ini akan menerangkan bagaimana mahu memasang kod Facebook Comment Box di blog dengan cara yang betul dan efisyen. Pada peringkat ini, anda dinasihatkan berhati-hati dan peka terhadap kod-kod yang bakal saya sertakan. Untuk langkah berjaga-jaga, sila download terlebih dahulu template asal anda ke dalam komputer anda.

Langkah #8 - Pergi ke Dashboard Blogger anda. Klik pada 'Design', kemudian klik pada 'Edit HTML'. Download template anda dahulu dengan klik pada link 'Download Full Template'. Kemudian, tandakan pada 'Expand Widget Templates'.

Langkah #9 - Daripada Notepad, copy kod yang telah anda copy di Langkah #7 seperti yang ditunjukkan di bawah.

Copy kod hanya seperti yang di-highlight SAHAJA. Kemudian, pada Blogger HTML Editor, paste selepas kod <html supaya menjadi seperti ini:

<html xmlns:fb='https://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Kemudian, tambah kod ini xmlns:og='http://ogp.me/ns#' dan letak di sebelahnya pula. Kod anda akan kelihatan seperti ini (kod penuh):

<html xmlns:fb='https://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Langkah #10 - Buat carian kata kunci ini: '/head'. Kemudian copy kod di bawah:

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA-BLOG' property='og:site_name'/>
<meta content='LINK-GAMBAR' property='og:image'/>
<meta content='APPLICATION-ID' property='fb:app_id'/>
<meta content='FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>

Dan paste atas daripada kod </head> tadi. Sila ubah kod yang di-bold di atas:

NAMA-BLOG: Ganti dengan nama blog anda. Pastikan tiada sebarang simbol.
LINK-GAMBAR: Gantikan dengan link gambar utama yang anda mahu papar di Facebook. Link logo untuk blog anda pun boleh digunapakai. Anda boleh buang satu baris kod ini jika mahu. Gambar akan dipilih secara random.
APPLICATION-ID: Gantikan dengan 'App ID' yang telah anda copy pada Langkah #4.
FACEBOOK-PROFILE-ID: Gantikan dengan nombor Profile ID Facebook anda. Cara hendak dapatkan nombor Profile ID adalah:

- Login ke Facebook.
- Klik Profile.
- Alihkan mouse di atas gambar profile.
- Right-click dan pilih 'Copy Link Location'.
- Contoh: http://www.facebook.com/media/set/?set=a.1264364948625.30821.1814790405&type=1 Nombor yang di-highlight ini adalah nombor Profile ID.

Langkah #11 - Buat carian kod <body>. Kemudian, copy kod embed FCB seperti yang ditunjukkan gambar di bawah.

Kemudian, paste kod itu di bawah kod <body> supaya kelihatan seperti gambar di bawah:

Langkah #12 - Pada langkah ini, anda perlu putuskan bagaimanakah bentuk FCB terpapar di blog anda. Terdapat dua (2) cara memaparkan FCB di blog. Pertama; papar FCB di semua posting. Biasanya cara ini sesuai hanya untuk blog yang tiada 'Read More'. Kedua; hanya papar FCB pada satu-satu artikel sahaja. Cara ini sesuai untuk blog yang mempunyai 'Read More'.

Bagi cara pertama, tiada pengubahsuaian sangat pada kod. Jadi anda tidak perlu runsing. Hanya untuk cara kedua sahaja mempunyai sedikit kod yang perlu ditambah.

Daripada Notepad copy kod FCB yang pernah anda copy pada Langkah #7.

(Untuk blog yang tiada 'Read More')

Buat carian kod <data:post.body/> dan paste kod FCB di barisan bawahnya supaya kelihatan seperti ini:

(Untuk blog yang ada 'Read More')

Buat carian kod <data:post.body/> dan gantikan kod tersebut dengan kod ini:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/><div><br/><br/></div>
</b:if>

Kod anda akan kelihatan seperti di bawah:

Sila ambil perhatian. Struktur kod saya dengan struktur kod anda mungkin tidak sama. Apa yang anda perlu buat ialah ikuti sahaja arahan tutorial ini. Apabila selesai nanti, anda bebas untuk membuat penambahbaikan sendiri.

Langkah #13 - Pada kod FCB, sila tambah elemen ini:

expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id'

Kod FCB anda akan kelihatan seperti di bawah:

<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='2' width='2' width='500'></fb:comments>

Langkah #14 - Akhir sekali, klik butang 'Save Template'.

Selesai!

Kini blog anda dilengkapi dengan Facebook Comment Box!


PENGUBAHSUAIAN FACEBOOK COMMENT BOX ANDA

Anda bebas mengubahsuai Facebook Comment Box (FCB) anda. Pada bab ini, saya akan tunjukkan beberapa cara bagi mengubahsuai FCB secara custom agar FCB anda tampak lebih cantik dan menarik. Saya ambil contoh kod FCB daripada apa yang telah kita buat mengikut langkah-langkah di dalam artikel ini:

<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='2' width='500' />

PERHATIAN! Kod FCB anda akan bertukar kepada bentuk seperti kod di atas selepas anda Save Template anda. Tidak perlu risau. Ia sama saja sebenarnya.

Warna

Jika anda menggunakan warna gelap (contohnya warna hitam) untuk background blog anda, anda boleh sesuaikannya dengan FCB berwarna hitam. Caranya, anda perlu menambah kod di bawah ke dalam kod FCB anda:

colorscheme='dark'

Kod FCB anda akan kelihatan seperti ini:

<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='2' width='500' colorscheme='dark' />

Saiz Dan Jumlah Paparan Komen

Untuk FCB, hanya kelebaran sahaja yang boleh diubahsuai. Untuk mengubah saiz kelebaran FCB supaya sesuai dengan kelebaran kotak posting, anda hanya perlu mengubah angka pada kod width.

Untuk mengubah jumlat paparan komen, anda hanya perlu ubah angka pada kod num_posts. Jika anda mahu memaparkan keseluruhan komen, anda hanya perlu buang sahaja kot num_posts. Walau bagaimanapun, FCB tidak membenarkan anda memaparkan keseluruhan komen. Jadi, saya menyarankan agar anda guna sekurang-kurangnya angka antara 1 hingga 8 SAHAJA.

Ubah bahasa Facebook Comment Box

FCB anda sebenarnya boleh diubah bahasa. Caranya, anda perlu ubah setting pada laman Facebook Apps terlebih dahulu. Klik DI SINI. Klik pada 'Edit App'. Lihat pada sidebar kiri dan klik 'Advanced'. Skrol ke bawah dan cari 'Locale'. Pilih pada drop-down list dengan bahasa yang anda inginkan. Jika anda mahu bahasa Melayu, pilih sahaja Bahasa Melayu dan klik butang 'Save Changes'.

Kemudian, pada kod embed FCB (rujuk pada Langkah #11) anda perlu ubah seperti yang telah saya highlight di bawah:

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Kod en_US mewakili English (US). Jika anda telah pilih Bahasa Melayu pada laman Facebook Apps tadi, tukarkan en_US kepada ms_MY.

Selain daripada dua bahasa ini, anda juga boleh menukar bahasa-bahasa lain. Tetapi pastikan kod ini sama pada setting di laman Facebook Apps anda. Anda boleh rujuk kod-kod bahasa dengan memuat turun (download) dokumen DI SINI.

Facebook Comment Box Menggantikan Blogger Comment Box

Mungkin anda inginkan FCB sahaja dipapar pada blog anda bagi menggantikan Blogger Comment Box (BCB). Anda tidak mahu pembaca blog anda menurunkan komen pada BCB. Sebaliknya, anda inginkan pembaca menurunkan HANYA pada FCB. Namun, bagaimana?

Caranya cukup mudah. Anda hanya perlu disable-kan (off) BCB anda pada Setting blog. Pada Dashboard, klik 'Settings' dan klik pada 'Comments'. Lihat pada title 'Comments', pilih 'Hide' dan klik 'Save Settings'.

Posisi Letak Facebook Comment Box Atas Atau Bawah Blogger Comment Box

Sepanjang pengalaman, saya pernah terfikir untuk meletak posisi FCB saya samada pada atas (sebelum) BCB, ataupun pada bawah (selepas) BCB. Jika saya terfikir seperti itu, mungkin anda juga terfikir perkara yang sama.

(Posisi letak FCB atas atau sebelum BCB)
Buat carian kod id='comments' var='post' kemudian paste kod FCB pada barisan bawahnya.

(Posisi letak FCB bawah atau selepas BCB)
Buat carian kod id='comments' var='post' kemudian buat carian /b:includable. Paste kod FCB pada barisan atasnya.

Akhir sekali, klik 'Save Templates'.


MENGURUS DAN MENGAWAL FACEBOOK COMMENT BOX ANDA

Facebook membenarkan anda untuk mengurus dan mengawal komen-komen yang telah ditinggalkan oleh pembaca blog anda. Tidakkah anda terfikir, bagaimana anda boleh mengetahui seseorang telah meninggalkan komen di FCB anda? Katakan ada beratus artikel di blog anda, bagaimana anda hendak mengetahui artikel mana pembaca meninggalkan komen?

Hendaklah anda sedia maklum bahawa FCB tidak menyediakan sistem 'Notification' seperti di laman sosial Facebook biasa. Tidak usah risau. FCB telah dilengkapi sistem pengurusan komen yang diberi nama sebagai 'Comment Moderation Tool'.

Pada FCB anda di blog, klik pada 'Settings'. Kemudian, klik pada 'Moderate application comments'. Lihat gambar di bawah.

Paparan laman 'Comment Moderation Tool' akan terpapar. Di sini anda boleh mengurus komen pembaca. Di bawah ini adalah contoh paparan 'Comment Moderation Tool' milik saya di blog.

Selain daripada cara ini, terdapat salah satu lagi cara yang lebih mudah. Taipkan alamat URL ini pada browser anda:

http://developers.facebook.com/tools/comments/?id=APP_ID

Tukarkan APP_ID kepada 'App ID' pada Langkah #4 dalam tutorial ini. Kemudian, bookmark pada browser anda. Mudah, bukan?

Terdapat pelbagai lagi setting atau tetapan yang ada pada 'Comment Moderation Tool' ini yang boleh anda cuba.

FACEBOOK COMMENT BOX TROUBLESHOOT

Untuk pengguna/developer Facebook Comment Box (FCB) baru/newbie yang memasang aplikasi FCB di blog mungkin menemukan beberapa masalah. Masalah ini biasanya akan timbul SELALUNYA kepada blogger yang telahpun mempunyai aplikasi atau elemen Facebook pada blog mereka, seperti 'Share Button', 'Like Button', 'Fan Page', 'Profile Badge', dan sebagainya. Jika ada elemen ini, biasanya aplikasi FCB akan menjadi konflik dan mungkin juga error.

Bagaimana mahu menanganinya?

Apa yang perlu anda buat adalah buang kod script Facebook yang pernah anda pasang di blog. Cari kod di bawah pada setiap pelusuk blog, samada di HTML mahupun di gadget, kemudian buang.

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

Jika anda menggunakan 'Share Button' pula, anda perlu alihkan (cut) kod di bawah:

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Kemudian, buat carian kod </body>. Paste kod yang anda cut tadi pada barisan atas </body>. Klik 'Save Templates' dan kemudian sila preview blog anda.

(Pengguna Facebook Comment Box versi lama)

Bagi pengguna FCB versi lama, atau, yang pernah mengikuti artikel tutorial FCB saya yang terdahulu, sila ikuti langkah-langkah ini.

Buang kedua-dua kod di bawah:

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>

dan

<script type="text/javascript">
FB.init("123456789000000000","/xd_receiver.htm");
</script>

Kemudian, ikuti Langkah #9, #10, dan #11. Jika selesai, klik 'Save Templates'.


FREQUENTLY ASKED QUESTION (FAQ)

Q: Saya terus ambil kod FCB dari laman Facebook Plugins dan pasang di blog. Saya tidak ikut tutorial ini.  Ada bezakah?
A: Ya, ada. Untuk mana-mana aplikasi Facebook, script xmls (Langkah #9) dan meta tag (Langkah #10) selari dan saling memerlukan. Jika anda terus copy dan paste dari laman Facebook Plugins, bermakna anda sudah tertinggal xmls dan meta tag. Ia tetap akan berfungi tetapi kurang efisyen. Anda akan perasan apabila aplikasi ini memaparkan jumlah atau isi komen akan menjadi sama pada setiap artikel.

Q: Saya ingin memasang aplikasi Facebook plugin yang lain, contohnya Like Button. Adakah tutorial ini akan menjejaskan plugin yang akan saya pasang itu?
A: Tidak. Sekiranya anda mengikuti tutorial ini dengan sempurna, anda tidak lagi perlu copy kod embed (Langkah #11), xmls, dan meta tag. Anda hanya perlu copy kod plugin iaitu <fb:like width='450' show_faces='true'></fb:like> dan paste sahaja pada blog.

Q: Sekiranya saya ingin menukar layout blogger, adakah saya perlu mengikuti semula tutorial ini?
A: Ada dua jawapan. Ya, sekiranya anda terlupa back-up template lama. Dan tidak, sekiranya anda telah back-up. Jika ya, anda perlu ikut semula tutorial ini dari awal. Jika tidak, anda hanya perlu memindahkan kod xmls, kod meta tag, kod embed, dan kod plugin FCB ke dalam template blogger yang baru sahaja.

Q: Jika saya telah menukar template blogger yang baru, tetapi FCB tidak keluar dengan betul atau error. Bagaimana saya mahu buat?
A: Pertama; sila periksa elemen kod plugin yang utama (xmls, meta tag, kod embed, dan kod plugin) yang berkemungkinan anda tertinggal salah satunya. Kedua; periksa ejaan kod dengan teliti. Jangan tersilap, contohnya '<fb:comment'. Sepatutnya '<fb:comments'.

Q: Jika saya memasang plugin FCB atau mana-mana plugin plugin Facebook yang lain, adakah ia akan menjejaskan proses loading blog?
A: Ia bergantung kepada layout blog dan kandungan elemen pada blog blog anda. Pastikan anda meminimumkan jumlah gambar pada posting dan widget blog anda. Kesilapan sintaks HTML dan Javascript pada blog juga boleh menjejaskan proses loading. Nasihat saya, kurangkan widget yang tiada kena mengena dengan blog. Jika posting anda mempunyai gambar yang banyak, sila gunakan jQuery image viewer atau kecilkan saiz imej. Kalau boleh, gunakan layout blog yang ringkas sahaja.


AKHIR KATA

Sekian sahaja tutorial saya untuk kali ini. Artikel ini akan mengalami proses pengemaskinian secara kerap sekiranya terdapat update daripada Facebook Developer, atau komen dari pembaca.

Sekiranya anda mengalami sebarang masalah, atau mempunyai sebarang persoalan, permintaan atau apa saja, sila tinggalkan komen, atau teruslah berhubung terus dengan saya di Facebook. Tidak perlu malu untuk bertanya. Saya sedia berkhidmat untuk anda! :-)

Kepada blogger yang ingin COPY artikel saya ini, saya HANYA benarkan separuh daripada artikel ini di-copy, iaitu dari awal artikel hingga separuh artikel. Selebihnya, sila buat pautan (link) terus ke artikel ini.

Untuk pengetahuan anda, artikel saya ini ditulis selama 6 jam lebih. Kenapa memakan masa begitu lama? Pertama; Facebook telah update kod FCB. Kedua; sepanjang artikel ini ditulis, aku telah menjalankan ujikaji untuk melihat kalau-kalau terdapat error pada kod. Ini adalah untuk menjamin mutu, kualiti, dan keberkesanan tutorial ini.

Segala kod dan tatacara FCB yang dikarang dalam artikel ini adalah daripada pengalaman dan R&D (research and development) saya sendiri. Jadi, silalah hormati dan hargai hasil penat lelah kerja dan kajian saya ini. Tolonglah JANGAN MENCURI hasil karya orang lain.

(Update! 23/9/2011)

Anda berjaya memasang FCB di blog anda?
Sila tinggalkan testimonial dan link blog anda di ruangan komen. Testimonial dan link blog anda akan disiar di blog ini sebagai backlink PERCUMA untuk anda.

Anda tidak berjaya memasang FCB di blog anda?
Sila tinggalkan link blog anda di ruangan komen. Saya akan cuba survey blog anda dan memberikan khidmat nasihat untuk anda sehingga anda berjaya.

Semoga berjaya!

Tutorial : jQuery Smooth Back To Top For Blogger

Salam.

Rasanya sudah terlalu lama aku tidak mengarang tutorial untuk kaki blogger. Untuk tutorial lama, sila rujuk di tab 'Tutorial Blog'. Di sana telah aku senaraikan tutorial-tutorial yang sangat berguna untuk pengguna platform Blogger. Untuk pengguna platform Wordpress, rasanya di sini bukan tempat yang sesuai untuk kalian. Maaf. Lagipun saya bukan pengguna Wordpress. Jadi saya kurang berkemahiran.

Untuk kali ini, saya bawakan kalian kepada pengguna Javascript jQuery bagi 'Back To Top'. jQuery membolehkan setiap elemen di page blog anda kelihatan cantik, menarik, dan smooth. Sebagai contoh, slideshow untuk imej, imej pop-up (seperti yang saya gunakan sekarang), menu tab slideshow, dan pelbagai method lain lagi. Mungkin ini agak sukar kepada blogger yang tidak biasa.

Saya lihat tidak ramai blogger yang menggunakan jQuery untuk Back To Top mereka. Jadi saya sediakan tutorial ini untuk anda.

Back To Top amat berguna sekiranya satu-satu page anda terlalu panjang, terutamanya entry anda yang terlalu panjang. Pembaca blog anda akan skrol makin ke bawah untuk membaca artikel anda. Jadi, untuk skrol naik semula ke atas yang menjadi masalah kepada pembaca. Jadi, Back To Top membantu pembaca untuk kembali ke paparan paling atas.

Apa beza Back To Top jQuery dengan yang biasa?

Pertama; sila lihat gambar di bawah ini untuk lihat perbezaan (klik untuk perbesarkan):

Perhatikan kotak yang bertanda merah. Ini sebelum kita skrol page ke bawah.

Perhatikan kotak yang bertanda merah. Ini selepas kita skrol page ke bawah. Imej 'Back To Top' automatik muncul setiap kali mana-mana page di blog kita di-skrol ke bawah. Untuk pra-tonton (preview), anda boleh cuba di blog ini. Cuba skrol ke atas terlebih dahulu, kemudian skrol ke bawah sedikit demi sedikit.

Kedua; cuba klik imej 'Back To Top' saya. Ia akan skrol secara smooth hingga ke paparan paling atas. Tidak seperti method 'Back To Top' yang biasa. Method 'smooth scroll' inilah yang dinamakan method jQuery.

Menarik, kan?

Bagaimana cara untuk memasangnya?

1 - Copy kod di bawah.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="http://blog-host.googlecode.com/files/back_to_top.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'Scroll Back to Top'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) }}scrolltotop.init()</script>

2 - Pergi ke 'Dashboard', klik 'Design', klik 'Add a Gadget', dan pilih 'HTML/Javascript'.

3 - Paste kod yang telah anda copy tadi.

4 - Jika anda telah apply jQuery sebelum ini di blog anda, pastikan anda buang (delete) kod yang berwarna kuning.

5 - Jika anda ingin menggunakan imej 'Back To Top' anda sendiri, ubah kod yang berwarna hijau. Jika tidak, anda boleh guna imej yang telah saya link ke server googlecode saya.

6 - Klik butang 'Save' dan cuba preview blog anda.

Kini blog anda mempunyai jQuery Back To Top!

Selamat mencuba.

TUTORIAL : Open Image In New Tab

Salam Ramadhan.

Ini adalah tutorial bagaimana mahu buat satu link image automatik terbuka pada tab browser yang baru atau dalam bahasa Inggerisnya, auto open in new tab.

READ MORE / LESS >>

Normalnya, setiap gambar yang di-upload ke dalam blog dengan menggunakan platform Blogger, ia akan secara auto mencipta link kepada gambar tersebut. Di mana, apabila gambar yang telah kita upload itu di-klik, browser akan load untuk 'preview' gambar tersebut dalam skala ukuran yang sebenar (width dan height) dalam page yang sama.

Namun, method ini biasanya menyusahkan kerana kita perlu menekan butang back untuk kembali ke laman (page) sebelumnya. Setelah butang back ditekan, browser sekali lagi akan loading page tersebut. Oleh yang demikian, 'open image in new tab' amat berguna untuk mengurangkan browser mengalami proses loading yang kerap.

Bagaimana caranya?

Okey. Kita akan buat satu eksperimen.

1) Buat satu entry baru. Kemudian upload satu gambar contoh. Saya ambil gambar kucing, seperti di bawah. Pastikan anda cipta entry pada tab 'Compose'.


2) Klik pada tab 'Edit HTML'. Editor anda akan bertukar seperti di bawah.


3) Apa yang tertera di dalam Editor tersebut adalah satu kod HTML bagi link dan gambar yang telah kita upload sebentar tadi. Maka, pada kod ini perlu kita tambah satu kod supaya gambar kita akan terbuka secara auto ke tab yang baru jika di-klik. Caranya, copy kod ini: target="_blank"

4) Kemudian, ubah kod <a dengan menambah kod yang telah anda copy tadi menjadi <a target="_blank". Lihat contoh seperti di bawah.


5) Akhir sekali, klik butang 'Publish Post' dan cuba anda preview. Klik pada imej. Adakah imej anda terbuka pada tab yang baru?

Itu saja. Mudah saja, bukan?

Cara ini adalah salah satu teknik atribut HTML yang dipanggil 'anchor'. Anda boleh membaca dan menyelidik sendiri secara terperinci di W3Schools.com. KLIK SINI untuk terus ke laman tersebut.

Diharapkan tutorial ini membantu anda. Selamat mencuba!

TUTORIAL : Facebook Video Chat

Salam.

Semalam aku sempat tengok video live (live streaming video) persembahan Mark Zuckerberg dalam pelancaran Facebook Video Chat. Streaming tu memakan masa lebih 1 jam kot. Oleh kerana tak larat nak tengok presentation Mark lama sangat, aku cuma tengok yang penting saja, Facebook-Skype Video Chat! Sebelum ni, aku pernah membuat artikel fasal ini (Facebook 'awesome'!) dan ternyata artikel aku itu terbukti benar.

READ MORE / LESS >>

Sebentar tadi aku berjaya install aplikasi tersebut di Facebook aku. Walau bagaimanapun, aku masih gagal membuat live video chat dengan rakan-rakan kerana rata-rata mereka masih tidak tahu bagaimana mahu buat video chat ini. Oleh kerana itu, dengan rasa bangganya aku mencipta artikel ini; bagaimana mahu install dan video chat di Facebook anda.

Hanya beberapa langkah mudah.

Pertama, klik link ini; https://www.facebook.com/videocalling dan terus klik "Get Started".

Kedua, pop-up window akan keluar dan anda hanya perlu download tanpa rasa ragu-ragu.

Ketiga, setelah selesai download, klik dua kali file yang telah anda download tadi untuk proses install. Pastikan anda tidak menutup browser anda.

Akhirnya, selepas selesai proses install, anda akan mendapati browser akan refresh Facebook dan chat anda akan automatik on (jika chat di-set off). Pilih salah seorang rakan anda pada senarai chat dan anda akan mendapati window chat berubah seperti gambar di bawah:

Untuk pertama kalinya, aku guna aplikasi Facebook terbaru ini. Tapi asih belum berjaya la.

Jadi, menjadi 'tugas' kita la menyebarkan berita gembira ini. Lepas ni, ramailah kawan-kawan kita bersembang sambil tengok muka masing-masing secara langsung (live)! Jangan lupa 'like' artikel ini kerana setiap yang anda 'like', artikel ini akan terus di-share ke Wall Facebook anda!

[ARTIKEL YANG SERUPA]

Aduka: Berita sedih bagi pengguna Facebook yang takde webcam! Bwahahahaha..! :P

Tips Blog : Bagaimana Mahu Kekalkan Trafik

Salam.

Sebelum ini, terus terang aku tidak tahu atau mengambil tahu fasal trafik. Cuma pada akhiran tahun 2010 (tahun lepas), barulah aku sedikit sebanyak belajar tentang trafik, SEO, PR, bounce rate, analytics, dan sebagainya yang berkaitan dengan website atau blog. Walaupun masih dikatakan baru, aku sedikit sebanyak faham bagaimana mahu mengekalkan trafik di blog. Sama-samalah kita baca, berkongsi idea, dan mempelajari tips-tips ini.

READ MORE / LESS..

1 - Promosi

Beberapa hari yang lalu, ada rakan blogger memberi satu mesej kepada aku di Facebook. Tanyanya, bagaimana mahu meningkatkan trafik di blog? Tiada jawapan lain daripada aku selain dari 'promosi'. Promosi adalah satu aktiviti penting yang perlu dilakukan oleh setiap blogger. Kenapa?

Anggaplah blog kita seolah-olah gerai menjual produk kecantikan. Gerai mewakili blog. Penjual pula mewakili kita; penulis blog. Produk pula mewakili artikel blog. Jika tiada promosi (marketing) masakan orang tahu produk apa yang kita jual? Maka, promosi adalah perlu. Ada promosi, maka adalah pelanggan. Lagi bagus dan meluas promosi kita, lagi luaslah skop pelanggan kita. Begitu jugalah dengan blog. Lagi banyak dan meluas promosi, maka lagi ramailah pengunjung ke blog kita. Keadaan gerai pula juga amat penting. Lagi cantik dan kemas gerai kita, lagi selesalah pelanggan untuk terus berada di gerai kita. Promosi pula didatangkan dengan pelbagai cara. Penjual yang ramah dan mesra pengguna adalah pemangkin kepada peningkatan penjualan sesuatu produk.

Logik atau tidak contoh di atas? Bolehkah anda cuba manipulasikan 'gerai atau kedai' kepada blog? Tepuk dada, tanyalah selera.


2 - Follower

Dahulu, aku pernah membangkang kenyataan 'Follower boleh meningkatkan trafik ke blog'. Aku jawab, tidak semestinya. Dalam pemerhatian aku, follower juga penting. Lagi ramai follower, lagi tinggilah nilai trafik ke blog kita. Tapi, yang menjadi kesukaran bagi kita ialah mengenalpasti adakah Follower tersebut 'silent reader' atau pembaca yang aktif, yakni; baca, tinggalkan komen dan mempromosi artikel kita. Walau bagaimanapun, persoalan ini tidak perlulah kita gusarkan.


3 - Gaya Penulisan dan Isi (Content)

Sewaktu ketika, ramai blogger berdebat tentang perkara ini. Ada yang kata, tulislah sesuka hati asalkan pembaca faham. Ada juga yang kata, tulis skema lagi bagus. Begitu juga yang berkata, blog aku suka hati akulah nak tulis macam mana! Haha. Biasalah. Macam-macam ragam manusia, macam-macam jugalah ragam blogger. Aku lebih suka menulis dengan gaya skema dan berbahasa baku. Tampak matang dan boleh pergi jauh.

Perihal isi, sebagai blogger yang jujur dan professional isi perlulah selari dengan tajuk. Jangan 'lacurkan' artikel anda dengan perkara yang tidak logik. Jika tajuk ditulis 'lembu mati tertelan durian', maka tulislah artikel yang mengandungi isi berkenaan 'lembu mati tertelan durian'. Jangan pula menggambarkan isi cerita yang lari dari tajuk sebenar. Jika boleh, pastikan isi anda sempurna (perfect) dengan menggunakan konsep 6W 1H (What, Where, When, Why, Who, Which dan How).


4 - Search Engine Optimization (SEO)

Ramai yang masih kabur fasal SEO. Ramai yang tidak tahu atau tidak mahu ambil tahu fasal SEO. Kenapa? Susah sangatkah? Sebenarnya SEO bukanlah perkara yang rumit. Ikuti sahaja tips-tips yang disediakan. Lebih daripada itu yang memeningkan kepala, tidak usahlah ambil tahu. Cukup setakat mana yang kita mampu tahu. Dengan teknik SEO mampu mengekalkan trafik ke blog kita. Antara teknik-teknik SEO termasuk; meta tag, tajuk mesra pengguna, kepenggunaan kata kunci (keyword), Page Rank (PR), dofollow nofollow, backlink, dan sebagainya. Artikel ini pernah aku tulis sebelum ini. Tidak rugi kalau belajar.


5 - Aktiviti Sampingan

Apa itu aktiviti sampingan? Aktiviti sampingan yang aku kategorikan berkait tentang perilaku (method) yang 'baru wujud' dalam dunia blogging, iaitu; blogwalking. Memang tidak dinafikan aktiviti blogwalk adalah salah satu cara yang berkesan untuk meningkatkan dan mengekalkan trafik blog. Namun sejauh manakah keberkesanannya? Satu soalan yang perlu kita titik beratkan; bagaimana keadaan trafik tatkala kita luar talian (offline)? Tepuk dada, tanya selera.

Blogwalking boleh dikategorikan dalam 'promosi'. Melompat dari satu ke satu blog dan tinggalkan link pada ruang komen atau ruang sembang. Namun harus tahu bahawa, tidak semua blog mempunyai atau selesa dengan cara kita. Sebab itulah sesetengah blog tiada ruang sembang (chatbox). Bagi mereka, aktiviti blogwalk sama dengan aktiviti 'spamming'. Adakah anda salah seorang daripada 'spammer'?


Kesimpulan

Rambut sama hitam (kecuali sudah diwarnakan), hati lain-lain. Begitu juga di blog. Lain blog, lainlah persepsi dan identitinya. Maka, perlulah blogger itu sendiri mencerminkan apa dan bagaimana imej blog mereka. Sekali lagi; tepuk dada, tanyalah selera!

Tips SEO : Panduan Berguna Bagi Meningkatkan Trafik

Sebelum ini aku pernah mengulas tentang Google Page Rank (PR) untuk blogger. Mungkin artikel tersebut tidak banyak membantu namun ia diharapkan dapat sedikit sebanyak menjawab beberapa persoalan yang bermain di fikiran kita. Dan mungkin sedikit sebanyak terdapat informasi berguna yang boleh anda pelajari darinya. InsyaAllah.

READ MORE / LESS..

Secara umumnya Page Rank sebenarnya adalah sebahagian daripada SEO. Cuma PR adalah kayu pengukur setiap mutu SEO sesebuah blog. Berbeza dengan SEO. Dengan kata lain, SEO diibaratkan ‘cara mahu popularkan’ blog. PR pula diibaratkan ‘nilai atau tahap (level) kepopularitian’ blog. Asasnya hanya terdapat pada teknik SEO.

Apa itu SEO (Search Engine Optimization)?

Search Engine Optimization (SEO) adalah perkara teknikal penting yang biasanya dipraktikkan oleh internet marketer atau orang yang serius dalam menarik trafik ke blog atau laman sesawang mereka. Lebih tepat lagi, ia adalah satu teknik bagi mempopularkan blog atau laman sesawang.

SEO adalah satu teknik asas yang perlu dititik beratkan oleh blogger yang benar-benar serius dalam dunia blog. Tanpa pengetahuan SEO, sudah tentunya blog anda suram dan tiada follower kerana ketiadaan pelawat (visitor).

Terkini, blogger baru (newbie) akan mencari pelawat dengan cara blogwalking. Seterusnya mereka akan meninggalkan sebarang mesej beserta link pada ruang chat atau ruang komen pada blog orang yang tidak dikenali ataupun mempromosikan link blog di laman sosial. Pelawat akan datang setelah membaca atau terlihat promosi yang dilakukan. Teknik blogwalking mungkin relevan. Tetapi, bagaimana pula sekiranya anda tidak ada dalam talian (offline)? Mungkinkah ada pelawat? Ya, mungkin ada. Akan tetapi tidaklah ‘sekencang’ mana. Walhal teknik SEO ini adalah satu cara terbaik untuk meningkatkan atau mengekalkan jumlah pelawat ke blog atau laman sesawang kita.

Apakah teknik-teknik SEO?

Terdapat beberapa teknik penting yang perlu kita ambil tahu dan perlu dititik beratkan semasa menulis sesuatu artikel di blog. Antaranya adalah;

1 – Kata kunci (keyword)

Kata kunci (keyword) adalah satu teknik yang penting. Kata kunci tidak semestinya hanya pada tajuk semata-mata. Ia merangkumi tajuk dan artikel. Penggunaan bahasa pasar, bahasa SMS dan loghat negeri amatlah merugikan. Kenapa? Alasannya, amat jarang sekali pengguna enjin carian membuat carian dengan katakunci dalam bahasa tersebut. Maka, cara terbaik adalah menggunakan kata kunci, perkataan dan tatabahasa yang betul. Lebih skema lebih bagus. Karanglah artikel berkaitan isu yang lebih luas dan biasa orang mencari-cari. Contohnya, tutorial, isu semasa, berita, dan sebagainya.

Elakkan juga mengarang artikel seperti kanak-kanak, contohnya; sAyA ade maKLumaT penTinG yAng pErLu k0raNg tAhU. Elakkankan penggunaan simbol juga, contohnya; s@ya ad3 maklum4t pent!ng.

Untuk tajuk, tekniknya masih sama seperti yang diterangkan di atas. Cuma ia perlulah spesifik dan menarik minat (attraction) pembaca. Tajuk tidak perlu panjang. Selain itu, terdapat satu teknik yang dipanggil ‘SEO Friendly Title’ di mana setiap carian di enjin carian akan diindeks pada tajuk artikel dengan lebih sistematik lagi. Baca selanjutnya tentang SEO Friendly Title Tag.

2 – SEO Meta Tag

SEO Meta Tag juga memainkan peranan yang penting. Cuma ramai masih tertanya-tanya. Apa itu Meta Tag? Meta Tag adalah satu atribut atau kod yang dipasang pada HTML blog atau laman sesawang. Ia mengandungi penerangan ringkas (description) artikel atau blog, katakunci (keyword), nama pengarang (author), dan sebagainya.

Baca selanjutnya tentang SEO Meta Tag.

3 – Tetapkan ‘nofollow’ pada link

Blog anda sudah tentu mempunyai link feed. Mungkin juga link ke laman sosial seperti Twitter dan Facebook. Untuk pengetahuan anda, link yang tidak ada kena mengena dengan blog perlulah ditetapkan sebagai ‘nofollow’. Ini bagi mengelakkan link-link tersebut dari diindeks oleh enjin carian. Link-link sebegini akan membuatkan blog anda dikenakan penalti. Link yang perlu anda tetapkan sebagai ‘nofollow’ adalah; blog feed, social bookmark, tentang saya, hubungi saya, dan sebagainya.

Cara penetapan adalah: <a rel=’nofollow’ href=[link]>nama link</a>

Selain itu, teknik menjadikan blog anda sebagai ‘dofollow’ juga semakin popular kini. Baca selanjutnya tentang Tetapan DoFollow pada Blog.

4 – Penggunaan ALT pada tag imej

Penggunaan atribut ALT pada tag imej juga salah satu cara yang baik sekiranya pengguna membuat carian untuk imej. Ia dapat dilihat tatkala anda meletakkan kursor pada gambar, perkataan akan muncul di hujung kursor anda. Perkataan yang muncul itulah yang dipanggil ‘alternate description’.

Contoh kod asal yang anda muatnaik adalah seperti <img src=’imejURL’ />. Anda hanya perlu menambah ALT di dalam tag imej tersebut menjadi <img alt=’penerangan/tajuk gambar’ src=’imejURL’ />

5 - Backlink

Apakah itu backlink? Backlink secara kasarnya boleh disebut sebagai link masuk (incoming link) ke blog kita. Link ini terhasil dalam pelbagai cara. Antaranya; link blog kita diletakkan pada ruang blogroll di blog lain, link blog diletakkan pada ruang komen, kredit berbentuk link yang dinyatakan oleh blogger lain kerana memetik ayat atau perenggan dari artikel di blog kita, dan sebagainya.

Ingin menjadi blogger yang berjaya perlulah ada disiplin dan kerajinan. Secara asasnya, blog anda perlulah sentiasa dikemaskini (update) sekurang-kurangnya satu artikel sehari bagi memastikan pelawat anda terus sentiasa menyukai blog anda.

Tutorial : How To Join The .001 Files With HJ-Split

First, download HJ-Split software. Click here to download.

READ MORE/LESS..

How to join the files using HJSplit?

With HJSplit you can not only split files, but also join the split parts back together again.

Information: A collection of split parts is set of files having all the same filename, exept for the extension at the end of the file name (.001, .002, .003, etc.) . Combining/joining these split parts is equivalent to restoring the original (pre-split) file.

After clicking on the 'Join' button in the main HJSplit screen, you will see the following screen:

To join a set of files, just perform the steps indicated below.

(1) Make sure the set of split parts (set of files ending in .001, .002, .003, etc.) to be joined all reside inside the same directory.

(2) Click on the button 'Input file', in the screen directly above, which will open the dialog shown directly below:

(3) In this dialog, select the file you want to join. Then press the 'Open' button.

Information: Please note that only the first file in the set of split parts (the .001 file) is visible in this dialog. Note that it is important that all split parts are in the same folder. When the other files which belong to the set of split parts (.002, .003, .004, etc.) are in the same folder, HJSplit will automatically find them during joining.

After pressing 'Open', the name and path of the file you just selected will appear in the 'input file' box, please see below:

(4) Press the 'start' button in the screen above. HJSplit now shows a progressbar with the title 'working'.

(5) Finally,you will see the message that joining is completed (see below).

That the joined file can now be found in the same folder as the split part (the .001 file you selected in step 2).

Real Faceblog : Kini Blog Aduka Dilengkapi Dengan Sistem Notifications!

Salam.

Alhamdulillah, setelah lebih enam bulan Blog Aduka bertransformasi ke template ala-ala Facebook, kini blog ini maju setapak lagi dengan menyediakan sistem Notifications! Sistem ini lebih kurang Notifications di Facebook, cuma tidak sehebat di Facebook. Ia hanya memaparkan komen-komen yang telah dibuat oleh pembaca blog ini pada ruang Facebook Comment Box.

READ MORE / LESS..

Sebenarnya, sistem ini sudah dipasang lebih kurang pada awal bulan Januari yang lalu. Cuma masih terdapat pengubahsuaian sedikit sebanyak.

Tujuan sistem ini dipasang di blog adalah untuk melihat senarai-senarai komen yang telah dibuat oleh pembaca. Sebelum kewujudan sistem ini, menjadi kesukaran bagi aku untuk melihat siapa yang telah komen di blog. Oleh itu, aku terpaksa mencari cara alternatif supaya aku dapat melihat, balas, delete, ban, dan sebagainya komen-komen yang telah dibuat oleh pembaca. Sistem Facebook Comment Box ini tidaklah seperti Blogger Comment biasa yang boleh di-monitor dengan klik pada tab 'Comments' pada Dashboard. Jadi, dengan adanya sistem ini, penulis blog dapat mengurus dan mengendali komen-komen dengan lebih mudah. Dan anda juga dapat melihat rekod komen-komen yang ada.

Jika anda masih juga kabur-kabur dengan penerangan aku di atas, sila lihat demontrasi di bawah. Gambar yang di sediakan akan 'auto open new tab' selepas di klik. Klik untuk besarkan.

Klik pada ikon 'Notifications' seperti gambar di atas.

Tetingkap lain akan terbuka pada tab yang baru secara automatik apabila ikon 'Notifications' ini di klik.

Inilah dia antaramuka senarai komen-komen yang telah dikomen pada ruang Facebook Comment Box yang telah dipasang di blog ini. Dapat lihat?

Wow! Rupa-rupanya sudah 900 komen telah dibuat oleh pembaca.

Untuk mudah dan tampak cantik, aku telah membuat hanya 7 komen dipapar untuk satu halaman. Bermakna, aku boleh klik 'Next', 'Previous', 'First', 'Last' serta hanya klik pada nombor-nombor halaman. Anda cubalah sendiri.

Tutorial?

Maaf. Buat masa ini, Facebook Comment Box dan sistem Notifications sepertimana ada terpasang di blog ini tidak akan dibuat tutorial. Setelah banyak pembaca copy-paste-edit (plagiat) tutorial Facebook Shoutbox yang pernah aku buat suatu ketika dahulu kemudian mengaku tutorial tersebut dicipta oleh mereka-mereka, aku jadi agak kecewa. Bukannya kedekut ilmu. Sekurang-kurangnya bagilah sedikit penghargaan (credit). Ini tidak. Tidak mengapalah. Bila hati sudah terbuka untuk berkongsi, tutorial ini akan menyusul juga. InsyaAllah. Cuma masih belum tahu bila. Agaknya, biarlah aku menggunakan ia puas-puas dulu. Hehe.

UPDATE!

Baru-baru ini, aku telah terjumpa satu blog yang menyerupai blog aku. Template sama dan diberi nama Faceblog juga, cuma warna template-nya saja berlainan. Logo pun lain kerana telah diubahsuai menjadi 'Faceblog'. Agak kreatif jika dibandingkan dengan aku yang tidak tahu design Photoshop ini. Hehe. Tapi tidak mengapalah. Template ini percuma, jadi tidak hairanlah ramai orang pakai. Lagipun sistem Faceblog dia jauh beza lagi dengan Faceblog aku. Ada sesiapa mahu volunteer untuk ubah logo Blog Aduka? Hehe.

Kepada semua yang menyokong Blog Aduka, aku sangat-sangat menghargai sokongan anda semua. Anda selalu jenguk-jenguk blog ini. Selalu blogwalk. Selalu komen. Bagus. Teruskan menyokong!

UPDATE!

Bagi pengendali website biasa (regular site), anda boleh memasang Facebook Like Button With Open Graph dengan mengikuti tutorial yang pernah aku buat dahulu. KLIK SINI.

Untuk blogger pula, aku pernah buat tutorial Facebook Comment Box dan Like Button. Cuma cara lama.

KLIK SINI UNTUK FACEBOOK COMMENT BOX.

KLIK SINI UNTUK FACEBOOK LIKE BUTTON.

Untuk tutorial Facebook Share Button pula, KLIK SINI.

Untuk tutorial Facebook Shoutbox, boleh KLIK SINI.

Aduka: Kalau rasa artikel ini menarik untuk dikongsi, sila klik butang 'Share' atau 'Like'. Terima kasih.

Tips SEO : Title Tag Asas Kepada Pengenalan Blog

Anda tentunya sudah sedia maklum bahawa Meta Tag adalah salah satu teknik Search Engine Optimization (SEO) yang penting jika merujuk kepada artikel yang pernah diterbitkan sebelum ini. Adalah tidak lengkap sekiranya satu teknik ini tidak dilaksanakan selari dengan teknik Meta Tag. Teknik ini dinamakan Title Tag.

Read more/less..

Mungkin ramai yang tidak tahu bahawa title (tajuk) sesuatu artikel atau blog adalah memainkan peranan yang sangat penting bagi Search Engine Results Page (SERP). Dan kerana itulah juga permainan kata kunci (keyword) pada tajuk juga seiring.


Formula terbaik untuk tajuk (title)

Blog atau laman web datang dalam pelbagai konsep, bentuk, gaya, dan kandungan. Perbezaan inilah juga yang membezakan tajuk-tajuk yang dirasakan sesuai untuk menarik minat pembaca dan juga peningkatan tahap PageRank (PR) dan trafik.

Tajuk-tajuk yang ditulis tidak kena dengan isi kandungan sebenarnya satu teknik yang hanya bersifat sementara, yakni trafik hanya akan naik sewaktu artikel diterbitkan semata-mata. Apa yang penulis blog atau laman web inginkan adalah trafik yang senantiasa ada atau wujud walaupun artikel tersebut sudah berusia lebih dari satu tahun.

Inilah formula yang perlu kita ketahui.

(Sumber: WordStream)

Melihat jadual di atas, sudahkah anda tahu formula manakah yang perlu anda guna bersesuaian dengan kategori blog atau laman web anda?


Cara membuat tajuk (title) blog atau artikel mesra SEO

Mengikut firasat, blogger.com sekarang mungkin telah menyedari hakikat mengenai teknik tajuk mesra SEO ini. Ini adalah memandangkan kebanyakan blog baru telah menepati teknik ini. Cuma yang membezakan adalah permainan kata kunci (keyword) yang sesuai pada tajuk. Tidak mengapalah. Biarlah artikel ini hanya sebagai pengetahuan umum.

Jika terdapat blog yang masih belum menepato teknik ini, ini adalah langkah demi langkah bagaimana mahu mengubah kod HTML blog anda.

1 - Dari 'Dashboard' anda, klik pada 'Design', dan kemudian klik 'Edit HTML'.
2 - Buat carian dengan kata kunci 'data:blog.pageTitle'.
3 - Jika anda lihat kod berbentuk

<title><data:blog.pageTitle/></title>

gantikan (replace) kod tersebut dengan kod ini

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

ATAU

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

4 - Klik butang 'Save Template'.
5 - Cuba lihat blog anda. Lihat perbezaan pada laman utama (Home) dan klik satu artikel. Lihat pada tajuk pada browser.

Selesai!

Ini adalah contoh perbezaan tajuk (title) pada blog ini.

(Laman utama)

(Laman artikel)

Selamat mencuba!

Tips SEO : Meta Tag Sebagai Trafik Dan Identiti Blog

Bagi mereka yang kurang arif, meta tag adalah tag HTML yang berada di bahagian <head> pada suatu laman web atau blog. Tidak seperti tag HTML yang lain, meta tag seolah-olah perwakilan identiti kepada sesebuah laman web mahupun blog. Meta tag yang berbeza melayani tujuan yang berbeza, tetapi mereka umumnya digunakan untuk memberikan maklumat tambahan mengenai sesuatu laman.

Read more/less..

Contoh salah satu meta tag dari blog ini;

<meta name="description" content="Blog Yang Tidak Akan Buat Anda Berasa Bosan, Mengantuk, Dan Sakit Hati">

Kenapa meta tag penting?

Meta tag adalah salah satu teknik penting dalam SEO. Teknik ini biasa digunakan oleh kebanyakkan pembangun laman web dan blog. Mereka menitik beratkan Search Engine Results Page (SERP) supaya link laman web dan blog mereka tersenarai di tahap tertinggi di semua enjin carian (search engine) seperti Google dan Yahoo!.

Jadi, sudah tentunya kita pun turut sama inginkan seperti mereka yang lebih popular dan tersenarai pada SERP, bukan?


Bagaimana mahu memasang SEO meta tag?

Ikuti langkah demi langkah di bawah:

1 - Pada 'Dashboard', pergi ke 'Design' dan klik 'Edit HTML'.
2 - Buat carian dengan kata kunci '<head>'
3 - Salin (copy) kod di bawah

<meta content="DESCRIPTION" name="description">
<meta content="KEYWORD" name="keywords">
<meta content="PENULIS" name="author">

4 - Paste kod anda copy tadi di baris bawah <head>.
5 - Gantikan yang bertanda BIRU:

- DESCRIPTION : Keterangan ringkas tentang blog anda. Maksimum ialah 200 karekter (termasuk ruang kosong atau space).
- KEYWORD : Kata kunci tentang blog anda. Maksimum 20 kata kunci. Setiap kata kunci di asingkan dengan tanda koma (,).
- PENULIS : Nama pena atau nama anda selaku pengarang blog.

6 - Klik butang 'Save Template'.
7 - Jika terdapat error, sila buang kod yang di-copy tadi, kemudian buat carian dengan kata kunci ini pula '<b:include data='blog' name='all-head-content'/>'.
8 - Kemudian, copy kembali kod pada langkah 3, dan paste di baris bawah.
9 - Akhir sekali, klik butang 'Save Template'.

Tag tambahan yang boleh anda letak:

<meta content="global" name="distribution">
<meta content="7 days" name="revisit">
<meta content="7 days" name="revisit-after">
<meta content="all" name="audience">
<meta content="general" name="rating">

Terdapat banyak tools yang boleh kita gunakan di internet. Antaranya Free Meta Tag Generator. Tools ini berupaya memproses dan menghasilkan meta tag secara automatik kepada anda. Malah, ia adalah percuma.

Selain itu, terdapat servis SEO tools percuma yang di panggil Meta Tag Analyzer yang berfungsi memeriksa dan menganalisa kod meta tag blog anda. Di sini ia akan memeriksa kesalahan dan kesilapan pada meta tag blog anda.


Sekian.

Selamat mencuba!