Membuat "Read More" versi 2

Rabu, 15 Juli 2009

Kita sudah membahas tentang bagaimana membuat "Read More" pada postingan sebelumnya. Tapi "Read More" pada postingan ini berbeda. Cukup dengan mengklik tulisan "Read More" posting yang disembunyikan langsung akan terlihat.
Caranya:

  1. Masuk ke account Blogger, pilih "Layout" dan "Edit HTML",
  2. Centang "Expand Widget Templates",
  3. Masukkan kode di bawah sebelum tag </head> dan setelah ]]></b:skin>
    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost{display:inline;}
    <b:else />
    span.fullpost{display:none;}
    </b:if>
    </style>

    <script type="text/javascript">
    function showHidePost(obj){
    var sib = obj;
    while(sib.previousSibling){
    sib = sib.previousSibling;
    if(sib.className != "fullpost"){continue;}
    sib.style.display = obj.showed ? "none" : "inline";
    obj.showed = !obj.showed;
    obj.innerHTML = obj.showed ?
    "[-] sembunyikan" : "[+] selengkapnya...";
    }
    }
    </script>
  4. Kemudian, untuk menambahkan tulisan "Read More" atau semacamnya, cari kode <data:post.body/>, dan tambahkan tepat di sampingnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a href='javascript:void(0)'
    onclick='showHidePost(this)' >
    [+] selengkapnya...
    </a>
    </b:if>
  5. Sama seperti "Read More" versi pertama, masukkan tag <span class="fullpost"> Konten yang disembunyikan </span> pada postingan kamu. Contoh:
    Ini adalah konten yang ingin aku tampilkan di halaman utama. <span class="fullpost"> Sedangkan yang ini adalah konten yang ingin aku sembunyikan. </span>
    Dan hasilnya akan seperti ini:
    Ini adalah konten yang ingin aku tampilkan di halaman utama. [+] selengkapnya...
  6. Selamat mencoba!

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner

36 komentar:

Frans mengatakan...

thx ya kak!!! udah sedikit bantu kasih tau tentang blog. jadi aku bisa sedikit mempercantik blog aku. kasih lebih banyak lagi buat blog dong! thx very much!


www.Sedot-Go.blogspot.com

Anne Freya mengatakan...

Setelah berkeliling dan mencoba tips read more di berbagai blog tutorial, akhirnya saya berhasil mengimplementasikan read more yang bisa "digulung" kembali berkat tips Copycat91 yang tepat sasaran dan tdk berbelit-belit.
Thanx ya Kak, akhirnya blog saya bisa jadi rapi dan pendek postingannya.

negeriads.com solusi berpromosi mengatakan...

makasih triknya

negeriads.com solusi berpromosi mengatakan...

terima kasih infonya teman

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Sekarang blogspot sudah support readmore.

Arsitektur Blogger mengatakan...

i like it

skilef mengatakan...

hebat, bang!
ijin coba di blog sendiri ya...
:D

Blogku mengatakan...

readmore,, blom bisa jg, hik..hik,
kode yg terakhir malah menyatu di artikel, pusying-pusying..=((
semua kode udah beres tinggal kode yg terakhir ntu??
gimana lg ya??

Nurulate mengatakan...

kok saya gag bisa ya? tulisan "Read More"nya udah ada tapikok bagian yang mo disembunyiin alah muncul?? apanya yang salah ya??? mohon batuannya,,

rakka mengatakan...

mau tanya koq aku g bs yah...

Anonim mengatakan...

mntap mksh tipsnya

Nikmaya John mengatakan...

keren sobat tipsnya

whiplash mengatakan...

Thanks a lot for this opportunity to know this information. I am happy to find worth reading article.

Unknown mengatakan...

ijin gan.....

music essays mengatakan...

A must learn for programming, I guess.

Supercoolzz | Blog Berbagi Informasi mengatakan...

keren

Android apps development mengatakan...

menambahkan ringkasan posting diupgrade adalah berguna ketika google tidak memberikan kami pilihan itu tapi sekarang, itu telah memungkinkan serupa membaca fitur lebih yang sangat membantu.

Anonim mengatakan...

Mayan juga nih trick nya! Thanks bro, kebetulan saya sudah pakai script read more yang lebih sederhana! :)

exhibition stand contractor mengatakan...

bukannya cara membuat read more sudah tersedia y di blogspot? jadi ga perlu susah2 lagi pake kodingan gitu.. namanya klo ga salah "line break"

Unknown mengatakan...

nice and like it..
this is the best blog site i have ever seen... See more

Kacamata Online mengatakan...

Terimakasih informasinya..
Kacamata Online

oreskylaw mengatakan...

My relationship between two entities, either persons or institutions, cannot be established except in accordance with some set of rules.

moreabouthealth mengatakan...

If our nation's massive unemployment problem affects you, the Texas Workforce Commission can offer a lifeline. Every penny counts in a bad economy.

healthequation mengatakan...

However, as recent debates among scientists show, the "fit = thin" equation may hide a more complex situation. Often, when an overweight person begins to exercise and eat healthier foods, measures of their health improve.

trilliumhealthcenter mengatakan...

Find Natural Health Center(s) in the United States and Canada. At a natural health center, individuals can receive natural healing treatments and can also acquire knowledge about the various natural medicines available today.

health-matrix mengatakan...

Trying to change eating habits, exercise regimes, and general lifestyle can be a difficult task leaving many people wondering how to begin.

Jonny Chan mengatakan...

Agen Taruhan
qq Online
Domino qq
Agen Poker
Bandar Bola
Togel Indonesia
Tvonline
nonton bioskop online
Tv Indonesia
Film Bokep
Info Bola
Prediksi Togel
Info Togel
Aplikasi Gratis
Foto Bugil
Hasil Bola
Cerita Dewasa
Lagu Mp3
Indo Togel
Rumus Togel
Prediksi Bola
Livescore

Situspoker88.com mengatakan...

Situs Agen Judi Poker dan Domino Online Terpercaya Indonesia
AGEN POKER DAN DOMINO TERBAIK DI INDONESIA
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA
AGEN DOMINO99 DAN POKER ONLINE TERBESAR DI ASIA
Agen Judi Poker Domino QQ Ceme Online Indonesia
Referensi Judi Poker Domino QQ Ceme Online Indonesia
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA

Makasih Gan :)

about me mengatakan...

Wah ini yang saya cari, saya memang mau nambahin read more tapi engga ngerti. Untung baca infonya disini jadi tahu, makasih ya

mixer truck mengatakan...

Wah ini nih yang lagi saya cari buat website truck mixer saya. Makasih yah akhinya bisa ditambahin read more juga

kunjungi saya mengatakan...

Makasih mas caranya, saya izin save ya tutorialnya mau saya coba dulu. Trims

Fenny Lim mengatakan...

Informasi Judi Online
Informasi Judi Online
Sarang Togel
Cerita Sex

Unknown mengatakan...

Prediksi Togel Online

Bonus New Member

Bonus Cashback Mingguan

Bonus Referral Pools

Bonus Referral Live Games Casino

Prediksi Togel Sydney

Prediksi Togel Singapore

Prediksi Togel Sg45toto

Prediksi Togel Saigon

Prediksi Togel Macau

Prediksi Togel Hongkong

Prediksi Togel Taiwan

Prediksi Togel Lugano

Jackpot Togel

Diskon Togel Terbesar

yanmaneee mengatakan...

golden goose
curry 6
yeezys
adidas nmd r1
golden goose sneakers
nmd
kd shoes
vans shoes
zx flux
balenciaga sneakers

Susan mengatakan...

Can you guess how much these celebrities are worth? Test your knowledge with Celebrity net worth.

merdekatogel mengatakan...

MERDEKATOGEL adalah Bandar togel online terbaik dan terpercaya yang menyediakan pasaran togel live singapore, hongkong, sydney, taiwan dan china.

Posting Komentar

Silakan berkomentar di bawah ini. You comment, I follow.
Tapi komentar yang bernada spam akan saya hapus. Terima kasih :D

Cheat di Blog

Rainbow Text

Buku Tamu versi 2


ShoutMix chat widget
Widget by Info Blog

Headline News

Buku Tamu


ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)

Tautan Link Otomatis

Gamba di Pojok