Home » » Cara Membuat Read More di Blogspot

Cara Membuat Read More di Blogspot




Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.

Berikut ini langkah-langkah untuk membuat read more blogger


* Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
* Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
* Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:


<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

# Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

# Selesai. Sekarang setiap posting letakkan
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost">dan </span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
demikian juga sebaliknya






Artikel Terkait:

4 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. wah mantap mas.... barusan saya dapat tips untuk read more dan berhasil,,sebelum2nya gagal terus..... makasih bangat ya mas.....
    n tukeran link boleh kan mas ???

    :16

    BalasHapus
  3. semoga posting saya bermanfaat...

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri