Ruhendi.Com

“…Sepenggal Kisah Perjalanan Hidup & Kehidupan Seorang Manusia Biasa Bernama Heru”

Blogspot / Blogger : Cara membuat ringkasan/abstraksi posting atau READ MORE

!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:””; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>

/* Style Definitions */ table.MsoNormalTable {mso-style-name:”Table Normal”; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:””; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:”Times New Roman”; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;}

Bagi Anda yg sudah membuat blog dan sudah memposting sejumlah entry, mungkin terpikir oleh Anda bahwa postingan Anda terlalu panjang sehingga tak menarik dilihat pengunjung. Apabila ada niat untuk menyingkat posting yg ada di halaman muka supaya lebih menarik dan lebih “catchy” dan judul-judul lain pun jadi lebih visible di mata pengunjung sehingga mereka lebih “betah” lagi nongkrong di blog Anda. Sistem ini disebut post-summary. Maka, ikuti petunjuk step by step berikut:

  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'> 
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;} 
    </b:if>
    </style>
  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  • Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Selamat mencoba dan selamat menikmati tampilan menarik blog anda.

Tambahan : Jika ingin menampilkan readmore plus judul artikelnya,

maka kode ini :

<a expr:href='data:post.url'> Read More..</a>

ganti dengan kode ini :

<a
expr:href='data:post.url'>Read More..
“<data:post.title/>” »»
</a>

Filed under: Internet, Tutorial,

3 Responses

  1. dani sukma says:

    terima kasih…sudah saya prkatekkan “it’s work” nuhun kang

  2. singgih says:

    mau tanya ni boss..ko di templet saya ga ada ..
    mohon bimbingannya..
    atau saya harus ganti templet lain..
    terimakasih atas bimbingannya
    mpohon untuk di kirim ke email

  3. mammpir bos! postingnya bagus. makasih banyak infonya.

    (bisnis online)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: