zondim

Senin, 13 Februari 2012

Meta Tag Untuk Blogspot (Agar Makin SEO Friendly)

zondim - cara terbaik agar blog bisa SEO friendly adalah dengan Meta Tag Untuk Blogspot (Agar Makin SEO Friendly)

a. Meta Title dan Meta Description

Pertama masuk/log in ke blog kamu.

Pada halaman Dasbor blogger klik pilihan Tata Letak/Design dan setelah itu menuju ke Edit HTML. Kemudian perhatian dan cari kode HTML seperti di bawah ini :

(bila kesulitan gunakan fasilitas pencarian/tekan ctrl+f untuk mancari)

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

Setelah kamu menemukan tag HTML diatas. Ganti dengan kode HTML dibawah ini.

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

Kemudian, perhatikan pula meta keyword dan meta deskripsi yang Anda pakai.

Kebanyakan meta yang sering di pakai seperti dibawah ini.

<meta name="DESCRIPTION" content="Your keyword ">
<meta name="KEYWORDS" content="your keywords">

Ganti dengan tag HTML seperti dibawah ini.blogger-emoticon.blogspot.com

<meta expr:content='data:blog.pageTitle + " Deskripsi Anda "' name='description'/>
<meta expr:content='data:blog.pageTitle + " Keyword Anda "' name='keywords'/>

Ok, sudah bisa mempraktekkannya kan?

Kemudian...

Perlu kita ketahui juga bahwa membuat blog agar lebih mudah dikenali Search Engine tak cukup hanya memaksimalkan meta pada title dan description saja, namun meta content untuk robot dan spider juga perlu diperhatikan untuk memaksimalkan blog agar lebih cepat terindex oleh mesin pencari.

b. Meta Content (Untuk robot dan spider)

Perhatikan meta content dibawah ini :

Setelah semuanya beres, kemudian Save/Simpan Template.

Finish

Cara Pasang Meta Tag Otomatis Untuk Blogspot di Setiap Posting

Zondim - Untuk mengisi waktu saya mencoba blogwalking di blog-blog terkenal,dan mencoba melihat pemasangan Meta Tag nya dengan klik kanan di halaman posting dan klik View Page Source.
Ternyata saya menemukan Hal yang baru buat saya untuk pemasangan Meta Tag di blogspot, tepatnya di Blognya Juragan.
Penempatan Meta Tag Deskripsi dan keywordnya untuk judul posting Blog Original Juga Bisa kena Amukan Google Panda? adalah seperti ini

Untuk Meyakinkan bisa anda cek sendiri di Blog Juragan atau bisa langsung di Blog Saya dengan cara klik kanan halaman ini dan pilih View Page Source .

Perhatikan penempatan Meta Tag tersebut, penempatkan Title blog nya yang berwarna merah berada di tengah-tengah judul posting . Jadi artinya di setiapPostingan, Meta Tag otomatis akan mengandung kata kunci sesuai postingan tersebut lebih banyak di bandingkan Meta Tag lainnya.

Pastinya akan lebih super bukan ?

Langsung aja ke Cara Pasang Meta Tag Otomatis Untuk Blogspot di Setiap Posting.

.
1. Pertama Login ke blog sobat
2. Rancangan - Edit HTML

A. Untuk yang belum memasang Meta Tag

1. cari kode

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

2. Lalu ganti dengan kode berikut

<b:if cond='data:blog.url == "URL ANDA"'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI ANDA' name='DESCRIPTION'/>
<meta content='KEYWORD ANDA' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

3. Save

B. Untuk yang sudah memasang Meta Tag

1. Cari kode

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>

2. Biasanya Meta Tag yang sudah di pasang letaknya di bawah kode tersebut, Hapus saja Meta Tag yang lama dan ganti dengan Meta Tag yang baru dibawah ini.

3. Save

Jika anda ingin menambahkan Keyword di Setiap Title/Judul Posting

anda tinggal ganti kode Meta Tag yang tadi dengan kode dibawah

<b:if cond='data:blog.url == "URL ANDA"'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI ANDA' name='DESCRIPTION'/>
<meta content='KEYWORD ANDA' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

Bagaimana,tidak terlalu sulit kan memasangnya?
Semoga Artikel Cara Pasang Meta Tag Otomatis Untuk Blogspot di Setiap Posting dapat bermanfaat sebagai langkah anda untuk Belajar SEO.

Cara Membuat Tombol Balas Komentar

Zondim - Adanya tombol blas komentar ini dapat memudahkan kita dalam merespon suatu komentar karena nama komentator yang komentarnya akan kita balas sudah tercantum. Biasanya kita kan sebelum membalas komentar menuliskan terlebih dahulu kepada siapa komentar tersebut ditujukan. Misalnya, @LaNo Blog Gimana ya sob cara buat tombol balas komentar.

Bila Anda tertarik untuk memasang link reply komentar ini pada blog, pertama-tama siapkan dulu Blog ID Anda. Salah satu cara untuk mengetahui blog ID Anda adalah, setelah Anda masuk ke akun Blogger, Klik Rancangan, kemudian lihat web address browser. Nah, 19 digit angka itulah yang disebut Blog ID.

Berikut ini langkah-langkah dalam membuat tombol balas komentar di Blogger.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dulu dengan mengeklik Download Template Lengkap.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode seperti atau yang mirip dengan kode di bawah ini.

<b:include data='comment' name='commentDeleteIcon'/>

6. Kemudian copy kode di bawah ini dan paste di bawah kode <b:include data='comment' name='commentDeleteIcon'/>.

<a expr:href='"https://www.blogger.com/comment.g?blogID=Blog ID Anda&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>Balas Komentar</a>

Silakan ganti Blog ID Anda dengan blog ID Anda sendiri.
Anda dapat mengganti tulisan Balas Komentar sesuai kemauan Anda

Cara Membuat Read More Otomatis

Zondim - dengan memasang widget read more otomatis ini, Anda tidak perlu menambahkan kode tambahan di setiap posting blog yang Anda buat. Widget read more ini akan tampil dihomepage, halaman hasil pencarian, halaman arsip, dan halaman label. Jika Anda tertarik untuk memasangnya, silakan ikuti langkah-langkah di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Klik Download Template Lengkap, untuk mengantisipasi jika terjadi kesalahan dalam mengedit template.

5. Beri tanda centang pada Expand Template Widget.

6. Cari kode </head>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.

7. Copy kode berikut dan paste di atas kode </head>.

var thumbnail_mode = "float" ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

8. Cari kode <data:post.body/>.

9. Ganti kode tersebut dengan kode di bawah ini.

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == "static_page"'>

<data:post.body/>

<b:else/>

<data:post.body/>

</div>

createSummaryAndThumb("summary<data:post.id/>");

</script>

</b:if>

10. SIMPAN

Perhatian : Tulisan Read more diatas bisa anda ganti dengan teks anda sendiri.

Cara Membuat Buku Tamu

uku tamu atau yang biasa disebut shoutbox merupakan salah satu sarana untuk berinteraksi antara pemilik blog dengan para pengunjung blog. Di buku tamu tersebut para pengunjung dapat membuat pesan-pesan serta meninggalkan URL blognya atau email. Untuk memasang buku tamu di blog kita dapat memanfaatkan layanan dari situs penyedia shoutbox seperti Shoutmix dan Cbox.

Kali ini saya lano akan membahas cara membuat buku tamu menggunakan Shoutmix. Untuk lebih jelasnya Anda dapat menyimak langkah-langkahnya di bawah ini.

1. Silakan kunjungi Shoutmix di http://www.shoutmix.com kemudian klik create shoutbox.

2. Isikan data-data yang diperlukan kemudian beri tanda centang pada "agreement". Selanjutnya klik tombol Continue.

3. Untuk menyesuaikan tanggal dan waktu sesuai lokasi Anda, silakan klik Date & Time pada menu Display.

4. Silakan pilih zona waktu yang sesuai dengan tempat tinggal Anda. Kemudian pilih format waktu yang Anda inginkan. Lalu klik tombol Save settings.

5. Berikutnya klik Back to setting. Anda juga dapat mengatur tampilan shoutbox Anda lainnya, seperti style dan warna pada menu Display ini.

6. Kemudian untuk mendapatkan kodenya, silakan klik Get codes pada menu Quick Start.

7. Silakan diatur lebar dan tinggi shoutbox sesuai keadaan blog Anda pada kolom Width dan Height atau Anda dapat mengaturnya nanti. Selanjutnya, copy kode pada Generated codes.

8. Masuk ke akun Blogger Anda.

9. Klik Rancangan > Elemen laman > Tambah Gadget.

10. Pilih HTML/JavaScript.

11. Beri judul sesuai keinginan Anda.

12. Paste kode tadi di Konten.

13. Klik tombol SIMPAN.

14. Pindahkan elemen tadi ke tempat yang Anda inginkan.

15. Klik tombol SIMPAN

Cara Daftar dan Pasang Meta Tag Alexa di Blog

Dengan mengklaim blog kita di Alexa maka kita dimungkinkan untuk mudah untuk memperbarui kontak blog atau situs kita. Selain itu, kita juga dapat memperbarui judul dan deskripsi blog kita. Kemudian kita dapat menanggapi review pengguna situs atau blog kita. Dengan memasang meta tag Alexa di blog diharapkan peringkat Alexa blog kita akan menjadi lebih baik.

Berikut ini cara membuat akun atau register di Alexa dan memasang meta tag Alexa di blog.

1. Silakan kunjungi situs Alexa di http://www.alexa.com kemudian klik menu register di pojok kanan atas.

2. Selanjutnya isikan data-data yang diminta seperti, alamat email, nickname, fullname, pilih negara Anda kemudian klik tombol Register.

3. Kemudian akan muncul halaman "Terima kasih". Berikutnya silakan buka email Anda dan klik "confirmation link" yang diberikan Alexa untuk membuat akun Anda.

4. Langkah selanjutnya, silakan buat password Anda dan klik tombol Submit Password.

5. Jika berhasil atau sukses, selanjutnya Anda akan menuju ke halaman akun Anda. Klik "Add site now" untuk mengklaim blog atau situs Anda di Alexa.

6. Masukkan URL blog Anda, kemudian klik tombol Claim your site.

7. Silakan copy meta tag yang diberikan Alexa pada pilihan no. 2.

8. Masuk ke akun Blogger Anda.

9. Klik Rancangan > Edit HTML.

10. Paste meta tag Alexa tersebut di antara kode <head> dan </head>. Kalau saya biasa meletakkannya di bawah kode <b:include data='blog' name='all-head-content'/>.

11. Klik tombol SIMPAN TEMPLATE.

12. Silakan kembali ke halaman Claim Your Site Alexa tadi kemudian klik tombol Verify my meta tag.

Cara Pasang Alexa Traffic Rank Button

Langkah-langkah pemasangan Alexa Traffic Rank Button di Blogger:

Silakan kunjungi situs http://www.alexa.com
Klik menu Site Tools.
Klik Alexa Site Widgets.
Isi alamat URL blog Anda di kotak yang tersedia pada bagian Alexa Rank Traffic Button.
Klik tombol Build Widget.
Kemudian pilih ukuran Alexa Traffic Rank Button sesuai dengan keinginan Anda.
Copy kode HTML yang ada di dalam kotak Alexa Traffic Rank Button pilihan Anda.
Masuk ke akun Blogger Anda.
Pilih menu Rancangan.
Kemudian pilih Elemen Laman.
Selanjutnya klik Tambah Gadget di sidebar.
Pilih HTML/JavaScript.
Beri judul di kolom Judul.
Paste kode HTML yang tadi dicopy di bagian Konten.
Klik tombol Simpan.
Selesai.

Cara Membuat Spoiler

zondim - spoiler merupakan suatu teknik untuk menyembunyikan teks yang panjang, gambar, atau video. Spoiler dapat pula kita terapkan dalam membuat suatu artikel di Blogger. Dengan membuat spoiler ini kita dapat menghemat tempat atau ruang di halaman posting.

Berikut cara membuat spoiler dihalaman postingan :

<b>Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>

Letakkan konten Anda di sini.

</div>

Untuk tulisan Spoiler merupakan judul spoiler, Anda dapat menggantinya sesuai keinginan.
Tulisan Open dan Close dapat diubah sesuai keinginan Anda.
width: 55px; menunjukkan lebar spoiler.
font-size: 11px; menunjukkan ukuran huruf dalam spoiler.
Ganti tulisan Letakkan konten Anda di sini dengan konten yang ingin Anda masukkan ke spoiler.
Bila Ingin Memasukan Gambar di dalam Spoiler anda tinggal mengganti tulisan Letakkan konten Anda di sini dengan kode berikut <img src="URL-Gambar-Anda"/>.

Cara Pasang Meta Tag Goggle Di Blogger

Zondim - Agar Google dapat menjelajahi blog kita dengan baik, kita harus memverifikasi blog kita ke Google Webmaster. Berikut ini langkah-langkah untuk memasang meta tag Google

Nah, berikut ini adalah langkah-langkah untuk memasang meta tag Google pada Blogger.

1. Silakan kunjungi halaman Webmaster Tools di http://www.google.com/webmasters/tools/

2. Kemudian Sign In dengan menggunakan akun Google.

3. Selanjutnya klik tombol Tambahkan situs yang dipilih pada blog yang ingin ditambahkan meta tag.

4. Klik segitiga hitam pada link Kelola dan klik link Tambahkan atau hapus pemilik.

5. Selanjutnya klik link Verifikasikan dengan menggunakan metode yang berbeda.

6. Pilih Tambahkan tag meta ke beranda situs Anda kemudian copy meta tag yang diberikan oleh Google.

7. Masuk ke akun Blogger Anda.

8. Klik Rancangan > Edit HTML.

9. Paste kode meta tag tadi di bawah kode <head> sebelum bagian <body> pertama, kalau saya sih biasanya meletakkannya di bawah kode <b:include data='blog' name='all-head-content'/>.

10. Klik tombol SIMPAN TEMPLATE.

11. Kembali lagi ke halaman verifikasi tadi dan klik tombol Verifikasi.