tag:blogger.com,1999:blog-22572013777163713812024-03-14T01:24:06.235+08:00Zaer AliBlogging Tips * SEO * Social Media Marketing *Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-2257201377716371381.post-80384699323237132192018-10-22T20:27:00.000+08:002018-10-23T09:20:11.526+08:00Panduan Tukar Alamat blogspot Ke .comKepada mereka yang gunakan blogspot sebagai hosting untuk blog dan ingin tukar ke domain .com, ada few steps yang perlu diikuti. Sebelum ini, convert dari blogspot kepada .com amat mudah sebab option berkenaan available dalam <b>Settings</b> dalam blogger.com.<br />
<br />
Setelah review beberapa kes rakan-rakan yang convert ke .com, masalah yang dihadapi adalah disebabkan <b><span style="color: #990000;">DNS configuration yang perlu dibuat pada setting domain hosting</span></b>. Sebelum ini, setting berkenaan dibuat secara automatik, tetapi setelah blogger menghentikan fungsi direct conversion dari blogger, setting DNS perlu dibuat secara manual.<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Step 1 : Daftar Domain Dengan Domain Provider</span></b></div>
<br />
Step pertama yang perlu dibuat ialah untuk daftarkan domain anda. Katakan anda ingin daftarkan domain <i>zaeronline.com.</i> Terdapat beberapa hosting seperti GoDaddy (godaddy.com) dan eNom (enom.com). Pergi ke mana-mana hosting dan cuba semak sama ada domain yang dingini masih available.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-xYnx-i0-zUg/UlkjTX1J3PI/AAAAAAAAAsk/aYIA0FUBcSU/s1600/domain+search+godaddy.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://4.bp.blogspot.com/-xYnx-i0-zUg/UlkjTX1J3PI/AAAAAAAAAsk/aYIA0FUBcSU/s1600/domain+search+godaddy.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Semakan domain dengan GoDaddy</td></tr>
</tbody></table>
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-rTiVB7zMEfg/UlkjTqpmpDI/AAAAAAAAAso/9wFu33hb76A/s1600/domain+search+enom.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://1.bp.blogspot.com/-rTiVB7zMEfg/UlkjTqpmpDI/AAAAAAAAAso/9wFu33hb76A/s1600/domain+search+enom.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Semakan domain dengan eNom</td></tr>
</tbody></table>
<br />
Jika domain yang diingini belum berdaftar, hosting akan memaparkan mesej yang domain berkenaan masih available. Jika telah didaftar, tiada pilihan lain, anda perlu pilih nama yang lain.<br />
<br />
Setelah semakan berjaya, anda boleh teruskan pendafaran sehingga selesai. Dalam proses pendaftaran, tidak perlu memilih options lain yang ada. Cukup sekadar basic registration untuk domain anda. Anda akan memperolehi akaun untuk login ke hosting anda. Anda perlu gunakan akaun ini untuk buat perubahan pada DNS setting kemudian.<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Step 2 : Point blogspost ke Domain Anda</span></b></div>
<br />
Setelah mendaftarkan domain anda, anda perlu point alamat blogspot ke .com. Masuk ke blog anda di blogger.com, pergi ke menu <b>Settings</b>, <b>Basic</b> dan klik pada <b>Add a custom domain</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-4JaQbd_jmOE/UlkmvR_fAbI/AAAAAAAAAs4/PYNfxjsNk5Y/s1600/blogspot+domain.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-4JaQbd_jmOE/UlkmvR_fAbI/AAAAAAAAAs4/PYNfxjsNk5Y/s1600/blogspot+domain.png" /></a></div>
<br />
<br />
Masukkan domain yang baru anda register dan klik <b>Save</b>. Anda akan lihat mesej error seperti di bawah.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Zd5gkicoizQ/UlkoOqNbFVI/AAAAAAAAAtE/fyrPKCLa06I/s1600/domain+set+up+blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Zd5gkicoizQ/UlkoOqNbFVI/AAAAAAAAAtE/fyrPKCLa06I/s1600/domain+set+up+blogspot.png" /></a></div>
<br />
<br />
Dua maklumat di bawah <b>Nama, Label, or Host field</b> dan <b>Destination, Target, or Points To field</b> perlu anda create dalam DNS untuk domain hosting anda (yang anda gunakan untuk daftarkan domain). www dan ghs.google.com adalah sama untuk semua blog. Maklumat kedua adalah unik untuk setiap blog. Salin kedua-dua maklumat ini.<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Step 3 : Perubahan Pada DNS</span></b></div>
<br />
Log masuk ke hosting anda gunakan akaun yang telah diberikan oleh provider.<br />
<br />
<b>Akaun eNom:</b><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-bcgObUle6zY/UlpSoXR1uVI/AAAAAAAAAt4/LJP3a9F5i_k/s1600/eNom+Login.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://2.bp.blogspot.com/-bcgObUle6zY/UlpSoXR1uVI/AAAAAAAAAt4/LJP3a9F5i_k/s1600/eNom+Login.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">eNom Domain Management Login Screen</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
Semak dalam senarai <b>Host Records</b> sama ada telah wujud 2 rekod yang dikehendaki oleh blogger.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-tP_WAoQkrrE/UlpT5hyNR9I/AAAAAAAAAuE/5DZdIbVwHsU/s1600/blogger+dns+settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-tP_WAoQkrrE/UlpT5hyNR9I/AAAAAAAAAuE/5DZdIbVwHsU/s1600/blogger+dns+settings.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Klik button <b>Edit</b> untuk tambahkan entry baru dalam list <b>Host Records</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bEZZIB-ECyM/UlpSE1xSHvI/AAAAAAAAAtc/52tw7DPwtOU/s1600/eNom+Members+Screen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-bEZZIB-ECyM/UlpSE1xSHvI/AAAAAAAAAtc/52tw7DPwtOU/s1600/eNom+Members+Screen.png" /></a></div>
<br />
Klik button <b>Add New</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Q7eUzRGPK3g/UlpSEym619I/AAAAAAAAAtg/ZFruZdJM4uE/s1600/eNom+DNS+Settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-Q7eUzRGPK3g/UlpSEym619I/AAAAAAAAAtg/ZFruZdJM4uE/s1600/eNom+DNS+Settings.png" /></a></div>
<br />
Masukkan kedua-dua rekod yang diperlukan. Pastikan <b>Record Type</b> adalah <b>CNAME (Alias)</b>. Untuk setiap rekod, klik button <b>Save</b> untuk simpan rekod berkenaan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Uy-OVB_N9RI/UlpSFR-faDI/AAAAAAAAAtw/Q3BELzxqQ08/s1600/eNom+New+DNS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Uy-OVB_N9RI/UlpSFR-faDI/AAAAAAAAAtw/Q3BELzxqQ08/s1600/eNom+New+DNS.png" /></a></div>
<br />
Selesai!<br />
<br />
<b>Akaun GoDaddy:</b><br />
<br />
Login ke akaun GoDaddy.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-x9NxIAozOYc/Ulp3nVZMxAI/AAAAAAAAAuU/nKcQ_jlMCdQ/s1600/GoDaddy+Login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-x9NxIAozOYc/Ulp3nVZMxAI/AAAAAAAAAuU/nKcQ_jlMCdQ/s1600/GoDaddy+Login.png" /></a></div>
<br />
Anda akan list senarai domain yang telah anda daftarkan. Klik pada nama domain.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-tX71plDIfis/Ulp3131XtBI/AAAAAAAAAuc/wVYN8ryDKr4/s1600/GoDaddy+Domain+List.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-tX71plDIfis/Ulp3131XtBI/AAAAAAAAAuc/wVYN8ryDKr4/s1600/GoDaddy+Domain+List.png" /></a></div>
<br />
<br />
Anda akan lihat <b>Domain Details</b>. Di bawah menu DNS, terdapat sub-menu <b>DNS Manager.</b> Klik pada sub-menu ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-eDGv5VsUJtk/Ulp49Fd_vWI/AAAAAAAAAuo/Ax9-uM-p2q4/s1600/GoDaddy+DNS+Manager+Link.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-eDGv5VsUJtk/Ulp49Fd_vWI/AAAAAAAAAuo/Ax9-uM-p2q4/s1600/GoDaddy+DNS+Manager+Link.png" /></a></div>
<br />
<br />
Anda akan lihat <b>Standard DNS Dashboard</b> seperti di bawah. Klik pada <b>Edit Zone</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-YMdruGOn94o/Ulp5SRJCh_I/AAAAAAAAAuw/eHa6d3Fy4pI/s1600/GoDaddy+DNS+Dashboard.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-YMdruGOn94o/Ulp5SRJCh_I/AAAAAAAAAuw/eHa6d3Fy4pI/s1600/GoDaddy+DNS+Dashboard.png" /></a></div>
<br />
Anda akan dapat lihat senarai configuration DNS untuk domain anda. Anda perlu tambah rekod <b>CNAME (Alias)</b>. Klik pada <b>Quick Add</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KFe4l2Ti2yQ/UlqOyqHAqqI/AAAAAAAAAvA/ktaJ-OZ8-ZU/s1600/GoDaddy+Zone+Editor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-KFe4l2Ti2yQ/UlqOyqHAqqI/AAAAAAAAAvA/ktaJ-OZ8-ZU/s1600/GoDaddy+Zone+Editor.png" /></a></div>
<br />
Tambahkan <u>kedua-dua rekod</u> yang diperlukan oleh blogger dan klik pada <b>Save Zone File</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-sTfPRKeegew/UlqPHjnm99I/AAAAAAAAAvI/83XJZDRBIkM/s1600/GoDaddy+Add+DNS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-sTfPRKeegew/UlqPHjnm99I/AAAAAAAAAvI/83XJZDRBIkM/s1600/GoDaddy+Add+DNS.png" /></a></div>
<br />
Selesai!<br />
<br />
Akan tetapi setelah menambah rekod DNS ini, anda perlu tunggu 48 jam untuk domain anda aktif di Internet. Anda boleh pergi ke blogger untuk update kembali <b>Settings</b> dan jika steps yang anda ambil betul, tiada lagi error akan dipaparkan.<br />
<br />
<br />
<span style="font-size: large;">Jika anda perlukan servis daripada saya untuk convert dari blogspot ke .com, sila emel kepada saya mohdzaer.ali@gmail.com. Anda akan dapat:</span><br />
<br />
<ul>
<li><span style="font-size: large;">Setup .com oleh saya secara bersemuka atau online</span></li>
<li><span style="font-size: large;">Setup satu emel official untuk blog anda secara percuma</span></li>
</ul>
<br />
<span style="font-size: large;">Emel saya untuk maklumat lanjut.</span>Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com12tag:blogger.com,1999:blog-2257201377716371381.post-54049944192523362372018-10-08T17:13:00.000+08:002018-10-23T11:05:48.642+08:00Bajet Peribadi dan Keluarga<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-kWwdk6SY9gI/W86QBZQzVvI/AAAAAAAAFFY/8o2E8jUX6P4bSREre8qPiCX5_VWpVWQXQCLcBGAs/s1600/bajet.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="846" data-original-width="1469" src="https://4.bp.blogspot.com/-kWwdk6SY9gI/W86QBZQzVvI/AAAAAAAAFFY/8o2E8jUX6P4bSREre8qPiCX5_VWpVWQXQCLcBGAs/s1600/bajet.jpeg" /></a></div>
<br />
Salam semua..<br />
<br />
Antara perkara yang PALING penting zaman sekarang ni, adalah menguasai ILMU KEWANGAN. Salah satu cabang yang amat-amat perlu semua kita tahu adalah perancangan kewangan peribadi. Kepada yang berkeluarga, mesti buat perancangan bersama pasangan.<br />
<br />
Kita perlu tahu dari mana pendapatan kita dan ke mana kita belanjakan. Saya telah create satu template untuk bajet personal dan keluarga. Anda semua boleh akses template berkenaan di bawah:<br />
<br />
<a href="https://docs.google.com/spreadsheet/ccc?key=0AkAoykbzCSXldGVwS2ZLNmw2X3JaTy1HU1ZrTG9GLUE&usp=sharing">https://docs.google.com/spreadsheet/ccc?key=0AkAoykbzCSXldGVwS2ZLNmw2X3JaTy1HU1ZrTG9GLUE&usp=sharing</a><br />
<br />
Template ni mulanya saya create setelah saya baca salah satu buku karangan pakar kewangan Azizi Ali. Dari situ saya adjust sikit ikut kesesuaian peribadi sendiri. Template ini boleh saja anda download (menu Download As) ke desktop sebagai Microsoft Excel.<br />
<br />
Yang penting dalam perancagan kewangan peribadi adalah:<br />
<br />
+ Bagaimana untuk tingkatkan Inflow<br />
+ Bagaimana untuk tingkatkan bahagian Saving, sehingga sekurang-kurangnya menjadi 30%<br />
+ Bagaimana untuk minimakan bahagian Loan Blaster dan Expenses<br />
<br />
Saya harapkan ada manfaat daripada template ini, dan semoga anda lebih berjaya dalam menguruskan kewangan diri dan keluarga.Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com1tag:blogger.com,1999:blog-2257201377716371381.post-56185068324657420792018-09-25T23:53:00.000+08:002018-10-23T09:21:37.405+08:00[Blogging Tips] Cipta Header Blog Yang MenarikSalam n hello pada readers semua... Satu lagi entry mengenai tips blogging untuk semua blogger di luar sana. Dalam beberapa kelas blogging, even the latest one yang saya conduct di Melaka semalam (11 Okt 2014), ada yang bertanya bagaimana untuk create header dalam blog. So, rupanya cara nak create header ni salah satu ilmu yang dicari-cari. Walapun nampak simple, tapi berguna ilmu ni.<br />
<br />
Sebenarnya, header blog mencerminkan imej siapa diri kita. Jadi kena betul-betul design untuk sampaikan mesej bergambar what's our blog all about. Adakah blog kita mengenai fesyen, bisnes, travelog atau apa saya yang kita ingin paparkan. Tips saya pada yang gunakan blog sebagai medium bisnes, header perlu clear dan PROFESIONAL.<br />
<br />
Sebagai permulaan, untuk create header untuk blogspot, login ke blogger.com, pilih blog anda dan klik pada menu Layout di sebelah kiri.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-sYUKWyGjPZw/VDqBGvcUg4I/AAAAAAAADZs/k0kVqKIIh3I/s1600/menu-layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://4.bp.blogspot.com/-sYUKWyGjPZw/VDqBGvcUg4I/AAAAAAAADZs/k0kVqKIIh3I/s1600/menu-layout.png" width="145" /></a></div>
<br />
Layout adalah susunatur blog anda. Susunatur setiap blog berlainan antara satu sama lain, tapi ada beberapa ciri-ciri yang sama seperti Header, Blog Posts dan Gadget. Anda boleh ubah layout dengan Edit mana-mana bahagian yang anda inginkan.<br />
<br />
Untuk menambah atau menukar header blog, cari kotak yang paling atas dalam layout (seperti gambar di bawah) yang tertulis Header. Klik pada Edit.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mdeZG89eHR8/VDqHOnBU0vI/AAAAAAAADaM/2CS1KAYWpwU/s1600/blog-header-layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-mdeZG89eHR8/VDqHOnBU0vI/AAAAAAAADaM/2CS1KAYWpwU/s1600/blog-header-layout.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Anda akan lihat paparan seperti di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-HYyqkgk7-Pk/VDqLOW3_2FI/AAAAAAAADaY/aMsXw8wZvU4/s1600/header-edit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-HYyqkgk7-Pk/VDqLOW3_2FI/AAAAAAAADaY/aMsXw8wZvU4/s1600/header-edit.png" /></a></div>
<br />
Kebiasaannya, header yang membawa impak adalah gambar. Anda boleh upload gambar yang telah anda create dengan klik pada button Choose File. Opsyen Placement yang anda lihat untuk memaparkan gambar header, tajuk dan decription blog anda. Saya cadangkan anda pilih Instead of title and description. Header anda akan lebih kemas. Anda boleh play around dengan opsyen-opsyen lain, dan lihat perbezaannya. :D<br />
<br />
Bagaimana untuk create gambar header? Kepada anda yang mahir dengan Photoshop, boleh gunakannya. Banyak features yang menarik dan anda ada lebih pilihan untuk edit gambar-gambar anda. Jika anda tiada Photoshop, boleh download Photoscape di <a href="http://www.photoscape.org/">http://www.photoscape.org/</a>. Ianya percuma. Anda hanya perlu explore bagaimana menggunakannya.<br />
<br />
Tips terakhir, anda perlu sesuaikan gambar header dengan lebar dan panjang (height and width) kawasan header blog. Mungkin anda perlu resize dan bereksperimen dengan beberapa kali untuk mendapatkan header yang just nice dan fit dengan blog anda.<br />
<br />
Selamat mencuba!<br />
<br />Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-82293871880891286182018-09-10T21:50:00.000+08:002018-10-23T09:22:37.195+08:00Social Media Sebagai Alat BisnesAlhamdulillah, semalam berpeluang share knowledge bagaimana manfaatkan social media sebagai alat bisnes (<i>business tool</i>) untuk Team Aces. Sebenarnya, untuk orang bisnes, kena bijak manfaatkan social media untuk kembangkan perniagaan. <i>The potential is unlimited, we just need to know how to use it</i>.<br />
<br />
Cara yang betul untuk lihat social media adalah sebagai salah satu medium pemasaran (<i>marketing</i>). Yang amat-amat bagus ialah anda boleh pasarkan produk/servis anda 24 jam sehari, tidak dihadkan oleh faktor logistik.<br />
<br />
Terima kasih pada yang hadir, moga apa yang dikongsikan dapat anda manfaatkan.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-XCEzA-kf98g/Uslx5zvy5QI/AAAAAAAAA3Q/xgg-0WqRLUE/s1600/premium-beautiful-1.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://2.bp.blogspot.com/-XCEzA-kf98g/Uslx5zvy5QI/AAAAAAAAA3Q/xgg-0WqRLUE/s1600/premium-beautiful-1.JPG" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">MC, Suehaiza yang handle event dengan jayanya</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-cjfKNfwEweo/Uslx5wgaLSI/AAAAAAAAA3c/FRpAryjA-Ok/s1600/premium-beautiful-2.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://3.bp.blogspot.com/-cjfKNfwEweo/Uslx5wgaLSI/AAAAAAAAA3c/FRpAryjA-Ok/s1600/premium-beautiful-2.JPG" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Knowledge is POWER</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-h1uglnYCjl8/Uslx557anUI/AAAAAAAAA3U/7ZKwogF2xIk/s1600/premium-beautiful-7.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://1.bp.blogspot.com/-h1uglnYCjl8/Uslx557anUI/AAAAAAAAA3U/7ZKwogF2xIk/s1600/premium-beautiful-7.JPG" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ilmu dah ada, it's time to put them into practice.</td></tr>
</tbody></table>
<div style="text-align: center;">
<i><b><br /></b></i>
<i><b><span style="font-size: large;"><a href="http://statigr.am/tag/teamaces" target="_blank">#teamaces</a></span></b></i></div>
<div style="text-align: center;">
<i><b><span style="font-size: large;"><a href="http://statigr.am/tag/shakhalidprotege" target="_blank">#shakhalidprotege</a></span></b></i></div>
<br />Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-63810753634982763352018-08-28T09:53:00.000+08:002018-10-23T09:23:26.340+08:00[SEO] Google Search Engine RankingSalam semua..<br />
<br />
<i>Situasi : Anda baru saja create blog dan sudah beberapa entry anda tulis, tapi still tak keluar dalam <b>search engine</b>.</i><br />
<br />
Ok, situasi ni memang dialami oleh mana-mana saja blogger, especially yang tulis blog dan ingin blognya dapat dicari oleh search engine. Search engine yang paling popular sekarang adalah Google, so entry kali ni akan fokus pada <b><i>bagaimana untuk pastikan Google Search jumpa blog yang baru</i></b>.<br />
<br />
Terdapat jutaan blog di luar sana, so kita perlu beritahu Google yang blog kita wujud. Adakah dengan emel pada Google, perkenalkan diri, beritahu alamat blog kita dan buat permohonan pada Google? Tidak. Terdapat beberapa cara untuk pastikan blog anda dijumpai oleh Google walaupun <b><i>blog anda masih baru</i></b>.<br />
<br />
Sebelum tu, <b><i>bagaimana untuk tahu Google telah menjumpai blog anda?</i></b> Caranya, taipkan alamat penuh blog anda di carian Google. Jika search engine Google senaraikan alamat blog anda dalam search result, then Google telah pun menjumpai blog anda.<br />
<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Daftarkan Blog Anda Di Google Webmaster Tools (GWT)</span></b></div>
<br />
Google Webmaster Tools (GWT) adalah aplikasi yang semua webmaster atau blogger mahir. Banyak fungsinya, tapi untuk kali ini, kita fokus pada topik carian Google search engine ni.<br />
<br />
Untuk create akaun, just pergi ke www.google.com/webmasters/tools/, login dengan akaun gmail anda.<br />
<br />
<a href="http://2.bp.blogspot.com/-9PbHM9pBk9k/Um-FN0KaH6I/AAAAAAAAAzs/nG8Cyu23-Uo/s1600/google-webmaster-tool-add-site.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://2.bp.blogspot.com/-9PbHM9pBk9k/Um-FN0KaH6I/AAAAAAAAAzs/nG8Cyu23-Uo/s1600/google-webmaster-tool-add-site.png" /></a><br />
<br />
Pertama kali login, anda akan lihat skrin di atas. Masukkan alamat URL blog anda dan klik pada <b>ADD A SITE.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-vyttaizgIjc/Um-IelzArZI/AAAAAAAAAz4/g7xFlMPgZjo/s1600/google-webmaster-tools-godaddy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-vyttaizgIjc/Um-IelzArZI/AAAAAAAAAz4/g7xFlMPgZjo/s1600/google-webmaster-tools-godaddy.png" /></a></div>
<br />
Anda akan lihat 2 options (dalam 2 tabs), Recommended method dan Alternate methods. Recommended method memerlukan anda access kepada domain provider anda. Langkah ini memerlukan anda mahir dengan DNS settings. Yang lebih mudah, pilih <b>Alternate methods</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-75r8h_W-vwU/Um-IoWnL7JI/AAAAAAAAA0A/i6C6fv8yldg/s1600/google-webmaster-tools-alternate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-75r8h_W-vwU/Um-IoWnL7JI/AAAAAAAAA0A/i6C6fv8yldg/s1600/google-webmaster-tools-alternate.png" /></a></div>
<br />
Klik pada radio button HTML tag dan anda akan lihat satu kod meta tag yang perlu anda copy ke dalam template blog anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-tNpqBLNurwo/Um-I9Q5uj3I/AAAAAAAAA0I/MX3GUL_a0oQ/s1600/google-webmaster-tools-meta-tag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-tNpqBLNurwo/Um-I9Q5uj3I/AAAAAAAAA0I/MX3GUL_a0oQ/s1600/google-webmaster-tools-meta-tag.png" /></a></div>
GWT menggunakan meta tag ini untuk <b><i>menghubungkan akaun GWT dengan blog</i></b> anda. Apa yang akan dilakukan oleh GWT kemudian adalah load page yang mengandungi meta tag ini, jika berjumpa dengan kod ini, GWT dapat mengesahkan bahawa anda adalah pemilik blog berkenaan dan seterusnya menghubungkan dengan akaun GWT anda.<br />
<br />
Anda perlu copy dan paste meta tag ini dan memasukkan <b><i>SELEPAS</i></b> tag <head> dalam template blog anda. Untuk blogspot, anda perlu pergi ke menu <b>Template</b> dan <b>Edit HTML</b> untuk access kepada template blog (<b>PASTIKAN</b> anda BACKUP dahulu template blog).<br />
<br />
Dalam skrin di atas, anda boleh klik pada <b>Show me an example</b> untuk lihat contoh di mana untuk meletakkan meta tag dalam template anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-1eKVXk2nYhY/Um-Kj7773UI/AAAAAAAAA0U/IpnyPh04JPM/s1600/google-webmaster-tools-tag-example.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-1eKVXk2nYhY/Um-Kj7773UI/AAAAAAAAA0U/IpnyPh04JPM/s1600/google-webmaster-tools-tag-example.png" /></a></div>
<b>INGAT</b>, anda tidak boleh delete meta tag ini walaupun setelah mengesahkannya dengan GWT.<br />
<br />
Setelah paste meta tag ini, anda perlu klik pada button <b>Verify</b> di GWT.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-24drpavRLVo/UnBYxsLdheI/AAAAAAAAA0o/OE-4GLp9kw8/s1600/google-webmaster-tools-verify.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-24drpavRLVo/UnBYxsLdheI/AAAAAAAAA0o/OE-4GLp9kw8/s1600/google-webmaster-tools-verify.png" /></a></div>
<br />
Selepas verify, anda akan dapat manage blog and menggunakan GWT. Terdapat banyak data-data dan tools yang berguna dalam GWT yang boleh anda gunakan untuk meningkatkan prestasi blog anda, terutamanya meningkatkan ranking Google dan carian blog menggunakan Google.<br />
<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Submit Sitemap Dalam GWT</span></b></div>
<br />
Step kedua adalah untuk submit sitemap blog anda dalam GWT. Sitemap adalah koleksi semua entries blog anda. Untuk submit sitemap, dalam GWT, pergi ke menu <b>Crawl</b> dan kemudian <b>Sitemaps</b>. Klik pada button <b>ADD/TEST SITEMAP</b>. Masukan alamat sitemap seperti di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Pvwgd-dCxKA/UsYiP5RcgsI/AAAAAAAAA2g/GuR0C6sHGNk/s1600/GWT-Sitemap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://1.bp.blogspot.com/-Pvwgd-dCxKA/UsYiP5RcgsI/AAAAAAAAA2g/GuR0C6sHGNk/s320/GWT-Sitemap.png" width="320" /></a></div>
<br />
Selepas alamat blog, masukkan <span style="font-family: "courier new" , "courier" , monospace;"><b>feeds/posts/default</b></span>.<br />
<br />
<br />
Selepas 2 steps ni, anda perlu tunggu beberapa hari untuk Google crawl blog anda. Anda boleh check sekali lagi dengan search di Google menggunakan alamat blog anda.<br />
<br />
Selamat Berjaya!Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-33880740939378577572018-08-06T21:14:00.000+08:002018-10-23T09:24:06.919+08:00[SEO] On Page OptimizationTopik On Page Optimization amat penting untuk webmasters. Ia membantu website/blog anda dapat dicari oleh enjin carian mengikut kata kunci (<i>keywords</i>) yang anda inginkan. Para pengguna enjin carian menggunakan keyword untuk mencari sesuatu maklumat yang dikehendaki.<br />
<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;">Bagaimana Enjin Carian Berfungsi?</span></b></div>
<br />
Enjin carian akan <i>crawl</i> semua laman web dan melakukan <i>indexing</i>. Index kemudian akan digunakan untuk menentukan laman web mana yang mempunyai kata kunci (keywords) yang dicari oleh pengguna. Index ini dapat diumpamakan sebagai halaman Index dalam buku teks. Kebiasaanya pembaca akan pergi ke halaman ini, mencari perkataan yang dikehendaki dan mendapat halaman-halaman mana dalam buku yang mengandungi perkataan itu.<br />
<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><b>Bagaimana Menjadikan Laman Web/Blog Mesra Enjin Carian (<i>Search Engine Friendly</i>)?</b></span></div>
<br />
Laman web/blog anda perlu mempunyai kata kunci yang dicari oleh pengguna. Anda perlu bijak memasukkan kata-kata kunci ini, supaya enjin carian tidak flag website/blog anda sebagai cuba memanipulasikan enjin carian. Antara perkara-perkara yang perlu dielakkan:<br />
<br />
<i>1. Menggunakan HANYA kata-kata kunci dalam laman/entry anda.</i><br />
<i>2. Menggunakan kata kunci yang sama berulang-ulang kali, tanpa membawa sebarang maksud.</i><br />
<br />
Selain memasukkan kata kunci, lokasi di mana anda meletakkan kata kunci juga penting. Setiap lokasi yang anda akan letakkan mempunyai fungsi berlainan kepada enjin carian. Lokasi-lokasi yang perlu anda letakkan kata kunci:<br />
<br />
<b>1. Title Website/Blog</b><br />
<br />
Title adalah nama website/blog and yang dipaparkan pada window. Contohnya, blog <a href="http://irfankhairi.com/">irfankhairi.com</a>, menggunakan Perniagaan, Kewangan & Motivasi sebagai title. Selain untuk tujuan SEO, title membawa imej website/blog kita.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XC_vQ3RGr9s/UrLyNrpuMOI/AAAAAAAAA1s/BP9n8KD4Ll0/s1600/seo-irfan-khairi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="seo on page optimization blog irfan khairi" border="0" src="https://2.bp.blogspot.com/-XC_vQ3RGr9s/UrLyNrpuMOI/AAAAAAAAA1s/BP9n8KD4Ll0/s1600/seo-irfan-khairi.jpg" title="" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Cuba anda buat carian di http://www.google.com.my perkataan Perniagaan dan Motivasi, dan lihat di mana kedudukan blog Irfan Khairi.<br />
<br />
<b>2. Title Entry</b><br />
<br />
Untuk anda yang menulis blog, perbanyakkan entry yang mempunyai kata kunci yang anda ingini. Title entry adalah tajuk entry blog yang anda tulis. Ia berbeza dengan title blog anda. Contohya, title entry saya ini adalah [SEO] On Page Optimization. Ambil contoh keyword 'penjagaan bayi'. Cuba buat carian di <a href="http://www.google.com.my/">http://www.google.com.my</a> menggunakan perkataan ini dan lihat hasil carian tiga teratas. Kemudian buka ke tiga-tiga laman berkenaan. Anda akan dapati tajuk entry mempunyai kedua-dua perkataan atau salah satu perkataan 'penjagaan bayi'.<br />
<br />
<b>3. Kandungan Entry</b><br />
<br />
Entry yang anda tulis juga perlu mempunyai kata-kata kunci berkenaan. Gunakan perkataan dengan bijak. Ambil contoh hasil carian 'penjagaan bayi' tempat ke tiga iaitu <a href="http://iszan82.wordpress.com/cara-penjagaan-bayi/">http://iszan82.wordpress.com/cara-penjagaan-bayi/</a>. Buka entry blog ini dan lihat perkataan 'penjagaan' dan 'bayi' digunakan berulang-kali di dalamnya.<br />
<br />
<b>4. Meta-tag Description</b><br />
<br />
Meta-tag adalah properties untuk website/blog anda. Kebiasaannya, meta-tag tidak dipaparkan kepada pengguna. Akan tetapi, ia digunakan dalam indexing. Pilih meta-tag description yang menggambarkan website/blog anda. Meta-tag ini akan digunakan oleh enjin carian sebagai ringkasan (summary) dalam hasil carian. Anda boleh gunakan tool http://www.iwebtool.com/metatags_extractor untuk melihat meta-tag sesuatu website/blog. Jika anda mempunyai website/blog, cuba gunakan alamat website/blog anda. Jika website/blog anda tidak mempunyai meta-tag description, anda perlu edit HTML page (untuk website) atau template (untuk blog) dan memasukkan script seperti di bawah:<br />
<br />
<span style="color: purple; font-family: "courier new" , "courier" , monospace;"><b><meta name="description" content="Contoh description blog anda. Description ini akan appear dalam search results."></b></span><br />
<br />
Letakkan script ini selepas tag <head> dalam html/template website/blog anda.<br />
<br />
<br />
Diharap entry ini berguna untuk anda. Gunakan tips-tips ini, Insya Allah kebarangkalian website/blog anda dipaparkan oleh enjin carian akan menjadi lebih tinggi.<br />
<br />
<br />Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-41335724299372933422018-07-17T02:27:00.000+08:002018-10-23T09:24:45.202+08:00How To Use Google Adwords?Google Adwords (Adwords) is the easiest and effective way to promote your products, business or blog. The apparent benefit using Adwords as it is integrated to Google Search. In their September 2013 report, comScore released that <a href="http://www.comscore.com/Insights/Press_Releases/2013/10/comScore_Releases_September_2013_US_Search_Engine_Rankings?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+comscore+(comScore+News)" target="_blank">Google Search led the explicit core search market</a> by almost 70%.<br />
<br />
After setting up your adWords campaign, your advertisement will appear in:<br />
<br />
<ul>
<li>Google search results (Search Network)</li>
<li>Google partners (Display Network)</li>
</ul>
<br />
Google will determine when to display your advertisement based on your settings in Adwords.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-OYyF4uRmoa0/Ul-WTxYPz8I/AAAAAAAAAvk/Vo_VDe_ZGbw/s1600/Adwords+Google+Search+Results.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://2.bp.blogspot.com/-OYyF4uRmoa0/Ul-WTxYPz8I/AAAAAAAAAvk/Vo_VDe_ZGbw/s1600/Adwords+Google+Search+Results.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">An example of Google search result based on 'Car Rental' keyword search</td></tr>
</tbody></table>
Google placed your ads at the top of the search results or at the right hand side. The placement is based on your bid. The higher your bid, the more prominent position you will get.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-w8vgmwk35WQ/Ul-Ym8VM31I/AAAAAAAAAvw/mXDMf30KJNs/s1600/Adwords+Google+Network+Partners.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="180" src="https://4.bp.blogspot.com/-w8vgmwk35WQ/Ul-Ym8VM31I/AAAAAAAAAvw/mXDMf30KJNs/s400/Adwords+Google+Network+Partners.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">An example of Google Ads shown in Google Network Partners</td></tr>
</tbody></table>
<br />
The title, links and description are set in the Adwords campaign.<br />
<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Setting Up Google Adwords Account</span></b></div>
<br />
You need a Google account to set up Adwords. If you do not have, <a href="https://accounts.google.com/SignUp" target="_blank">create now</a>.<br />
<br />
After creating the account, go to <a href="http://adwords.google.com/">http://adwords.google.com</a>.<br />
<br />
Follow the step-by-step instruction.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-5IZy952jm9M/Ul-_dML7iqI/AAAAAAAAAwE/LW67EOiDlcs/s1600/Google+Adwords+Get+Started.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://4.bp.blogspot.com/-5IZy952jm9M/Ul-_dML7iqI/AAAAAAAAAwE/LW67EOiDlcs/s1600/Google+Adwords+Get+Started.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Google Adwords First Screen</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-1pgUc4v5glA/Ul-_dE7W-4I/AAAAAAAAAwA/QcN53d6ud2E/s1600/Google+Adwords+Account+Selection.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://1.bp.blogspot.com/-1pgUc4v5glA/Ul-_dE7W-4I/AAAAAAAAAwA/QcN53d6ud2E/s1600/Google+Adwords+Account+Selection.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">We'll use the account you created earlier</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-DMsLBeu_mqo/Ul-_eGzj51I/AAAAAAAAAwc/hi__09-DTd8/s1600/Google+Adwords+Login.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://3.bp.blogspot.com/-DMsLBeu_mqo/Ul-_eGzj51I/AAAAAAAAAwc/hi__09-DTd8/s1600/Google+Adwords+Login.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sign in using the account</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-UCaboehdlys/Ul-_eRUJPDI/AAAAAAAAAwU/_QAsaZRlSaM/s1600/Google+Adwords+Time+Zone.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://3.bp.blogspot.com/-UCaboehdlys/Ul-_eRUJPDI/AAAAAAAAAwU/_QAsaZRlSaM/s1600/Google+Adwords+Time+Zone.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Set your country and time zone</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-5AVTGGIpyos/Ul-_dE9QVSI/AAAAAAAAAwI/wcBMhj_aFmU/s1600/Google+Adwords+Completed.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://4.bp.blogspot.com/-5AVTGGIpyos/Ul-_dE9QVSI/AAAAAAAAAwI/wcBMhj_aFmU/s1600/Google+Adwords+Completed.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Your Google Adwords account is ready</td></tr>
</tbody></table>
<br />
<div style="text-align: center;">
<span style="color: orange;"><b>Keyword Search</b></span></div>
<br />
Before creating your first campaign, you have to understand the keyword concept and the tool to research the appropriate keywords.<br />
<br />
Keywords are the word or phrases used by the user when they are using the search engine. Adwords provide <b>Keyword Planner</b> tool for the campaign creators. The Keyword can be accessed from the menu <b>Tools & Analysis</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-SYLJBjcq4M4/UmAXKl1b3XI/AAAAAAAAAww/laAuZTFwz8A/s1600/Google+Adwords+Keyword+Planner+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-SYLJBjcq4M4/UmAXKl1b3XI/AAAAAAAAAww/laAuZTFwz8A/s1600/Google+Adwords+Keyword+Planner+Menu.png" /></a></div>
<br />
You will use this tool to research what are commonly searched keywords that might interest you. For instance, you are in the car rental business. You would want to know what are the keywords commonly searched related to car rental.<br />
<br />
After clicking the <b>Keyword Planner</b> menu, you will see the screen belog. Select the first option.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XzJgJtiRyEc/UmAXySwK__I/AAAAAAAAAw4/gSbZ6_271oQ/s1600/Keyword+Planner+Selection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XzJgJtiRyEc/UmAXySwK__I/AAAAAAAAAw4/gSbZ6_271oQ/s1600/Keyword+Planner+Selection.png" /></a></div>
<br />
You would see the form as below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-67yrEkDfrYk/UmAYWFg6K5I/AAAAAAAAAxA/YA1OpTkPFBQ/s1600/Keyword+Planner+Form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-67yrEkDfrYk/UmAYWFg6K5I/AAAAAAAAAxA/YA1OpTkPFBQ/s1600/Keyword+Planner+Form.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Enter a keyword that is related to your business in the <b>Your product or service</b>. In this example, I am using the keyword car rental. You can see also that the tools already provided some <b>Targeting</b> for your ads. Click the <b>Get Ideas</b> button and you will see the screen below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Lc_XqwakItQ/UmAZdLJDgpI/AAAAAAAAAxI/fVECXrN5aeo/s1600/keyword+planner+group.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-Lc_XqwakItQ/UmAZdLJDgpI/AAAAAAAAAxI/fVECXrN5aeo/s1600/keyword+planner+group.png" /></a></div>
<br />
Adwords displays some groups of suggestion for the potential keywords. For easier planning, click the tab <b>Keyword Ideas </b>tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-a4MtCEQmQIw/UmAZy43Gf_I/AAAAAAAAAxQ/iYCpaMl6qdE/s1600/keyword+planner+list.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-a4MtCEQmQIw/UmAZy43Gf_I/AAAAAAAAAxQ/iYCpaMl6qdE/s1600/keyword+planner+list.png" /></a></div>
<br />
<br />
Other than the main keyword (car rental), <b>Keyword Ideas</b> will also display to you other related commonly searched keywords. The important data for you is the <b>Avg. monthly searches</b> and <b>Suggested bid</b>. Sort by the <b>Avg. monthly searches</b>, then you would know which keywords to target. <b>Suggested bid </b>gives you the idea the bidding amount for each keyword that you would put in your campaign later.<br />
<br />
Since you already know how to use <b>Keyword Planner</b>, you can research based on your need. I really like this tool compared to other keyword tools, because of the data provided by Google itself. Therefore, the data is reliable and very close to the actual searched performed by the the potential customers<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Creating Your First Campaign</span></b></div>
<br />
Now it's time to create your first campaign. In Adwords, your advertisement is organized in 2 layers. The first layer is <b>Campaign</b>. You can create multiple campaigns and they can run separately or simultaneously. Under <b>Campaign</b>, you will create <b>Ad Group</b>. Similar to campaign, you can also have multiple ad groups.<br />
<br />
Going back to the setting up your Google Adwords Account, upon completing the registration you can proceed to create your campaign.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rQtljetjKBA/UmAc6ZtnzSI/AAAAAAAAAxY/4paduq8tvvY/s1600/Google+Adwords+First+Campaign.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-rQtljetjKBA/UmAc6ZtnzSI/AAAAAAAAAxY/4paduq8tvvY/s1600/Google+Adwords+First+Campaign.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ArPf2SPxsLU/UmAdHyWThrI/AAAAAAAAAxg/MFsIXfltzy0/s1600/Adwords+Campaign+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-ArPf2SPxsLU/UmAdHyWThrI/AAAAAAAAAxg/MFsIXfltzy0/s1600/Adwords+Campaign+1.png" /></a></div>
<br />
Give your campaign a name. Leave the other fields as defaults. Scroll down and you will see the screen below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-cb8Lu9RFQAU/UmAduYA_CLI/AAAAAAAAAxo/0D-hp5kwrtI/s1600/Campaign+Target.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-cb8Lu9RFQAU/UmAduYA_CLI/AAAAAAAAAxo/0D-hp5kwrtI/s1600/Campaign+Target.png" /></a></div>
<br />
Look at the <b>Locations</b> field. If you do not a specific country target, the choose <b>All countries and territories</b>. If you are market is your country only then select your country.<br />
<br />
The next one is for you to set your budget per day. This is the maximum amount will be charged to your account per day. Upon reaching the limit, Google will stop displaying your advertisement. You can estimate your budget monthly based on this per day budget. Put a reasonable amount, otherwise, you will have surprised to see the amount when you are billed by Google.<br />
<br />
Scroll further down and you will see the screen below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-i_jKsac3oGg/UmAfGxmb3xI/AAAAAAAAAxw/7kfd8722pqU/s1600/Campaign+Telephone.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-i_jKsac3oGg/UmAfGxmb3xI/AAAAAAAAAxw/7kfd8722pqU/s1600/Campaign+Telephone.png" /></a></div>
<br />
I strongly suggest that you tick the <b>Extend my ads with a phone number</b>. It would be easier for your potential customers to contact you. Complete the phone number addition.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-C_JrEnn4iqQ/UmAfuKuDO-I/AAAAAAAAAx4/I1-cW56GuWA/s1600/Campaign+Phone+No+Addition.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-C_JrEnn4iqQ/UmAfuKuDO-I/AAAAAAAAAx4/I1-cW56GuWA/s1600/Campaign+Phone+No+Addition.png" /></a></div>
<br />
After that, click the <b>Save and continue</b> button. You can start creating your <b>Ad</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SQUXxFaGNHw/UmAhb2VqURI/AAAAAAAAAyA/2IFBr3NEWIQ/s1600/Ad+Creation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-SQUXxFaGNHw/UmAhb2VqURI/AAAAAAAAAyA/2IFBr3NEWIQ/s1600/Ad+Creation.png" /></a></div>
<br />
Give your ad a name and fill up the details. While keying the ad details, Adwords will display the ad preview. You can straight away see how our ad will be displayed by Google.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KeMZCrObnc0/UmAhsZcJ_yI/AAAAAAAAAyI/vem_ArDf2yQ/s1600/Ad+Example.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-KeMZCrObnc0/UmAhsZcJ_yI/AAAAAAAAAyI/vem_ArDf2yQ/s1600/Ad+Example.png" /></a></div>
Scroll the screen further down, then you will see the screen below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zeW8z-3s6vg/UmAiNBpgQuI/AAAAAAAAAyQ/vhAwGf2mA9w/s1600/Ad+keywords.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-zeW8z-3s6vg/UmAiNBpgQuI/AAAAAAAAAyQ/vhAwGf2mA9w/s1600/Ad+keywords.png" /></a></div>
<br />
Key in your targeted keywords in the box. You can refer to the results from the Keyword Planner. After that, click <b>Save and continue to billing</b>.<br />
<br />
Adwords will be asking you to complete the billing information before you can proceed. Complete this step. Upon completion, you would see your campaign and ad created.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-tCwE6mIvHQk/UmAkAiNcMqI/AAAAAAAAAyY/tpwrrOaTu3k/s1600/Campaign+n+Ad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-tCwE6mIvHQk/UmAkAiNcMqI/AAAAAAAAAyY/tpwrrOaTu3k/s1600/Campaign+n+Ad.png" /></a></div>
Your ad will be checked for <a href="https://support.google.com/adwordspolicy/answer/1316548?rd=1" target="_blank">Adwords advertisement policy</a>. It will take sometime for your ad to be activated. You can come back and review the Status of your ad later. You can also read the detail <a href="https://support.google.com/adwords/answer/1722120?hl=en&ref_topic=3122886" target="_blank">approval process.</a><br />
<br />
<b><span style="color: #38761d;">Q: What if my ad is not approved by Google?</span></b><br />
Go through the guidelines and amend your ad accordingly. You can also refer to the guide from Google on <a href="https://support.google.com/adwords/answer/1704381?hl=en" target="_blank">how to fix a disapproved ad</a>.<br />
<br />
<span style="color: #38761d;"><b>Q: What if my ad is not shown at the top?</b></span><br />
You will need to modify your bidding strategy. Most probably, you would need to put a higher bidding price. You can perform this by changing your ad settings.<br />
<br />
In your campaign screen, click the <b>Settings</b> tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_x-gvurX788/UmAnDMNWhxI/AAAAAAAAAyg/qQj4YyJNgjI/s1600/Campaign+Settings+Tab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-_x-gvurX788/UmAnDMNWhxI/AAAAAAAAAyg/qQj4YyJNgjI/s1600/Campaign+Settings+Tab.png" /></a></div>
<br />
You will see the screen below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-DEk4Bf2mPe0/UmAnUYshO4I/AAAAAAAAAyo/OUu6ai6Zyeg/s1600/Ad+Settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-DEk4Bf2mPe0/UmAnUYshO4I/AAAAAAAAAyo/OUu6ai6Zyeg/s1600/Ad+Settings.png" /></a></div>
<br />
Scroll further down.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-8wea7MG_dAE/UmAnx24--BI/AAAAAAAAAyw/0HqkJLd3NcM/s1600/Edit+Ad+Settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-8wea7MG_dAE/UmAnx24--BI/AAAAAAAAAyw/0HqkJLd3NcM/s1600/Edit+Ad+Settings.png" /></a></div>
You will see the <b>Bidding and budget</b> field. Click <b>Edit</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PsJtAgYDCZw/UmAn8hqkwJI/AAAAAAAAAy4/HHHJlXXo594/s1600/Ad+CPC+Change.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-PsJtAgYDCZw/UmAn8hqkwJI/AAAAAAAAAy4/HHHJlXXo594/s1600/Ad+CPC+Change.png" /></a></div>
Select the I'll manually set my bids for clicks radio button. This will allow you to adjust the budget for each keywords you have selected. Click <b>Save</b>. After that, go back to you Campaign screen and click the <b>Keywords</b> tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-6y6iGRw99fw/UmAoqIX_UWI/AAAAAAAAAzA/jkoXsLvsP-c/s1600/Ad+Keywords+tab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-6y6iGRw99fw/UmAoqIX_UWI/AAAAAAAAAzA/jkoXsLvsP-c/s1600/Ad+Keywords+tab.png" /></a></div>
<br />
Now, you can change the <b>Max. CPC</b> for each keywords. Previously, this value is automatically set by Adwords. Click on the currency value.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-TwEPwJ3zb8w/UmApIOJSaxI/AAAAAAAAAzI/kXDHthcsSWA/s1600/Keyword+budget+change.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-TwEPwJ3zb8w/UmApIOJSaxI/AAAAAAAAAzI/kXDHthcsSWA/s1600/Keyword+budget+change.png" /></a></div>
Put a higher value and see the position of your advertisement. If your advertisement is already activated, you just key in the keyword in Google Search and you can see the change almost immediately. Try with a few values and and see how your advertisement are placed by Google.<br />
<br />
Good luck. If you have any feedback please provide your comment here.Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com3tag:blogger.com,1999:blog-2257201377716371381.post-50503820718046682832018-07-02T15:12:00.000+08:002018-10-23T09:25:23.237+08:00Tukar Font Blog Dengan Google FontsSalah satu yang menarik pengunjung ke blog kita adalah font yang kemas atau menarik. Google Fonts adalah satu option yang boleh anda gunakan.<br />
<br />
Biasanya, kita akan tukarkan font tajuk dan entry kita. Steps untuk tukar fonts adalah seperti berikut:<br />
<br />
<div style="text-align: center;">
<b><span style="color: orange;">Pilih Fonts Dari Google Fonts</span></b></div>
<br />
Pergi ke <a href="http://www.google.com/fonts">http://www.google.com/fonts</a>. Di sini terdapat banyak pilihan fonts yang anda boleh pilih. Sekarang, pilih dua font, satu untuk title dan satu untuk entry blog.<br />
<br />
Click pada button <b>Add to Collection</b> untuk font yang telah kita pilih. Setelah selesai memilih 2 font, click pada button <b>Use</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-94VqmesZQlw/UljrRbl66kI/AAAAAAAAArY/6WdWe-u-aDA/s1600/google+fonts+list.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-94VqmesZQlw/UljrRbl66kI/AAAAAAAAArY/6WdWe-u-aDA/s1600/google+fonts+list.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Cari instruction <b>'3. Add this code to your website:'</b> dan copy kod yang ditunjukkan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-w7DqW4EdTok/UljqzwEjW4I/AAAAAAAAArQ/v-kGCoWy67U/s1600/choose+google+fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-w7DqW4EdTok/UljqzwEjW4I/AAAAAAAAArQ/v-kGCoWy67U/s1600/choose+google+fonts.png" /></a></div>
<br />
Pergi ke menu <b>Template</b> untuk blogger anda dan klik pada <b>Edit HTML</b> (pastikan anda telah backup template anda dahulu).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-UNdYBRZvb2c/UljrdDXWJVI/AAAAAAAAArg/umG3pU5klnI/s1600/blogger+menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-UNdYBRZvb2c/UljrdDXWJVI/AAAAAAAAArg/umG3pU5klnI/s1600/blogger+menu.png" /></a></div>
<br />
Cari tag <b>'<head>'</b> dalam template berkenaan dan paste kod yang telah anda copy dari Google Fonts <strike>sebelum</strike> selepas tag<b> '<head>'</b> ini dan Save template. Pastikan kod berkenaan ditutup dengan '/>'.<br />
Contoh: <b><link href='http://fonts.googleapis.com/css?family=News+Cycle|Kite+One' rel='stylesheet' type='text/css' <span style="color: red;">/></span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-H3gAQDd8dzs/UljuQ4jjiGI/AAAAAAAAAr8/iWir0TGOYVQ/s1600/head+blogger+template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-H3gAQDd8dzs/UljuQ4jjiGI/AAAAAAAAAr8/iWir0TGOYVQ/s1600/head+blogger+template.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: orange;"><b>Tukar Font Title</b></span></div>
<br />
Dalam window template, cari perkataan <b>post-title</b> dalam <b><Group description="Post Title"</b> seperti di bawah. Paste nama font yang kita ingin gunakan dalam <b>default</b> dan <b>value</b> seperti di bawah. Jika nama font lebih daripada satu patah perkataan, pastikan nama font dijarakkan dan dalam quote (' ').<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-VxV6u8J9RTc/Uljxd8ojzPI/AAAAAAAAAsI/NWKTr2DwI1Y/s1600/template+title+font.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-VxV6u8J9RTc/Uljxd8ojzPI/AAAAAAAAAsI/NWKTr2DwI1Y/s1600/template+title+font.png" /></a></div>
<br />
Simpan template dengan tekan button <b>Save template</b>. Refresh blog anda dan jika steps yang diikuti betul, then title entry anda akan bertukar.<br />
<br />
<div style="text-align: center;">
<span style="color: orange;"><b>Tukar Entry Font</b></span></div>
<br />
Still dalam window template, cari perkataan <b>body-font</b>. Paste nama font yang kita ingini dalam <b>default</b> dan <b>value</b> seperti di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xoTAxUkkcL8/Ulj1IaRIrpI/AAAAAAAAAsU/xv8BoYNknmA/s1600/template+body+font.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-xoTAxUkkcL8/Ulj1IaRIrpI/AAAAAAAAAsU/xv8BoYNknmA/s1600/template+body+font.png" /></a></div>
<br />
Simpan template dan refresh blog anda.<br />
<br />
Alrite, that's it. Hopefully it works for you guys!<br />
<br />
P/S : Setiap template letakkan kod-kod title dan body di tempat yang berlainan. Yang penting adalah untuk identify di mana kod-kod berkenaan untuk template blog kita.Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com1tag:blogger.com,1999:blog-2257201377716371381.post-45887489695806020762018-06-18T15:52:00.000+08:002018-10-23T09:26:30.556+08:00Masukkan Linkwithin dalam BlogSalam semua..<br />
<br />
Harini Zaer nak share cara untuk masukkan gadget <b><span style="color: #b45f06; font-size: large;">Linkwithin</span></b> dalam blog masing-masing. Kepada yang masih tak sure apa tu linkwithin, ia akan suggest post-post berkaitan dengan entry kita. So, kemungkinan untuk readers kita stay di blog kita lebih tinggi. Linkwithin ni adalah <i>the nice thumbnails</i> dengan link ke entry2 yang lain:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kWquQxYvbfk/Ud9b241gBKI/AAAAAAAAAmA/v8YVyRGQGvU/s1600/thumbnails-linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-kWquQxYvbfk/Ud9b241gBKI/AAAAAAAAAmA/v8YVyRGQGvU/s1600/thumbnails-linkwithin.png" /></a></div>
<br />
<br />
Ok, caranya, pergi ke website <a href="http://www.linkwithin.com/learn" rel="nofollow" target="_blank">Linkwithin</a>, dan anda akan lihat page seperti di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-k_lgpaTAm18/Ud5dSFMAsgI/AAAAAAAAAlA/qWnAJ_BL-e8/s1600/linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Linkwithin screenshot" border="0" src="https://3.bp.blogspot.com/-k_lgpaTAm18/Ud5dSFMAsgI/AAAAAAAAAlA/qWnAJ_BL-e8/s1600/linkwithin.png" title="" /></a></div>
<br />
Masukkan particulars dalam form di sebelah kiri tu. Pastikan anda pilih <span style="color: #274e13; font-size: large;"><b>Blogger</b></span> untuk <span style="color: #0c343d; font-size: large;"><b>Platform</b></span> jika anda gunakan blogspot.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-h1svcewEATk/Ud5d7rw3WMI/AAAAAAAAAlI/9P8czI845ns/s1600/linkwithin+form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-h1svcewEATk/Ud5d7rw3WMI/AAAAAAAAAlI/9P8czI845ns/s1600/linkwithin+form.png" /></a></div>
<br />
Tekan button <span style="color: #0c343d; font-size: large;"><b>Get Widget!</b></span> dan anda akan lihat arahan untuk masukkan linkwithin dalam blog. Klik pada link <b><span style="color: #0c343d; font-size: large;">Install Widget</span></b>. Satu window baru akan dibuka seperti di bawah (<i>note: saya hadapi masalah bila gunakan Google Chrome, window ini tidak dipaparkan. Tapi, bila gunakan Safari tiada masalah. So, jika browser anda tidak paparkan window ini, cuba gunakan browser yang lain</i>) :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-HpJSkZv1dY4/Ud5fwrBR8rI/AAAAAAAAAlY/l6XZ5xyafOE/s1600/linkwithin-blogger-element.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-HpJSkZv1dY4/Ud5fwrBR8rI/AAAAAAAAAlY/l6XZ5xyafOE/s1600/linkwithin-blogger-element.png" /></a></div>
Pilih blog anda untuk <b><span style="color: #0c343d; font-size: large;">Select a blog : </span></b>dan klik <span style="color: #274e13; font-size: large;"><b>Add Widget</b></span>. Gadget Linkwithin akan ditambahkan di sidebar anda seperti di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-B2TJCRyIEDY/Ud5gjElXQ7I/AAAAAAAAAlg/d5s02x2n_uc/s1600/blogger-gadget-linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-B2TJCRyIEDY/Ud5gjElXQ7I/AAAAAAAAAlg/d5s02x2n_uc/s1600/blogger-gadget-linkwithin.png" /></a></div>
<br />
Linkwithin mencadangkan supaya pindahkan Gadget berkenaan ke bawah <span style="color: #0c343d; font-size: large;"><b>Blog Posts</b></span>, then drag gadget berkenaan ke bawah, supaya jadi seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rMxao9_2UVk/Ud5h0zuM_bI/AAAAAAAAAlw/ngF6Gw4I47g/s1600/blogger-rearrange-gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-rMxao9_2UVk/Ud5h0zuM_bI/AAAAAAAAAlw/ngF6Gw4I47g/s1600/blogger-rearrange-gadget.png" /></a></div>
<br />
Dan, <b><span style="color: red; font-size: large;">JANGAN LUPA</span></b> klik pada button <span style="color: #274e13; font-size: large;"><b>Save arrangement</b></span>.<br />
<br />
Buka/refresh blog anda. Anda akan dapat lihat Linkwithin di bawah entry anda..<br />
<br />
Good luck! :DSifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com2tag:blogger.com,1999:blog-2257201377716371381.post-7386083647140181382018-06-04T21:43:00.000+08:002018-10-23T09:27:09.208+08:00Facebook Like Button dan 1 ButtonBanyak pertanyaan daripada rakan-rakan yang ingin tahu bagaimana untuk masukkan button Like Facebook dalam blog masing-masing. So, ini adalah guide berkenaan. Hopefully, boleh dipraktikkan ye.. ;) Bonus kepada Facebook Like ini, saya tambahkan button 1 Google Plus.<br />
<br />
Mula-mula sekali, perlu decide di mana nak letakkan button-button ni. Katakan nak letakkan di bawah title entry kita. Contoh macam di bawah ni, di bawah title 'Tambah Gadget HTML/Javascript Untuk Blogger'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-48EpiyB_xzY/UZGZv45byBI/AAAAAAAAAio/FQXIiNrZ96g/s1600/facebook-like-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="facebook like button" border="0" src="https://1.bp.blogspot.com/-48EpiyB_xzY/UZGZv45byBI/AAAAAAAAAio/FQXIiNrZ96g/s1600/facebook-like-button.png" title="" /></a></div>
<br />
Alright, seterusnya login ke akaun <a href="http://blogger.com/">blogger.com</a> anda. Klik pada menu <b>Template</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-kWtaaiNJhqs/USWXXpD63JI/AAAAAAAAAfI/zzrkhAWIKPw/s1600/blogger-gadget-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-kWtaaiNJhqs/USWXXpD63JI/AAAAAAAAAfI/zzrkhAWIKPw/s1600/blogger-gadget-1.png" /></a></div>
PENTING : Sebelum buat apa-apa perubahan backup dulu template sedia ada (klik pada button <b>Backup / Restore</b>).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-2j4CIsaJKRo/UZGb4KF2PGI/AAAAAAAAAi0/AF3iCwlV3_0/s1600/template-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-2j4CIsaJKRo/UZGb4KF2PGI/AAAAAAAAAi0/AF3iCwlV3_0/s1600/template-menu.png" /></a></div>
<br />
Klik pada button <b>Edit HTML</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-qQcb0T7UzLg/UZGcd5cbxiI/AAAAAAAAAi8/9Ysmf78rSm0/s1600/template-window.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-qQcb0T7UzLg/UZGcd5cbxiI/AAAAAAAAAi8/9Ysmf78rSm0/s1600/template-window.png" /></a></div>
<br />
Tekan Ctrl+F pada keyboard anda dan cari perkataan <b><body</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-YhJUTqSWgxo/UZGdabYf_NI/AAAAAAAAAjM/THiFfjD8OxQ/s1600/search-body.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-YhJUTqSWgxo/UZGdabYf_NI/AAAAAAAAAjM/THiFfjD8OxQ/s1600/search-body.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Copy dan paste kod di bawah selepas line <b><body</b> berkenaan (selepas '<b>></b>').<br />
<br />
<br />
<!--Facebook Button Script--><br />
<div id='fb-root'> </div><br />
<script>(function(d, s, id) {<br />
var js, fjs = d.getElementsByTagName(s)[0];<br />
if (d.getElementById(id)) return;<br />
js = d.createElement(s); js.id = id;<br />
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;<br />
fjs.parentNode.insertBefore(js, fjs);<br />
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script><br />
<br />
<br />
Save template (dengan klik pada button <b>Save template</b>). Seterusnya, agak tricky sedikit, sebab berlainan template akan lain kedudukan code seterusnya. Cari pula perkataan <b><data:post.body/></b>. Bergantung kepada template yang anda gunakan, anda mungkin akan jumpa lebih daripada 1 perkataan ini. Anda akan nampak kod seperti ini:<br />
<br />
<br />
<br />
<b:if cond='data:blog.metaDescription == &quot;&quot;'><br />
<!-- Then use the post body as the schema.org description,<br />
for good G+/FB snippeting. --><br />
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'><br />
<i><b><span style="color: red;"><data:post.body/></span></b></i><br />
<div style='clear: both;'/> <!-- clear for photos floats --><br />
</div><br />
<b:else/><br />
<br />
<br />
<br />
Copy kod di bawah dan paste sebelum '<b:' dalam window template anda atau sebelum paragraph yang mempunyai perkataan <b><data:post.body/></b> berkenaan.<br />
<br />
<br />
<div class="p1">
<span class="Apple-tab-span"> </span><!--Facebook and Google+ buttons--></div>
<div class="p1">
<span class="Apple-tab-span"> </span><table width='100%'></div>
<div class="p1">
<span class="Apple-tab-span"> </span><tr></div>
<div class="p1">
<span class="Apple-tab-span"> </span><td><fb:like expr:href='data:post.url' font='segoe ui' send='true' show_faces='false'/></td></div>
<div class="p1">
<span class="Apple-tab-span"> </span><td style='text-align:right' width='10'><g:plusone expr:href='data:post.url' size='medium'/></td></div>
<div class="p1">
<span class="Apple-tab-span"> </span></tr></div>
<div class="p1">
<span class="Apple-tab-span"> </span></table></div>
<br />
<br />
Siap! Jangan lupa untuk save template anda (dengan klik pada button <b>Save template</b>).<br />
<br />
Minta tinggalkan komen di sini sama ada anda berjaya atau tidak dengan guide ini ye.<br />
<br />Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-71651353980113529062018-05-22T10:47:00.000+08:002018-10-23T09:27:49.368+08:00Tambah Gadget HTML/Javascript Untuk BloggerAlright, saya nak share cara untuk tambahkan gadget guna Blogger.com. Gadget ini adalah sidebar yang anda lihat di sebelah kanan blog ini (contoh: About Me, Instagram, Blog Archive). Caranya, selepas login ke Blogger, dan pilih blog anda, akan nampak menu sebelah kiri dan ada menu 'Layout'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-kWtaaiNJhqs/USWXXpD63JI/AAAAAAAAAfI/zzrkhAWIKPw/s1600/blogger-gadget-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-kWtaaiNJhqs/USWXXpD63JI/AAAAAAAAAfI/zzrkhAWIKPw/s1600/blogger-gadget-1.png" /></a></div>
<br />
Klik di situ, dan akan nampak susunatur blog anda. Untuk masukkan gadget di sebelah kanan, klik pada Add a Gadget untuk sidebar kanan. Akan dipaparkan gadget-gadget sedia ada yang disediakan oleh Blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-xeBDuTtnRN4/USWbu7HRsuI/AAAAAAAAAf4/qO8fZinpzQc/s1600/blogger-gadget-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-xeBDuTtnRN4/USWbu7HRsuI/AAAAAAAAAf4/qO8fZinpzQc/s1600/blogger-gadget-2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Anda boleh play around dengan gadget-gadget yang ada di sini. Cuba tambah, tengok options yang ada dan tengok macam mana bila appear di blog anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5Gvf6nuylGs/USWYAkomWFI/AAAAAAAAAfY/XJ2hXGy4TxI/s1600/blogger-gadget-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-5Gvf6nuylGs/USWYAkomWFI/AAAAAAAAAfY/XJ2hXGy4TxI/s1600/blogger-gadget-3.png" /></a></div>
<br />
<br />
Jika anda nak tambah format HTML atau Javascript di sidebar sebelah kanan (seperti <a href="http://www.zaerali.com/2013/02/masukkan-instagram-dalam-widget-blogger.html">panduan Instagram</a>), cari gadget 'HTML/Javascript' dan klik pada icon '+' tu. Masukkan 'Title' dan tulis script HTML atau Javascript dalam 'Content'. Jika script telah sedia ada, just paste di situ.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-o_UhD4N-ONQ/USWYTPfW6BI/AAAAAAAAAfg/ICiIcu_tq64/s1600/blogger-gadget-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-o_UhD4N-ONQ/USWYTPfW6BI/AAAAAAAAAfg/ICiIcu_tq64/s1600/blogger-gadget-4.png" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-W9m6tdRqzJk/USWYYqmUjxI/AAAAAAAAAfo/mBv4w0yE6A0/s1600/blogger-gadget-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-W9m6tdRqzJk/USWYYqmUjxI/AAAAAAAAAfo/mBv4w0yE6A0/s1600/blogger-gadget-5.png" /></a></div>
Good luck!Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com0tag:blogger.com,1999:blog-2257201377716371381.post-10564479897262020392018-04-03T11:20:00.000+08:002018-10-23T09:28:33.169+08:00Masukkan Instagram Dalam Widget Blogger<br />
Sekarang ni sedang hot Instagram. Instagram ni revolves around konsep sharing is caring la kot. Kalau dulu just kongsi text status dalam Facebook dan Twitter, sekarang ni kita kongsi gambar ramai-ramai ye.<br />
<br />
<div style="text-align: center;">
<a href="http://www.flickr.com/photos/33892541@N08/6633532141/" title="Instagram Logo 2 by Stamatis D, on Flickr"><img alt="Instagram Logo 2" src="http://farm8.staticflickr.com/7018/6633532141_2d1c2536a6.jpg" height="500" width="500" /></a>
</div>
<br />
Kepada yang dah ada blog, macam mana untuk tunjukkan gambar-gambar yang korang dah snap kat blog. Sample dia korang boleh tengok kat blog <a href="http://www.shakhalid.com/" target="_blank">Sha Khalid</a>. Yang paling senang adalah guna tools kat <a href="http://web.stagram.com/tools/">http://web.stagram.com/tools/</a>. Kat situ, pergi ke 'Instagram Gallery for your Blog/Website'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-M6kL7081NeQ/USRNQ74ig3I/AAAAAAAAAes/9OFAB4wvayg/s1600/web-stagram-screen-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://3.bp.blogspot.com/-M6kL7081NeQ/USRNQ74ig3I/AAAAAAAAAes/9OFAB4wvayg/s400/web-stagram-screen-1.png" width="400" /></a></div>
<br />
Klik pada Generate code, then copy code yang dipaparkan paste ke Notepad:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-wpVTiYr7HG4/USRNxgAXvqI/AAAAAAAAAe0/6m-nspmr7X4/s1600/web-stagram-screen-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://2.bp.blogspot.com/-wpVTiYr7HG4/USRNxgAXvqI/AAAAAAAAAe0/6m-nspmr7X4/s400/web-stagram-screen-2.png" width="400" /></a></div>
<br />
Sekarang, kita nak combine dengan button 'Follow @zaerali'. Kat page <a href="http://web.stagram.com/tools/">http://web.stagram.com/tools/</a> tu, bahagian atas ada 'Follow Me Button'. Copy code yang ada '<iframe ..' tu then paste selepas code yang anda copy ke Notepad tadi.<br />
<br />
Alright, pastu <a href="http://www.zaerali.com/2013/02/tambah-gadget-htmljavascript-untuk.html">masukkan dalam gadget blogger</a>. SIAP!<br />
<br />
*Kalau ada komen atau pertanyaan, sila buat di sini ye. Thank you for reading.Sifu Bloghttp://www.blogger.com/profile/03011042937256008675noreply@blogger.com2