Tutorial dan Panduan

Selasa, 15 Desember 2009

Cara Buat Read More di Blogger , Cara Buat Read More di Blogspot

Cara Buat Read More di Blogger , Cara Buat Read More di Blogspot. Sebelum membahas bagaimana cara membuat read more di blogspot, terlebih dahulu saya akan sedikit berbicara tentang read more itu sendiri. Read more adalah suatu fungsi yang dapat meringkas suatu artikel / postingan pada blog. Intinya dengan menggunakan cara read more ini, suatu postingan tidak akan tampil seutuhnya pada halaman utama blog (Home). Melainkan hanya berupa ringkasan saja. Setelah kata / tulisan read more itu di klik, barulah seluruh postingan akan tampil.

Cara Membuat Read More

Tahap Kesatu

1. Login di Blogger, kemudian masuk ke halaman edit html

2. kasih tanda checklist pada kolom expand template widget

3. Cari kode html seperti ini :

<div class='post-header-line-1'/> <div class='post-body entry-content'>

4. Kemudian simpan kode berikut di bawah kode yang anda cari barusan:

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>

5. Selanjutnya, dibawah kode yang baru anda simpan barusan, terdapat kode seperti ini :

<data:post.body/> <div style="'clear:"> <!– clear for photos floats –> </div>

lalu diantara kode

<data:post.body/>

dan

<div style="'clear:"> <!– clear for photos floats –> </div>

Simpan kode yang ini :

<a expr:href='data:post.url'>Read More .. </a> </b:if>

Sehingga hasil dari perubahan kode html selengkapnya menjadi seperti ini :

<div class='post-header-line-1'/> <div class='post-body entry-content'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Read More .. </a> </b:if> <div style="'clear:"> <!– clear for photos floats –> </div>

Tahap Kedua

Setelah selesai melakukan edit kode html-nya, sekarang kita beranjak ke bagaimana cara melakukan posting artikel supaya fungsi read more tersebut bisa kita aplikasikan. Berikut petunjuknya :

1. Silahkan buat postingan sampai selesai (jg dulu di publish)

2. Tentukan bagian postingan yang akan di tampilkan (ringkasan), kemudian masukan kode berikut pada akhir bagian postingan tersebut :

<span class="fullpost">

3. Pada akhir postingan, masukan kode ini :

</span>

4. Selesai

Jika temen2 masih bingung, berikut ilustrasi dari cara posting artikel dengan menggunakan read more :

ini adalah text ringkasan
<span class="fullpost">
ini adalah text lanjutannya
</span>

Add Comment

Anonim

Selasa, 01 Desember 2009

Tips SEO ( Search Engine Optimization) kuno ala Kang Rohman

Apa itu SEO ? SEO menurut kang rohman adalah suatu cara yang di lakukan oleh Web master ataupun Blog master untuk mengoptimalkan situs ataupun blog mereka agar mendapatkan Rangking yang baik pada search engine atau mesin pencari. Dan yang saya mau bicarakan adalah tips optimalisasi pada mesin pencari Google, karena untuk saat ini google adalah mesin pencari terpopuler di dunia. dan mungkin banyak kesalahan, namun bagi para pemula bolehlah untuk di baca dan di coba, karena yang saya tulis adalah merupakan hal-hal yang kang rohman lakukan dan sampai sekarang masih merasakan manfaatnya, ini terbukti dari laporan dari tracker yang saya gunakan baik itu dari site meter ataupun google analytics bahwa pengunjung blog kang rohman ini hampir 50 persen berasal dari search engine.

Agar tidak terlalu berlama-lama membaca intermezo, berikut ini adalah beberapa tips
agar blog kita mendapatkan ranking yang baik pada search engine :

Original Content / isi yang orsinil.

Hal pertama yang harus di ingat agar blog anda mendapatkan rangking yang bagus pada
mesin pencari adalah isi dari blog anda adalah orsinil buah karya tulisan anda sendiri
atau dengan kata lain bukanlah hasil copy paste dari hasil karya orang lain.
Selain sebagai optimalisasi terhadap mesin pencari, tindakan copy paste sering
mengundang permasalahan dari pemilik asli karya tersebut, apalagi yang anda copy paste
tersebut di lindungi oleh undang-undang atau dengan kata lain copyright,
anda bisa benar-benar akan mendapatkan masalah yang serius.

Memasang Meta tag pada bagian header kode template.

Hal kedua yang jangan sampai di lupakan adalah harus memasang meta tag pada
bagian header kode template anda. Akan tetapi terus terang kang rohman dalam memasang meta tag agak sedikit berbeda dengan yang
saya terangkan pada postingan tersebut, kalau anda ingin memasang meta tag seperti yang kang
rohman pakai, kodenya adalah seperti ini :



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


<meta content='noindex,follow' name='robots'/>

</b:if>

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

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

<meta content='noindex,follow' name='robots'/>

</b:if>


</b:if>



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



<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>

<meta content='rohman' name='Author'/>

<meta content='1 days' name='revisit-after'/>


<meta content='Panduan praktis membuat blog di blogspot serta download software secara gratis' name='description'/>

<meta content='blog tutorial, Blog tutorial blogging, blog tutorial blogger,
tutorial blog blogger, bikin blog, cara bikin blog, download, software gratis,
gratis, google adsense, bisnis internet, tutorial, template' name='keywords'/>

<meta content='-5;120' name='geo.position'/>

<meta content='id' name='geo.country'/>

Untuk author serta meta keyword tentu saja harus di
sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon
di koreksi apabila ada kesalahan pemasangan kode
(maklum pemula, pasang kode tidak tahu bener atau nggaknya).

Setelah memasang meta tag, sebaiknya anda menganalisa meta tag yang anda pasang
tersebut dengan meta tag analizer. Untuk meta tag analyzer anda bisa menggunakan
berbagai tools gratis di internet, caranya sangat mudah yaitu anda tinggal mengetikan
keyword meta tag analyzer pada mesin pencari di bawah ini tapi pilih yang untuk Web
jangan yang kolom tutorial nya, silahkan di coba kalau mau.

Sumber :