Menampilkan Related Post Thumbnails Dengan LinkWithin.

Ada beberapa cara membuat Related Post atau artikel terkait yang sudah kami posting pada blog ini. Dimulai dari Cara Menampilkan Artikel Terkait di Blogspot, kemudian artikel tersebut dimodifikasi agar tampilannya lebih menarik, Menampilkan Artikel Terkait Blogspot Modifikasi. 

Pada artikel kami yang lain Membuat Artikel Terkait Disertai Thumbnails Pada Blogspot, kalau ini artikel terkaitnya disertai dengan tampilan gambar.

Untuk tampilan gambar Related Post atau artikel terkait bisa kita terapkan pada blog kita dengan bantuan situs LinkWithin. Blogspot Pemula share Cara Menampilkan Related Post Thumbnails Dengan LinkWithin.

Widget ini salah satu yang membuat pengunjung blog di blog kita bisa betah berlama-lama. Artinya kita mengarahkan para pengunjung untuk mengklik postingan yang berkaikan dengan postingan yang sedang dibaca.

Dengan kata lain Widget Related Post ini dapat menambah page view blog kita atau blog kita dapat kita Optimasi lebih baik. Bagaimana tertarik teman-teman ingin membuatnya?

Berikut Caranya:

1. Kunjungi situs http://www.linkwithin.com/
2. Isi data yang dibutuhkan lihat gambar dibawah ini.

• Email : Isikan email
• Blog link : http:// namablogcontoh.blogspot.com
• Platform : pilih Blogger kalo anda mau masukin di blog
• Within : Pilih jumlah tampilan thumbail yang anda inginkan (max 5)
• Centang My blog has light text on a dark background
• Lalu klik Get Widget.

3. Instalasi Widget pada blog :
 

• Klik Install Widget
• Pilih Blog dimana anda ingin tempatkan Related Post tadi. Lalu klik Add Widget (Menambah Widget) 

• Setelah Klik Add Widget (Menambah Widget) anda akan diarahkan langsung ke Rancangan Blog kita. Akan muncul seperti gambar dibawah ini:

 

• Selanjutnya pindahkan widget Linkwithin tadi tepat dibawah postingan.
• Setelah itu, Simpan Rancangan Template anda.
• Selesai

Bagaimana teman-teman bisakan semua? Mudah-mudahan bisa ya.

Read more »

Cara Membuat Anchor Teks Di Blogspot Pemula

Pada artikel sebelumnya kami sudah membahas Pengertian Anchor Text Untuk Optimasi SEO Blogspot. Sekarang mari kita akan menerapkannya pada blogspot .

Cara Membuat Anchor Teks Di Blogspot Pemula. Kenapa judulnya harus menggunakan Blogspot Pemula yah karena ini kami terapkan pada blog ini, sekiranya teman-teman ingin menerapkannya di blog nya boleh-boleh aja.

Anchor teks atau biasa disebut internal link anchor biasa di kenal dengan link dalam satu halaman web untuk menandakan keyword khusus di dalam halaman tersebut. Penerapan Anchor Teks pada blog merupakan salah satu dari Optimasi SEO.

Kami berpendapat bahwa link anchor teks adalah link jangkar yang berupa hyperlink dalam halaman web yang berfungsi khusus agar semua hyperlink dapat dinilai relevan yang sesuai anchor teksnya.

Pada dasarnya dengan memasang internal anchor link di setiap postingan kita, dapat menaikkan peringkat posisi postingan blog di SERP Google dan juga dapat menaikkan peringkat blog kita. Buat para web master kalau salah mohon koreksi.

Bagaimana penerapannya langsung saja kita mulai Cara Membuat Anchor Teks. Silahkan sobat lihat contoh anchor teks berikut

<a href="http://alamatblogcontoh" title="Keyword"><b>Keyword</b></a>

Keterangan :

• Ganti tulisan alamatblogcontoh dengan alamat postingan atau blog lainnya 
• Ganti Tulisan Keyword dengan keyword postingan atau blog sobat.

Contoh Penggunaan yang kami arahkan ke Artikel Kode Warna di blog ini:

<a href="http://blogspotpemula.blogspot.com/2011/11/kode-warna.html" target="_blank" title="Kode Warna"><b>Kode Warna</b></a>

Maka hasilnya akan menjadi seperti ini :

Kode Warna

Coba klik Kode warna tersebut kemudian lihat hasilnya. Disamping penggunaan Anchor Teks pada blog sangat baik kita padukan juga dengan menggunakan alt tag gambar pada semua gambar yang kita posting

Semoga postingan Cara Membuat Anchor Teks Di Blogspot Pemula ini bisa bermanfaat.

Read more »

Cara Menampilkan Iklan Tepat Disamping Kotak Komentar Blogspot

Para pemirsa yang budiman, mau pidato atau mau posting Artikel? Sory lagi ngelamun. Share Cara Menampilkan Iklan Tepat Disamping Kotak Komentar Blogspot, karena google ads Blogspot Pemula ada sedikit masalah, kami pasang iklan pada blog ini dari AdsenseCamp, ada satu iklan yang kami tempatkan tepat disamping kotak komentar, yah tujuannya sih yah pada tahu dah.

Oh ya sekedar mengingatkan, jangan lupa untuk Memasang Google Analytics pada blog nya ya Sobat, Google analytics ini banyak manfaatnya buat blog, tapi kami tidak akan mengutarakannya satu persatu pada artikel kali ini.

Menampilkan Iklan Tepat Disamping Kotak Komentar

1. Login Dulu ke blog masing-masing

2. Kemudian ke menu edit HTML

3. Centang pada EXpand template widget

4. Cari kode dibawah ini, biasa make CTRL+F pada keyboard.

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

5. Bila kode diatas tidak ditemukan caranya cari kode yang hampir-hampir sama dengan kode diatas. Mungkin berbeda pada ukuran lebar dan tingginya. Bila sudah sekarang ganti kode diatas dengan kode ini.

<table border='0' width='600'><tr> <td align='center'>http://blogspotpemula.blogspot.com</td> <td align='center'><iframe class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/></td></tr></table>

6. Setting sedikit height='210' biar lebih presisi posisinya.

7. Ganti text yang berwarna biru dengan kode iklan. atau kalau mau boleh mengganti apa yang mau kita tampilkan disamping kotak komentar.

8. Untuk kode iklan ads jangan lupa di-parse dulu ya sobat, biar bisa nongol tuh iklannya cara nya bisa di simak di Menampilkan Kode HTML dalam Postingan.
9. Setelah selesai semua jangan lupa

10. Save atau simpan.

Kemudian lihat hasilnya, mudah-mudahan bisa semua ya.

Read more »

Cara Menampilkan Widget Hanya Tampil Di Homepage

Kebutuhan untuk suatu Trik pada blog sepertinya tidak ada habis-habisnya. Trik Cara Menampilkan Widget Tampil Di Homepage ini dapat kita terapkan sesuai kebutuhan pada blog. 

Blogspot Pemula menerapkan ini pada sebuah blog kami yang hanya menampilkan satu artikel saja pada homepage nya kemudian dibawahnya ada artikel Postingan terbaru, nah untuk artikel postingan terbaru tersebut hanya tampil pada halaman utama saja.

Salah satu widget yang sering menggunakan trik ini pada komentar terakhir blog, tapi trik ini juga bisa dipergunakan untuk memperingan loading blog saat pengunjung ingin membaca artikel. Perlu di garis bawahi loading yang cepat adalah salah satu Optimasi SEO Blogspot juga kata para master seo.

Bagaimana cara melakukannya? Berikut ini cara membuat widget hanya tampil di homepage atau halaman beranda.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Random Post kode script nya ya kira-kira seperti ini (hanya contoh)

<b:widget id='HTML3' locked='false' title='Random Post' type='HTML'>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>

  <b:include name='quickedit'/>

</b:includable>

</b:widget>

6. Kemudian tambahkan kode  <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode  <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasil akhirnya menjadi seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Random Post' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

  <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>

  <b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

7. Simpan Template

8. Selesai

Bagaimana Sobat bisakan, dan mudah-mudahan bisa menerapkan sesuai kebutuhan ya.

Read more »