2012

Home » Archive for 2012

Cara pasang artikel terkait linkwithin

Widget ini akan memaparkan secara rawak artikel yang berada didalam blog anda.Pemasangan nya adalah baik kerana akan meningkat pageview bagi blog anda.Ia akan meningkatkan populariti blog yang memasangnya kerana kemungkinan pengunjung akan klik artikel lain yang terpapar pada widget ini.

Cara memasangnya.
1.Masuk ke web linkwithin.com
2.Disebelah kanan akan terpapar satu form seperti dibawah ini

   Isikan maklumat berikut:
   Email:masukkan alamat email anda
   Bloglink:alamat blog anda yang bermula dengan http://
   Platform:pilih blogger
   Width: pilih bilangan artikel yang hendak dipaparkan.
Tick pada My blog has light text on a dark background jika blog anda mempunyai latarbelakang gelap dengan tulisan cerah.
Kemudian pilih get widget

3.Klik pada install widget

4.Pada page element pilih blog yang ingin dipaparkan linkwithin jika anda mempunyai lebih dari satu
blog.Kemudian klik pada add widget

Masuk semula keblog anda widget tersebut akan terpapar.Kedudukan dibawah posting adalah yang terbaik.Jika berada ditempat lain anda boleh pindahkannya.

Cara memindahkannya:
Kemudian masuk pada dashboard blog anda
Pilih layout dan kedudukan linkwithin akan terpapar.Anda Cuma perlu seret dan ubah kebawah ruangan catatan blog.

Edit Tag Heading H1 H2 H3 Template agar lebih SEO

Edit Tag Heading H1 H2 H3 Template agar lebih SEO - Setelah sebelumnya saya jabarkan tentang bagaimana kriteria template Blogspot/Blogger yang seo Friendly, sekarang akan saya jelaskan lebih rinci mengenai hal tersebut. Dan untuk langkah awal kita mulai dari merubah Tag Heading H1 H2 dan H3 karean Heading tersebut adalah hal yang terpenting dalam suatu template untuk menekankan Keyword yang ingin kita capai kepada Search Engine.

Nah bagaimana Mengedit Tag Heading H1 H2 H3 Template agar lebih SEO Friendly?? Sebelumya ada beberapa point yang harus tekankan terlebih dahulu berikut :

Tag H1 dalam 1 template hanya diperbolehkan 1 saja
Untuk tag H2, H3 dst.. boleh lebih dan menyesuaikan
Pastikan template anda MINIMAL Memiliki Tag Heading H2 dan H3

Perhatikan yang saya cetak tebal berwarna merah..

Untuk membantu anda saya sarankan untuk terlebih dahulu menginstal SEOQUAKE. Disini saya menggunakan Browser Google Chorme.

Ok, lanjut ke step berikutnya kita masuk ke kodingnya :

Login ke blogger dengan ID Anda
Pada halaman dashboard klik link title blog Anda
Pilih menu Template pada sidebar sebelah kiri
Untuk mengantisipasi hal-hal yang tidak dinginkan backup template blog Anda
Klik Template >> Edit HTML >> Proceed
Beri tanda check pada kotak Expand widgets templates
Cari kode seperti di bawah ini

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Berikut cari lagi kode seperti di bawah ini

<h1 class='title'>
<b:include name='title'/>
</h1>

Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Selanjutnya cari kode seperti berikut ini

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Dan untuk CSSnya sendiri bisa menyesuaikan nantinya.. Contohnya seperti Template dari om Bamz ini sendiri yang sudah saya edit. Dengan SEOQUAKE akan terlihat seperti ini :

SS diatas adalah versi seoquake untuk tampilan single post.

Jadi intinya adalah :

Pastikan template anda memiliki H1 dan Minimal masing-masing 1 untuk H2 dan H3 dihalaman Home
Dihalaman single post Pastikan H1 hanya untuk title artikel anda saja dan Pastikan juga H2 dan H3 merupakan title atau terdapat KW yang anda tembak..

Edit Template Blogspot Jadi SEO Friendly

Edit Template Blogspot Jadi SEO Friendly - atau lebih tepatnya membuat template blogspot/blogger anda menjadi lebih SEO Friendly. Memang saat ini saya akui sudah banyak sekali tersebar template blogspot namun awas, banyak template yang memiliki template bagus secara user interface namun jelek dimata search engine.

Beberapa waktu yang lalu saya sempat baca disebuah forum tentang perdebatan antara lebih menitik beratkan kepada user friendly atau search engine. Nah disini menurut saya jika ingin benar-benar menitik beratkan kepada salah satu mungkin/bisa jadi yang satunya lagi bisa dibilang diabaikan namun disini saya sarankan untuk lebih menekankan kepada keduanya (User dan Robot SE).

Karena menurut saya template adalah faktor pendukung utama dibagian awal, nanti jika artikel anda bagus, unik dan banyak orang yang membaca/suka template bisa menyesuaikan ("bukan tidak diperhatikan"). Saya sendiri sebenarnya adalah seorang maniak Wordpress (bisa dibilang designer Wordpress themes..hahaha ) dan kemudian ingin coba-coba terjun ke dunia blogspot karena penasaran saja dan akhirnya tertarik.

Nah buat sobat yang lagi pengen coba belajar membuat blog gratisan/blogger dan sudah memiliki template yang sesuai dengan kehendak anda (jangan template yang rumit dulu buat pembelajaran saja awal"). Saya akan bantu step awal membuat template anda menjadi SEO Friendly yang nanti bisa anda kembangkan sendiri..

Adapun Beberapa Kriteria Template yang SEO Friendly sbb :

Penempatan Tag H1, H2 dan H3 yang jelas
Loading Blog Menjadi Penentu
Easy Sosial Bookmark
Sistem Navigasi yang jelas
Tampilan Manarik/Dinamis
Etc (satu-satu ya..)

Untuk yang baru belajar saya sarankan untuk menginstal add on Seoquake karena ini akan membantu anda dalam memahami penjelasan saya kedepannya tentang template blogspot yang SEO Friendly.Nah itu tadi beberapa Kriteria Template Blogspot yang SEO Friendly dan tenang nanti akan saya jabarkan satu persatu...

Langkah Awal dan Penting Ngeblog dengan Blogspot

Langkah Awal dan Penting Ngeblog dengan Blogspot - Sampai pada bahan yang ketiga neh tentang tutorial blogspot. Ok pada kesempatan ini saya ingin share langkah awal yang harus anda lakukan sebelum melakukan pengeposan/ menulis artikel di blog gratis anda (blogger/blogspot).

Saya banyak melihat beberapa blogger yang memiliki blog dari blogspot hanya digunakan sebagai blog dummy (nanti saya jelaskan apa itu blog dummy) yang intinya adalah hanya untuk spam saja atau bisa dikatakan sebagai blog yang tidak terlalu penting.

Nah di tutorial ini saya berikan hanya untuk anda yang ingin benar-benar serius belajar ngeblog dengan menggunakan blogspot dan anda benar-benar ingin merawat blog anda dengan serius.Ngeblog dengan menggunakan blogspot ada beberapa step awal yang harus anda lakukan agar blog anda benar-benar siap bersaing di SE seperti Google.com, Bing, Yahoo dll. Maka tidak hanya cukup bikin blog posting dan publish.

Kebanyak para blogger seperti itu dan tidak menyadari ada bebeapa hal yang harus dipersiapkan. Nah beberapa hal tersebut sudah saya rangkum berdasarkan pengalaman saya yang masih cetek ini di dunia blogspot. Dan buat rekan-rekan/master jika ada yang kurang mohon ditambahi tutorial blogger ini :

Awal tentunya pastikan anda sudah memiliki akun blogger/gmail (sudah kita bahas sebelumnya)
Setelah membuat blog pastikan anda milih template yang SEO friendly (h1, h2 dan h3), (Loading) dll.
Pertamakali Tambahkan halaman About, Contact dan Sitemap (Buat Google Adsense)
Lengkapi Meta tag yang diperlukan.
Daftar Alexa dan pasang Meta tag Alexa, Google Webmaster, Yahoo/Bing
Authority G+ (Lumayan Penting)
dst (agak lupa nanti ditambahi).

Sementara hanya itu dulu dan nanti akan saya jelaskan persub babnya :D. Semoga Langkah Awal dan Penting Ngeblog dengan Blogspot ini bisa bermanfaat buat anda sekalian..

Dan perlu digaris bawahi jangan pernah meremehkan blogspot/blogger, walaupun gratisan banyak para master blogger indonesia yang bisa berpenghasil besar hanya bermodalkan blog gratisan.. Salam..
Nah mumpung update ke step yang pertama yaitu "Edit Template Blogspot Jadi SEO Friendly"

Cara Membuat Blog di blogspot

Cara Membuat Blog di blogspot/Blogger - Tutorial Membuat Blog gratis - Membuat blog dengan blogspot | Setelah sebelumnya saya share tentang cara membuat akun blogger sekarang kita siap untuk membuat blognya.

Silahkan buka www.blogger.com
Masukkan username dan password yang telah kita buat sebelumnya.
Lalu Klik bagian "Blog Baru" maka akan muncul sbb :

Cara Membuat Blog di blogspot

NB :

Judul bisa terserah anda.
Alamat juga terserah anda namun lihat dulu apakan masih tersedia atau tidak, spt digambar berarti sudah tidak tersedia silahkan cari yang lain sampai muncul tanda check list.
Lalu Kemudian klik "Buat Blog"

Dan jadi sudah blog gratisan anda dari blogspot atau yang lebih dikenal dengan blogger. Sekarang anda bisa mulai posting / mengepostkan sebuah artikel.

Namun silahkan baca dulu tutorial "Langkah Awal dan Paling Penting Ngeblog dengan Blogspot".. salam..

Cara Membuat Akun Blogger/Blogspot

Cara Membuat Akun Blogger - Buat anda yang sudah sering jungkir balik di dunia blogger khususnya blog gratisan dari google.com ini silahkan lewatkan saja artikel ini. Karena anda tentu sudah luar kepala tentang bagaimana Cara Membuat Akun Blogger.

Blogger adalah salah satu penyedia jasa blog gratisan yang paling banyak digunakan oleh orang untuk saat ini, belum tahu jika nanti akan ada yang baru dan bukan dari google.com. Nah buat sobat yang tidak punya modal untuk membeli hosting dan domain karena masih ingin belajar disini saya rekomendasikan untuk menggunakan blogger/blogspot.

Bagaimana Cara Membuat Akun Blogger??

Pertanyaan Bagus, untuk bisa membuat akan blogger anda terlebih dahulu harus memiliki akun www.gmail.com. Mengapa karena blogger terintegrasikan/terhubung dengan akun gmail anda. Gimana?? apakah sobat sudah punya akun gmail?? Klu sudah silahkan ke step berikutnya, dan yang belum akan saya ajarin secara detail.

Cara Membuat Akun Gmail.com :

Silahkan buka alamat www.gmail.com dan ikuti gambar berikut :

Isi semua form yang ada sesuka anda. Jangan lupa dengan passwordnya.

Jika sudah selamat sekarang anda sudah memilik akun gmail dan blogger sekaligus.. Nah untuk tutorial berikutnya Cara Membuat Blog di blogspot/Blogger..

Cara buat borang tempahan

Dunia perniagaan secara online berkembang pesat,mempunyai satu laman web atau blog perniagaan adalah perlu bagi peniaga memperkenalkan jualan masing masing.Borang tempahan adalah suatu kemestian bagi sesuatu blog atau web perniagaan bagi membolehkan pelanggan memesan sesuatu barangan.Untuk tutorial kali ini saya akan tunjukan cara membuat borang tempahan yang membolehkan pelanggan memesan barangan dari laman blog perniagaan anda.

Terdapat banyak laman web yang menyediakan borang tempahan secara online.Salah satunya adalah laman web response-o-matic.com.

Langkah bagimembuatnya:
1.Masuk ke web response-o-matic.com
2.Klik pada get started….

3.Isikan form signup yang muncul,isikan ruangan nama,email dan password dan klik sign up, paparan untuk sign in akan muncul jika anda telah berjaya mencipta akaun dengan response o matic.

4.Buka email anda untuk pengesahan pendaftaran, masukkan email dan password tadiuntuk log in

5.Selepas pengesahan email anda akan dibawa kepaparan bagimencipta form.Terdapat ruangan nama dan email(boleh dipinda dengan mengklik pada edit),klik pada add question untuk menambah butiran yang diperlukan pada form,bila dah siap klik pada continue.

6.Kemudian muncul option untuk form yang akan anda buat.Yang bertanda upgrade adalah option yang perlu anda bayar jika hendak menggunakannya.Pada bahagian ini masukkan butiran pada email & sms

notifications supaya bila ada tempahan anda akan menerima email,kemudian klik continue.

7.Paparan kod html akan muncul,salin kesemua kod ini.

8.Log in ke blog anda

9.Klik pada pages dan pilih new page….blank page

10.Masuk kan nama pages sebagai borang tempahan.klik tab HTML dan pastekan kod yang disalin tadi pada ruangan tersebut(bukan pada mode compose).Kemudian klik pada publish.

Pada pages akan keluar senarai page yang telah dibuat tadi

Tentunya bagi laman web atau blog perniagaan anda perlu membuat pages(halaman) seperti senarai produk,borang tempahan,hubungi saya dsb.Anda perlu buat langkah bermula pada langkah ke 9 untuk membuat halaman(page) yang berasingan.Pada pages terdapat tiga pilihan iaitu:

Top tabs ----tab navigasi berada diatas
Side links ----tab navigasi akan berada ditepi blog
Don’t show---jika anda ingin membuat link dengan butang link tersendiri.Anda perlu buka page dan ambil link yang terpapar pada ruangan search dibrowser.

Sebelum ini juga ada posting tentang membuat pages dan anda boleh rujuk disini.

Selamat mencuba …:)

klik butang +1 jika suka artikel ini :) :)

Membuat facebook page dan like box

Facebook like page adalah satu jaringan sosial yang penting bagi meningkatkan populariti sesuatu blog atau web site.Pemasangan facebook like box pada blog akan membolehkan pengunjung mengklik like jika suka dengan blog anda

Cara membuat facebook page

1.Log in dahulu ke facebook anda

2.Pada senarai menu sebelah kiri terdapat pages----create a page

atau boleh juga masuk ke http://www.facebook.com /pages/create.php

3.Kemudian pilih brand or product

4.Pilih website dari senarai option dan namakan page yang anda
inginkan pada brand or product name,

5.Tandakan pada I agree with facebook page terms dan klik pada get started

6.Kemudian anda akan dibawa ke paparan setup page anda

7.Pada profile picture anda boleh masukkan imej untuk page anda

8.Kemudian pada about masukkan keterangan berkenaan page anda

(Boleh juga skip pada bahagian ini kerana anda boleh memasukkan
kemudian pada page anda)

9.Kemudian dapatkan dan salin url page anda pada ruangan url dibrowser.

Langkah seterusnya:

Cara membuat like box
Masuk ke halaman berikut http://developers.facebook.com/docs/reference/plugins/like-box/

Setting pada Facebook Like Box:
- Facebook Page url: Masukkan url page anda disini
- Width: Lebar like box
- Color scheme: pilihan warna terang atau gelap
- Show Faces: Jika anda ingin menampilkan imej profail bagi facebook
- Border color: Masukkan kod warna jika ingin meletak border atau kosongkan untuk transparent.
- Show stream: Jika ingin memaparkan posting terakhir anda.
- Show header: akan memaparkan tulisan header "Find Us on Facebook".
Preview akan terpapar di sebelah kanan form setelah disikan.
Klik pada get code (salin kod likebox anda disini)

Paparan kod akan keluar terdapat kod dalam kategori HTML5,XFBML,
IFRAME dan URL .
Salin kod pada IFRAME

Memasukkan widget pada blog

Kemudian masuk kedashboard blog anda:
Bagi dashboard baru:
Pilih Layout….Add a gadget

..HTML/Javascript

bagi dashboard lama:
Pilih design…page elements…add a gadget
Dan masukkan kod facebook like anda disini dan klik save

update 8/5/2013

Cara membuat cursor sendiri

Sesetengah blog yang anda lawati mempunyai kursor yang unik dan menarik. Ada yang membuat kursor dengan tulisan nama sendiri dan ada yang meletakkan gambar sebagai kursor.Mungkin anda ingin membuatnya ,jadi tutorial ini akan menerangkan cara cara untuk membuat kursor anda sendiri.

Untuk tutorial ini saya menggunakan perisian AdobePhotoshop CS5.
1.Pada menu file pilih new dan masukkan setting seperti berikut

Width 80pixels,height 45 pixels,resolution 75pixels dan background content transparent
Klik ok setelah memasukkannya.

2.Kemudian kita akan masukkan anak panah untuk kursor ini,pada toolbar pilih rectangle tool (ikon kotakdisebelah bawah ikon panah)dan ambil custom shape dari senarai yang terpapar

3.Gunakan move tool dantandakan(tick)pada show transform control untuk memutarkan anak panah .Kotak yang muncul membolehkan anda membesar,memutar dan mengubah kedudukan.

4.pilih text tool ,jenis tulisan,warna dan taipkan teks yang anda inginkan

5.Simpan kursor yang telah dihasilkan

Ambil menu file pilih save as masukkan nama fail pada file name dan pilih format png (boleh juga format gif) pada format dan klik save.

Ok dah siap pun cursor text anda.

Cara nak letak gambar sebagai kursor

1.Anda perlu sediakan imej yang hendak diletakkan sebagai kursor.Jika imej besar perlulah dipotong terlebih dahulu

memotong imej dengan photoshop:

2.Masukkan imej>>klik open>>pilih imej yang diperlukan
Pilih crop tool,kemudianklik an seretkekotakpadabahagian yang hendakdipotong.Tekan enter

3. Jika sudah berpuashati.Simpan imej anda dengan format jpeg.

4.Seterusnya ikut pada langkah 2 diatas(memasukkan anak panah)
masukkan imej yang telah anda crop..

5.File pilih>> open dan browse imej tadi.Gunakan move tool,klik dan seret ke sebelah kursor yang telah dibuat

Untuk ubah saiz pastikan show transform controls diaktifkan.kemudian save imej dalam format png atau gif.

Cara meletakkan cursor pada blog

Imej yang telah siap perlu diupload pada web site yang menyediakan kemudahan upload imej seperti imageshack atau tinypic bagi mendapatkan dapatkan url untuk imej.Setelah selesai upload dan dapatkan url tadi.

Kemudian masuk ke design>>template>edit html

cari kod </head>

dan letakkan kod seperti dibawah sebelum kod </head>:

Masukkan url imej yang anda upload dan gantikan pada bahagian teks berwarna oren.

Kemudian save.

Cara pasang flash banner pada blog.

Mungkin anda ingin memasang banner flash pada blog anda.banner flash ini lebih menarik dipasang jika ingin mengiklan sesuatu pada blog kerana ia berbentuk animasi.Flash banner ini telah digunakan secara meluas pada web site ketika ini.

Berikut adalah cara bagi memasang flash banner pada blog anda:

Mula mula anda perlu sediakan fail flash terlebih dahulu.fail ini boleh kita buat dengan menggunakan web site yang menyediakan khidmat membuat free banner maker secara online.

Sesudah banner disiapkan anda perlu mengupload banner tersebut.Anda boleh mengupload banner ini pada mana mana web hosting dan dapatkan url flash banner untuk diletakkan pada blog.Anda juga boleh gunakan googlesite.

Langkah bagi mengupload file
1.Anda perlu membuat akaun di https://sites.google.com/
2.Log in menggunakan akaun blog,pada dashboard klik pada create.
3.Pada name your site,letakkan nama site anda dan masuk kod verification dibawahnya
4.Kemudianpada dashboard klik ikon new page diatasnya,pada new page letakkan nama
page anda dan klik create.
Sesudah Berjaya mencipta page klik pada add file dan browse fail flash anda dan upload

Sesudah Berjaya mengupload file anda ,nama fail tersebut akan berada diatas ikon add file.Klik pada kanan pada fail tersebut dan ambil copy link location.Simpan link ini untuk langkah seterusnya.
Contoh link adalah seperti dibawah ini.

https://sites.google.com/site/labulabiblog/lab/flash%20banner.swf?attredirects=0
teks yang berwarna oren boleh didelete

Memasukkan fail flash pada blog:

untuk dashboard lama:
pada dashboard ambil design....page elements..
add a gadget...html/javascript

untuk dashboard baru
ambil layout...add a gadget

pilih HTML/Javascript

dan masukkan kod dibawah ini:

Nota:
Masukkan link banner anda pada teks berwarna merah
ubah saiz banner pada teks warna hijau

kemudian klik pada save.

update 8/5/2013

Freebies Muslimah

Slm semua..update terbaru dari jombinabelog, freebies muslimah yang tak berapa comel untuk korang, ambik la, free tak kena apa-apa charge pun :) nak buat sebagai header ke, banner ke ikut suka korangla...n kalo dah ambik tu sudi-sudikan la backlink n kreditkan ke blog ni ye.. ^-^ nantikan lagi freebies yang akan datang, rajin-rajin la singgah sini ye..ok chow dulu