Read More pada Blogger

Selamat sore para bloger hehehehe nih nyoba nanggepin salah satu teman kita tentang read more. begini bro Readmore itu adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Next", "Read More", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" dll. Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang.
dan kita harus menyisipkan HTML bro gak bisa langsung dikasih tanda <--more--> untuk cara dan HTMLnya silahkan kalian lihat dibawah ini bro :


Tahap Pertama ;

Log in dulu ke Blogger / Blogspot, di halaman Dasbor pilih Layout /Tata Letak dan klik Edit HTML.

Klik Expand Template Widget,



kemudian cari kode </head>
salin (copy paste) script di bawah sebelum kode </head> :

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


kemudian cari kode <p><data:post.body/></p> atau <data:post.body/> lalu ganti dengan kode tersebut dengan kode di bawah:

      <b:if cond='data:blog.pageType != "item"'>
      <div expr:id='"summary" + data:post.id'><data:post.body/></div>
      <span class='rmlink' style='float:left'>
      <a expr:href='data:post.url'>READ MORE </a></span>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Tulisan READ MORE warna merah bisa diganti, terserah teman².

Kemudian jangan lupa simpan bro

Tahap kedua ;

pada halaman dasbor pilih Setting/Pengaturan lalu klik Format,
lihat di bagian paling bawah ada menu Post Template, isi kotaknya dengan kode berikut:

<span class='potong'>

</span>

Kemudian jangan lupa di simpan lagi bro

Tahap Ketiga ;

Pada saat memposting tulisan pilih Edit HTML, lalu simpan tulisan yang akan ditampilkan sebelum kode
<span class='potong'> dan tulisan yang akan disembunyikan disimpan setelahnya, sebelum kode </span>

ok bro demikian yang saya tau semoga bermanfaat :D <<< sok bijaksana bgt yak :D

0 comments:

Powered by ShoutJax