Jumat, 25 Oktober 2013

SERPID Cara Buat Read More Otomatis Blogspot

Cara Buat Read More Otomatis Blogspot
Langkah-langkah cara membuat Read More Otomatis di Blogspot.
  • Login ke Blogger
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  (gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang kedua.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
    </script>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sAsWODQB6vgbUFHiQWtx1g5daXTR6xRUZjX8hIp_ohFnL2IMti_DMur7I3Z1ifvUGO3FM0wKqDrxIyi7-yrm4xgmL2wmURMzqANE_PBDhwfjn9GFGu-V4fWPxrDHhd5oEGeTDJ3EJZ4//"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
  • Finish simpan template dan lihat hasilnya.
Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :
  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sAsWODQB6vgbUFHiQWtx1g5daXTR6xRUZjX8hIp_ohFnL2IMti_DMur7I3Z1ifvUGO3FM0wKqDrxIyi7-yrm4xgmL2wmURMzqANE_PBDhwfjn9GFGu-V4fWPxrDHhd5oEGeTDJ3EJZ4// silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sAsWODQB6vgbUFHiQWtx1g5daXTR6xRUZjX8hIp_ohFnL2IMti_DMur7I3Z1ifvUGO3FM0wKqDrxIyi7-yrm4xgmL2wmURMzqANE_PBDhwfjn9GFGu-V4fWPxrDHhd5oEGeTDJ3EJZ4//"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Rabu, 09 Oktober 2013

SERPID Cara Edit Blogspot agar Seo Friendly

Cara mengedit blogspot agar seo friendly
Cara mengedit blogspot seo friendly
Cara mengedit blogspot agar seo friendly - Sepertinya lagi tergila-gila buat belajar tentang seo. Jadi kali ini postingnya juga masih tentang tips seo (search engine optimization). Postingan kali adalah kumpulan dari semua cara yang diketahui tentang men-seo-kan template blogger / blogspot kita. Jadi kalo ada yang kurang silahkan sobat-sobat blogger tambahkan ilmu yang sobat miliki melalui kolom komentar. Tutorial step by step mengedit template blogger / blogspot agar seo friendly ini adalah hanya salah satu cara untuk meningkatkan serp. Nah dari pada sobat ketiduran ngedengerin ocehannya yang gak jelas, lebih baik kita langsung membahas step by step complete seo guide untuk blogger templates :

1. Page Title
Biasanya format page title dari blogger kan seperti ini : judul blog : judul posting, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : judul posting | judul blog. Caranya cari kode berikut di edit html (cara mudahnya di tekan ctrl + f lalu copy paste kode dibawah ini) :

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

Kalo udah dapet kodenya hapus dan ganti dengan kode berikut ini :

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

Atau bisa juga tambahin beberapa kata kunci (keyword) :

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

Ganti kode "kata kunci" dengan keyword yang diincar. Setelah semua selesai jangan lupa di save template.

2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Lalu di save.

3. Memasang Breadcrumbs
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblognya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “cara membuat menu breadcrumbs”.

4. Memasang Related Post
Related post sangat bagus untuk seo maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “cara membuat related post di blogger”.

5. Mematikan setting archive (arsip)
Lho, buat apa? begini nih, seperti yang dibilang tadi kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :

Membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://namablog.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.

Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6. Menambahkan kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of seo bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content. Cara nya di edit html tambahkan kode berikut setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />

Save template dan selesai.

7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<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>

Kode yang dicetak tebal (warna orange) dihapus dan ubah dari h3 (atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 
{ 
font-size:1.5em; 
}

Nah, jadi segitu tentang bagaimana mengedit blogger template kita biar jadi lebih seo friendly.

Minggu, 06 Oktober 2013

SERPID Pasang SEO Smart Link untuk Blogspot / Blogger (Update)

Belajar SEO Blogspot - Pernah dengar plugin SEO smart link ? sebuah plugin untuk wordpress yg fungsinya mengubah setiap kata yang kita tentukan, menjadi sebuah link. Kini plugin tersebut dapat kita pasang juga di blogspot. 

Semua kata "SEO" akan otomatis diconvert menjadi link 

Akan tetapi sudah sejak tahun lalu script ini sudah tidak bekerja.

Tapi tenang dulu, sekarang scriptnya sudah diperbaiki berkat bantuan seorang teman, Ganda Manurung namanya. Beliau adalah salah seorang programmer indonesia terbaik. Beliaulah salah seorang sahabat blogger yang banyak memberikan saran2 bermutunya kepada juragan. Terimakasih sekasih2nya kepada beliau. Ikuti tutorial memasang seo smart link plugin untuk blogspot / blogger dibawah ini.

Bagaimana cara kerja seo smart link untuk blogspot ini ?
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan.

Apakah script autolink ini melanggar google guidelines?
Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi juragan, cukup 1 link saja.

Bagaimana cara memasang kode autolink ini di blogspot sobat ?
Step pertama, Login ke blogger.com lalu ke design(rancangan). Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode</body> Lihat kode scriptnya disini (klik untuk melihat di tab baru)
Setelah halaman script terbuka silahkan copy pastekan semua kode discript tersebut tepat diatas kode </body>

Keterangan :
Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih.
dibawahnya Ganti http://blogjuragan.blogspot.com/ dengan alamat url yang dituju.

Semoga berhasil !