Cara Membuat Read More di Blogspot

Menampilkan Read More di BlogggerCara 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

35 Comments Cara Membuat Read More di Blogspot

wawJuly 18th, 2009 at 7:35 am

Oh di blogspot blm ada toh? saya pake wp sih jd udah tinggal klik ;)

Reza FauziJuly 19th, 2009 at 7:40 pm

saya sudah pakai tutornya

amadJuly 22nd, 2009 at 3:57 am

wah maksih mas rahmat

RahmatJuly 22nd, 2009 at 4:06 am

@ amad : ya sama2 mas amad

aziJuly 31st, 2009 at 7:49 pm

makasih kang

AzzaamJuly 31st, 2009 at 10:41 pm

oke, mantap tutorialnya :)
oh ya, kalau mau memasukan RSS ke dalam postingan caranya bagaimana?

HanifAugust 1st, 2009 at 6:20 am

Mantab abiiiss web-nya maz rahmat
top deh siiiiiiiiiiiiiiip :D

darwinAugust 1st, 2009 at 12:08 pm

mantepsss da

ElmuzanyAugust 5th, 2009 at 2:23 pm

Bahasanya mudah di pahami pokonya mantab dweh..

FaisalAugust 6th, 2009 at 2:37 am

Thx ghan bwat tutorialnya…….=D

devilsAugust 10th, 2009 at 8:55 am

udah di praktekin gan….
makasih

oktoAugust 16th, 2009 at 3:08 am

saya pengen tanya, kl saja bentuknya blognya yng pake CSS ada cara untuk buar read more nggak???

aqilaAugust 26th, 2009 at 11:48 am

wah bingung ndan!

ariSeptember 8th, 2009 at 12:19 am

keren juga blog anda bro!

liezSeptember 10th, 2009 at 11:36 pm

Mantappp aku ppake setelah 7 keliling mencoba yg lain..manntappp untuk blogku..Thankz ilmunya yaaa

iklan rumahSeptember 24th, 2009 at 8:43 am

siip mas tutorialnya, kok lama ga update om blognya . update dong :)

bisnisonline,sukses,mantapOctober 27th, 2009 at 1:14 pm

Makasih Rahmad,
Setahun sudah aku cari, baru ketemu disini.
Salam dahsyat dari saya.

sukamtoNovember 8th, 2009 at 9:54 am

akan kucoba dulu, soalnya aku udah coba cara yang lain tapi belum berhasil. apa kendalanya yaaaaaaaa…….

asepNovember 12th, 2009 at 2:51 am

thx mas buat informasinya,,,,,,,,,,,

chandraNovember 15th, 2009 at 4:34 am

thanks, triknya, salam sukses……..

TikaNovember 23rd, 2009 at 7:35 pm

mantap tenan
Langsung di praktekkan wae…
Hatur Nuhuuun :D

kesitDecember 1st, 2009 at 1:39 am

musti dicoba lebih lanjut…

ariefDecember 2nd, 2009 at 7:34 am

mas cara masuk edit html pada postig bagamana mas rahmat

mikoDecember 10th, 2009 at 11:47 am

mampir bang…..ijin repost….

free articleDecember 12th, 2009 at 9:55 am

makasih ya mas. Udah jadi neh read more saya

Life is beautifulDecember 14th, 2009 at 1:10 am

sip neh kodenya read more saya udah jadi..mampir balik ya mas

Baru belajarDecember 16th, 2009 at 6:11 am

Keren banget tutorialnya. makasih ya..

irwandiDecember 18th, 2009 at 9:18 am

makasih infonya mas…sangat bermanfaat buat saya :-)

Artikel Bisnis dan UsahaJanuary 6th, 2010 at 1:46 pm

akhirnya aku dapat ilmu. trims bos panduannya. bermanfaat banget bagiku yang termasuk blogger amatiran.

marwotoJanuary 22nd, 2010 at 10:54 pm

singkat, praktis, dan sangat membantu kami, terima kasih

2nd_frozenheartJanuary 23rd, 2010 at 6:21 am

thanks bangat buat tutornya mas sebenarnya banyak tutor semacam ini tapi biasana g ada pejelasan
“Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.” saya ngehnya pas dibok mas terima kasih banyak

oh y mas biar pas ngepos lebih cepet g usah nulis
” ”
ada caranya tinggal ke “Setting/Pengaturan” lalu ke sub menu “formatting/format” nah di situ kan ada “tmplate post” kotakna masih kosong masukin aja kode

jadi setiap ngepost ada tulisan itu di edit htmlna
skali lagi terima kasih y mas…

2nd_frozenheartJanuary 23rd, 2010 at 6:26 am

eh ralat mas ternyata tidak terlihat tulisannya

kode yang dimaksud kode yang biasa ditulis setiap posting masukkin aja kode tersebut ke “Setting/Pengaturan” lalu ke sub menu “formatting/format” nah di situ kan ada “template post” kotakna masih kosong masukin aja kode yang biasa ditulis setiap posting…

panjulFebruary 7th, 2010 at 2:43 pm

mas aku dah nyobain tapi kok masih g` bisa padahal aku sudah ngikuti trik2 dari mas tapi masih gak da read more nya juga tuh gimana ya mas

LiaFebruary 24th, 2010 at 11:19 am

makasih banyak mas buat infonya.
aq udh coba n berhasil.

SEO BlogMarch 9th, 2010 at 7:14 am

nah inilah bedanya dengan wordopress.Kalo di wordpress cara buat read more sangat gampang.tapi di blogspot harus pake html dulu

Leave a comment

Your comment