Auto Read More Posting Blog

Auto readmore tidak menggunakan javascript untuk Blogger

Blogger readmore tetapi memiliki kerajinan cantik, dengan banyak posting blog telah dibuat, readmore untuk setiap posting sangat keras dan sering datang dengan auto readmore blogger javascript. Auto readmore javascript untuk menampilkan hanya sebagian artikel melalui fungsi document.write , isi artikel masih download peramban. Kelemahan dari tidak ramah dengan mesin pencari dan alat terjemahan online, selain artikel panjang tanpa menambahkan readmore pengguna Blogger akan mendapatkan error gratis paging pagination oleh Blogger. Trik Auto Anda readmore memperkenalkan seluruhnya berikut baru, tapi tidak menggunakan javascript untuk menggunakan pernyataan yang disediakan oleh blogger. Ini akan meningkatkan kecepatan Anda ketika browsing indeks halaman blog-gaya, arsip jadi hanya men-download kutipan dari isi artikel.

Langkah-langkahnya adalah:

Langkah 1: Tambahkan kelas untuk menampilkan post-thumbnail. Ada 2 jenis gambar yang ditampilkan di sebelah kiri atau kanan.

1. Menampilkan gambar di sebelah kiri:

Tambahkan kode berikut di dalam kartu ]]></b:skin> :

  . Pasca thumbnail {float: left; margin-right: 20px} 

2. Menampilkan gambar di sebelah kanan:

Tambahkan kode berikut di dalam kartu ]]></b:skin> :

  . Pasca thumbnail {float: right; margin-left: 20px} 

Langkah 2: Kode Tambah auto readmore. Ada 4 jenis untuk memilih readmore otomatis.

1. Auto readmore dengan foto:

Ganti <data:post.body/> dengan kode berikut:

  <b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:blog.pageType != "static_page"'>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </ B: if>
    <data:post.snippet/>
   </ Div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
   </ Div>
  <b:else/>
   <data:post.body/>
  </ B: if>
 <b:else/>
  <data:post.body/>
 </ B: if> 

2. Auto readmore dengan gambar dan menampilkan gambar default untuk posting ada gambar:

Ganti <data:post.body/> dengan kode berikut:

  <b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:blog.pageType != "static_page"'>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    <b:else/>
     <Img class = 'post-thumbnail' alt = 'tidak ada gambar' src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRK-EIrAxa_kFMwInJsscssRG4Z4wg3YRqZ3_iVU33LFD1Njq5inNlqp9mXW9iT9KSCErQ0Xw-omzXbWT_YuGo5YSuEMSMbzyjNBV7WD6HLC_3ygIiHE1Y11EpH6NkZHU-OlA63roeq5fu/' lebar height = '72px ' '72px = '/>
    </ B: if>
    <data:post.snippet/>
   </ Div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
   </ Div>
  <b:else/>
   <data:post.body/>
  </ B: if>
 <b:else/>
  <data:post.body/>
 </ B: if> 

3. Auto readmore dengan gambar. Tidak readmore dengan artikel terbaru:

Ganti <data:post.body/> dengan kode berikut:

  <b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:blog.pageType != "static_page"'>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.isFirstPost == "true"'>
     <data:post.body/>
      <b:if cond='data:post.hasJumpLink'>
       <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'> <data:post.jumpText/> </ a>  
       </ Div>
      </ B: if>
    <b:else/>
     <div>
      <b:if cond='data:post.thumbnailUrl'>
       <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
      </ B: if>
      <data:post.snippet/>
     </ Div>
     <div class='jump-link'>
      <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
     </ Div>
    </ B: if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     </ B: if>
     <data:post.snippet/>
    </ Div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
    </ Div>
   </ B: if>
  <b:else/>
   <data:post.body/>
  </ B: if>
 <b:else/>
  <data:post.body/>
 </ B: if> 

4. Auto readmore dengan gambar dan menampilkan gambar default untuk posting ada gambar. Tidak readmore dengan artikel terbaru:

Ganti <data:post.body/> dengan kode berikut:

  <b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:blog.pageType != "static_page"'>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.isFirstPost == "true"'>
     <data:post.body/>
      <b:if cond='data:post.hasJumpLink'>
       <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'> <data:post.jumpText/> </ a>  
       </ Div>
      </ B: if>
    <b:else/>
     <div>
      <b:if cond='data:post.thumbnailUrl'>
       <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
      <b:else/>
       <Img class = 'post-thumbnail' alt = 'tidak ada gambar' src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRK-EIrAxa_kFMwInJsscssRG4Z4wg3YRqZ3_iVU33LFD1Njq5inNlqp9mXW9iT9KSCErQ0Xw-omzXbWT_YuGo5YSuEMSMbzyjNBV7WD6HLC_3ygIiHE1Y11EpH6NkZHU-OlA63roeq5fu/' lebar height = '72px ' '72px = '/>
      </ B: if>
      <data:post.snippet/>
     </ Div>
     <div class='jump-link'>
      <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
     </ Div>
    </ B: if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     <b:else/>
      <Img class = 'post-thumbnail' alt = 'tidak ada gambar' src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRK-EIrAxa_kFMwInJsscssRG4Z4wg3YRqZ3_iVU33LFD1Njq5inNlqp9mXW9iT9KSCErQ0Xw-omzXbWT_YuGo5YSuEMSMbzyjNBV7WD6HLC_3ygIiHE1Y11EpH6NkZHU-OlA63roeq5fu/' lebar height = '72px ' '72px = '/>
     </ B: if>
     <data:post.snippet/>
    </ Div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.jumpText/> </ a>
    </ Div>
   </ B: if>
  <b:else/>
   <data:post.body/>
  </ B: if>
 <b:else/>
  <data:post.body/>
 </ B: if> 

Layar potongan melalui kartu pos <data:post.snippet/> oleh Blogger. Seperti telah disebutkan dalam posting saya sebelumnya hanya kutipan dari Blogger dari 140 karakter (Blogger telah memperbarui jumlah karakter kartu <data:post.snippet/> dalam widget Blog sekarang kurang dari jumlah karakter Kartu <data:post.snippet/> di PopularPosts widget), cukup pendek dan karakter mengganggu memperhatikan karakter ruang yang harus kehilangan beberapa kata menjadi tidak berarti.

Gambar yang diperoleh melalui perintah data:post.thumbnailUrl . Ini adalah jalan pertama pada gambar artikel telah diubah ukurannya Blogger 72x72 piksel dalam ukuran. Memperhatikan bahwa citra artikel harus upload melalui Insert gambar alat Blogger, atau mendapatkan alamat dan gambar dari foto Picasa harus mengatasi s1600 , s800 ... operasi ukuran alat Blogger baru, Sementara gambar baru muncul. Prosedur di atas atribut alt adalah judul artikel untuk gambar, hal ini membantu meningkatkan SEO untuk blog Anda.

Sebelum melakukan prosedur ini, Anda perlu auto readmore hapus auto readmore kode javascript jika Anda menggunakan offline.

Sumber : http://blog.duypham.info/2011/01/auto-readmore-for-blogger-no-javascript.html

---

DAFTAR ISI

---