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

41 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

kdramaMay 31st, 2010 at 9:54 pm

yes, akhirnya dapet juga.
saya lihat stat blog ini hebat bangt,rame.bisa bagi tipsnya gak om?
makasih

alwan_falsJune 7th, 2010 at 2:05 am

tutorialnya okeh bgt..

gombleh lucuJune 17th, 2010 at 8:31 am

mantap gan infonya…

4shared Mp3June 20th, 2010 at 2:23 am

Terimakasih tutorialnya kang….sangat membantu sekali

The Notes WebJune 20th, 2010 at 9:23 am

Aku berhasil… Terima kasih petunjuknya …

Cak MarsuJune 21st, 2010 at 7:42 am

tuturial yang sangat berguna…

DewiJune 26th, 2010 at 5:04 pm

Punyaku ndak ada gan…..

@ntoJune 26th, 2010 at 8:30 pm

Sekian banyak tutorial yang saya coba, cuma ini yang berhasil dan mudah.
Terima kasih atas pencerahannya mas Rahmat.

HermanJuly 15th, 2010 at 4:44 am

Masih bingung mas masukin kodenya,saya pake template old blogger so bingung ne ma kode kodenya..
mohon pencerahan ke e mail saya :
anaapriana2@gamil.com

restuJuly 19th, 2010 at 8:55 am

thx ya mas

DewiJuly 21st, 2010 at 4:51 am

berkunjung aja…

ePulsaTroNiKJuly 21st, 2010 at 4:55 am

bagus tipsnya…mksih

JESSEJuly 21st, 2010 at 4:06 pm

< blockquote >< a href=”http://medicamentspot.com/”>Medicamentspot.com. Canadian Health&Care.Best quality drugs.Special Internet Prices.No prescription online pharmacy. High quality drugs. Order drugs online< /a >…

Buy:Cialis Soft Tabs.Viagra Professional.Cialis.Viagra Super Active+.Cialis Professional.Maxaman.Super Active ED Pack.VPXL.Tramadol.Cialis Super Active+.Viagra Super Force.Viagra.Propecia.Zithromax.Levitra.Soma.Viagra Soft Tabs….

DioJuly 22nd, 2010 at 3:03 am

pake “ di blogspot

iklan gratisAugust 1st, 2010 at 10:31 pm

makasih mas rahmat

JimyAugust 23rd, 2010 at 11:24 pm

maksi mas, postingnya sangat membantu sy dlm bikin blog..

Leave a comment

Your comment