Jumat, April 17, 2009

Read More Versi 2

Kali ini ana mau menulis tentang cara memasang read more versi kedua, opppsss pada perjumpaan kemaren ana udah nulis yang versi pertama (read more vers pertama).

Ana akan jelaskan perbedaan antara versi pertama dan versi kedua gini yaa kalau versi yang pertama jika kamu klik link read more akan mengarahkan
ke halaman baru, nah jika yang versi kedua ini yaitu jika anda klik link read more sisa postingan akan muncul dibawahnya atau dihalaman yang sama tanpa membuka halaman baru.

Nah sekarang ana akan memberikan sedikit ilmu tentang cara membuat read more versi kedua ini ni ikuti yaa


  1. Pastikan udah log in ke blogger


  2. Lalu selanjutnya ke menu Layout terus Edit HTML


  3. Jangan lupa Backup Template dan juga Centang "Expand Widget Templates"


  4. Pasang Code dibawah tepat diatas Code </head>

    <script src='http://kendhin.890m.com/Readmore.js' type='text/javascript'/>


  5. Kemudian kamu Cari code kaya dibawah



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

    <div class='post-body entry-content'>




  6. Ganti code diatas hingga menjadi dibawah



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

    <div class='post-body entry-content' expr:id='"post-" + data:post.id'>

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




  7. Kemudian setelah anda ganti dibawah Code diatas ada Code

    <p><data:post.body/></p>



  8. Kemudian dibawah Code diatas tambah Code seperti ini



    <b:else/>

    <style>#fullpost {display:none;}</style>

    <p><data:post.body/></p>

    <span id='showlink'>

    <p><a
    expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'
    href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>

    </span>

    <span id='hidelink' style='display:none'>

    <p><a
    expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
    href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

    </span>

    <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

    </b:if>

  9. Kurang lebih Semuanya menjadi seperti dibawah




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

    <div class='post-body entry-content' expr:id='"post-" + data:post.id'>

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

    <p><data:post.body/></p>


    <b:else/>

    <style>#fullpost {display:none;}</style>

    <p><data:post.body/></p>

    <span id='showlink'>

    <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>

    </span>

    <span id='hidelink' style='display:none'>

    <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

    </span>

    <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

    </b:if>



    Catatan : Tulisan yang tercetak tebal diatas bisa kamu ganti sesuai selera kamu, itu adalah link Read more


  10. Langkah Pertama selesai kemudian Save Tempaltes


  11. Kemudian Ke langkah selanjutnya yaitu ke menu Setting --> Formatting


  12. pada Kotak "Post Tempaltes" isikan Code dibawah ini

    <span id="fullpost">



    </span>




  13. Kemudian Simpan dan langkah Terakhir adalah ..... Hore... Hore.....



Tips:

Ini adalah postingan yang di tempatkan dihalaman muka sebelum Code <span id="fullpost">

Dan disini adalah sisa postingan yang akan muncul jika anda klik link read more

</span>



Sekian yah semoga bermanfaat soalnya ana mau belajar lagi.. udah dulu yahhhh ana juga laperr... ehhh curhatt wkakakaka


45 komentar:

Buzzme Selasa, April 21, 2009  

Mas, readmore saya koq eror ya.
saya mendapati skrg ini google ada yg aneh. di template klo ada karakter quote ( " ) langsung berubah jadi quot "
apakah itu berpengaruh terhadap style readmore versi 2 ini?
Terima kasih.

Buzzme Selasa, April 21, 2009  

maksut saya berubah jadi & quot ;
& quot

falaky Selasa, April 21, 2009  

@Buzzme, Emang kadang2 gitu, tp itu gak ngaruh kok. aku rasa bukan karena itu errornya :D

Endar,  Selasa, April 21, 2009  

Ndol, ndol,. blogmu pirang2. tak jaluk siji entuk ga??? he he.

Aq kn cm mbantu U. Ben sinau pelajaran. Ojo mung ngeBlog thok !!!!

Adam Prawiranegara Sabtu, April 25, 2009  

wah mas maksih atas tips dah saya coba di blog saya dan ternyata berhasil... semoga tuhan membalas kebaikkan mas.... amin.... he,2,,,

salam revolusi

I 4 N,  Sabtu, April 25, 2009  

makasih berat mas... blog ini sungguh membantu saya...

tolong dibuka ya... http://i4nbudi.blogspot.com

maturnuwun...

Syamsuddin,  Sabtu, April 25, 2009  

sebelum nya terimakasih berkat bantuan mas aku bisa bikin blog...mas saya mau tanya postingan saya kalo di klik judulnya koq gak keluar tulisanya kenapa yah...??terimakasih

AR Eros Rabu, April 29, 2009  

teng kyu teng kyu, teng kyu banget mas falaky,trik-trikna sangat mbantu ak banget yang copo soal nge-blog. suer saia nol potthol soal nge-blag-blog. tambahin lagi ya mas trik-trik na, caiooo trus berkresi om....

d-juntak Rabu, April 29, 2009  

Mas, terima kasih atas ilmunya. Saya mo tanya kok read More nya keluar disemua postingan ya, biarpun artikelnya pendek dan nggak ada sambungannya. Saya harus bagaimana?

Arif BE Kamis, Mei 07, 2009  

Untuk blog dengan template baru seperti milik saya kok tidak ada kode script 'post-body entry-content' Terus solusinya bagaimana? ? ? Help me...

Ridlo Abelian Jumat, Mei 08, 2009  

@Arif BE; coba dicentang Expand Template Widget

Saung Web Minggu, Juli 26, 2009  

Hai sob.. kok dah 3 hari ini redmore ku eror gak bisa dipake.. pokoknya semua yang scriptnya dari mas kendhin.. eror termasuk yg recents coment juga nape ya.. sy coba yg recents comment ini diganti bisa tuh gak eror lagi.. tolong ya..

Astaga.com Rabu, Januari 13, 2010  

Dengan segala kerendahan hati saya minta dukungannya sobat!

Puisi Qta Sabtu, Agustus 28, 2010  

gmna sih cra mmbuat read more versi 2?
kok aq coba gak bsa??

Obat Kanker Kamis, Februari 10, 2011  

ada gak yach read more versi ke-3?

Steve Senin, Februari 28, 2011  

kok beda ya sama yg di wordpress...

Nikmaya John Rabu, Maret 02, 2011  

Ntar Ane praktekan di blogku yang berplatform blogger,,, makasih gan....

obat batu ginjal Sabtu, Mei 07, 2011  

keren juga nih informasinya, langsung saja deh ke tkp

XAMthone plus Kamis, Mei 12, 2011  

keren sekali nih informasinya, sangat bermanfaat gan , sukses sealu ya gan

obat kanker serviks Sabtu, Mei 21, 2011  

wah keren juga nih sob, sangat bermanfaat sekali nih,langsung saja ke tkp

batu ginjal Kamis, Mei 26, 2011  

emang readmore ada berapa versi nya??

mksih ya udah share

Obat alami batu Ginjal Selasa, Mei 31, 2011  

mantap sekali nih read mornya, sangat bermanfaat sekali gan , ane mau coba deh langsung ke tkp gan

obat kanker payudara Selasa, Juni 21, 2011  

wah tutorialnya bagus juga nih gan, sangat bermanfaat eskali nih, aku langsung praktek nih, heheh

QSEW Rabu, Juni 29, 2011  

keren read more versi-2 nya!!!

pameran Jumat, Juli 29, 2011  

akan saya coba di blog saya, nice info

obat penyakit jantung Jumat, Agustus 05, 2011  

wih..wih..wih.. makin banyak ajj nie trik,, heheh
langsung ajj ahh k TKP...
salam kenal juga y!!

pengobatan Rabu, Agustus 17, 2011  

gan klo mau ngehapus read more yg pertama gmn?

Adira Asuransi Kendaraan Terbaik Indonesia Rabu, Oktober 05, 2011  

untuk sekarang kayaknya byk readmore otomatis buat blogger

soal matematika Minggu, Februari 26, 2012  

wah...bisa idcoba nech...kalao error solusinya gmana?

devilz-adrian Senin, Februari 11, 2013  

Thx gan , sangat bermanfaaat banget ^_^

Membuat Menu Drop Down Minggu, Februari 17, 2013  

klo edit html blogger emang kudu hati2 biar gak pad eror

bayi sehat Senin, Juni 17, 2013  

sudah lama nggak pakai blogger nih.

bisnis online gratis Minggu, Oktober 13, 2013  

Wahhh, Thank u Bos, atas tulisannya.

Dara Jumat, Juni 20, 2014  

sip dah ah,
bisa auto readmore, mantep, jadi tulisannya gak panjang banget

AGEN POKER Kamis, November 10, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

Agen Poker Kamis, Desember 29, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Agen Poker Kamis, Desember 29, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

AGEN POKER Senin, Januari 16, 2017  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

Posting Komentar

Komunitas SMANSAPATI

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008


hack by: Ridlo Falaky Student of SMANSAPATI Class SC'eight

Back to TOP