Meringkas "Post.Body" pada Halaman Utama Blogspot

Fasilitas template yang tersedia pada Blogspot amat minim dan tidak seperti pada Wordpress. Untuk menampilkan hanya "Post.Title" (semacam Daftar Isi) atau menampilkan awal pesan/overview dari "Post.Body" di blogspot membutuhkan editing HTML langsung.

Berikut tips untuk menampilkan ringkasan (pesan awal / overview) dari "Post.Body" pada "Main Page", atau juga bisa digunakan untuk menghilangkan Post.Body secara keseluruhan pada halaman utama blogspot.


Berikut adalah prosedur yang harus dilakukan setelah login ke Blogspot account, click "layout, lalu pilih “edit HTML”, dan contreng “expand template widget”.

1. Cari bagian yang memuat kode berikut :

]]></b:skin>
</head>

dan modifikasi sehingga menjadi :

]]></b:skin>
<! ... awal bagian 1 yang ditambahkan ... >
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<! ... akhir bagian 1 yang ditambahkan ... >
</head>


2. Cari bagian yang memuat kode berikut :

<data:post.body/>

dan modifikasi sehingga menjadi :

</data:post.body>
<! ... awal bagian 2 yang ditambahkan ... >
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Lanjut ...</a>
</b:if>
<! ... akhir bagian 1 yang ditambahkan ... >

Preview (untuk verifikasi bahwa source code tidak bermasalah, meskipun efek belum nampak pada tampilan), lalu "Save" template.

Template telah siap digunakan, tinggal memberi marking pada setiap "Posting" untuk bagian yang akan ditampilkan pada Main Page (Halaman Utama).


3. Code/Marking pada setiap Posting

Setiap posting harus diberi tanda sbb :

... letakkan bagian Ringkasan/Overview disini ...
<span class="fullpost">
... letakkan lanjutan/detail posting disini ...
</span>

Jika diinginkan code tersebut selalu tampil setiap pembuatan Posting, maka bisa disimpan pada “Post Template”, dengan akses “Settings”, lalu “Formatting”.

Untuk mendapatkan tampilan Post.Title only, maka kosongkan saja bagian Ringkasan/Overview, dengan format sbb :

<span class="fullpost">
... letakkan "Full Post" disini ...
</span>


4. Kata "Lanjut ..." pada bagian 2 di atas dapat dibuat dalam beberapa variasi teks dan huruf.

Modifikasi besar huruf dan warna :

<b:if cond='data:blog.pageType != "item"'>
<span ><a expr:href='data:post.url'>
<font size="15px" color="red">Lanjut ...</font></a>
</span>
</b:if>

Bold

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;">
<a expr:href='data:post.url'>Lanjut ...</a>
</span>
</b:if>