Konsep readmore blogspot dual mode data post jumplink dan snippet

Ingin membantu para pengguna blogger yang ingin laman desktopnya loading blog nya lebih cepat di laman index dan archives. Dengan menggabungkan konsep readmore jumplink dan post snippet. Apabila anda berada di indonesia mungkin sedikit paham, kecepatan internet di daerah indonesia sangat minim, dan tidak wahhh seperti yang di bayangkan. 

Dan apabila anda ngeblog di blogger tidak memanfaatkan jumlink pemotong untuk laman desktop, kemungkinan loadingnya agak lambat. Atau mungkin pernah mempergunakan readmore, namun dengan javascript. 

Readmore dengan javascript hanya pemotong sippet yang dimanipulasi yang di ambil dengan sub str (0, .....) untuk mendapatkan snippet yg di inginkan dari data post body. Namun tidak mengatasi loading blognya jadi lebih cepat. 

Dan Konsep readmore blogger dual mode post snippet dan jumlink lebih cocok untuk yang menginginkan blog nya loadingnya lebih cepat, dan tidak merusak fitur jumplink dari post editor blogger. Begini tips dan cara menggabungkannya post jumplink dan snippet untuk versi desktop. Ganti kode yang versi desktop dengan kode di bawah ini.

 // Hanya untuk desktop, index dan archive ...
<b:if cond='data:blog.pageType == &quot;index&quot; || data:blog.pageType == &quot;archive&quot;'>
 // hanya untuk index dan archives...
 <b:if cond='data:post.hasJumpLink'>
 // jika menggunakan jumplink...
 <data:post.body/>
 <b:else/>
 // jika tidak pakai jumplink dengan post snippet... 
 <b:if cond='data:post.thumbnailUrl'>
 <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' height='72px' width='72px'/></a>
 </b:if>
 <b:if cond='data:post.snippet'>
 <div class='post-snippet'><data:post.snippet/></div>
 </b:if>
 </b:if>
<b:else/>
 // Full pos untuk pos item, static dan lainnya... 
<data:post.body/>
</b:if>

CSS

img.post-thumbnail {
 .....
 }
div.post-snippet {
 .....
 }

Kok gak ada jumplinknya yaaa..?
Umumnya template Blog aslinya ada 

<b:if cond='data:post.hasJumpLink'>
 <div class='jump-link'>
  <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
 </div>
</b:if>

<data:post.jumpText/> di edit lewat Widget Tata Letak.

Cara kerja readmore ini dan pemahamannya.

• Apabila menggunakan jumplink akan akan ditampilkan jumlink di laman index dan archive.
• Apabila tidak menggunakan jumplink atau lupa ataupun tidak bisa memanfaatkan jumplink editor post blogger (contoh : publish post lewat Apps blogger di HP), maka data post snippet yang akan ditampilkan sebagai alternatif di laman index dan archive untuk desktop. Dan bila menginginkan jumplink, gunakan saja jumplink post editor Blogger seperti biasa.
• Tidak merusak fitur post editor pemanfaatan jumplink blog, untuk mendapatkan snippet yang lebih banyak dari data post snippet.

NOTE:

 // ...... ( dihapus hanya sebagai keterangan ).