Tambahkan Read More untuk Blogger

info-gamepc.blogspot.com - Read More button digunakan untuk memotong artikel menjadi dua bagian, terdiri dari teks dan gambar yang ditampilkan dihalaman depan. Ketika Anda membuat postingan, adakalanya artikel tersebut terlalu panjang beserta ukuran gambarnya, sehingga kita harus menambahkan atau klik pada link artikel tersbut untuk memisahkannya.

Di sini saya akan menunjukkan kepada kamu, bagaimana menempatkan Read More secara otomatis dipostingan Blogger. Mari kita praktekkan:

1. Masuk ke Dashboard blogger.
2. Pergilah ke Template pilih Edit HTML.
3. Temukan kode </head>
4. Kopi kode dibawah ini dan paste diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; /* Panjang ringkasan jika tidak ada gambar*/ summary_img = 300; /* Panjang ringkasan dengan gambar*/ img_thumb_height = 200; /* Tinggi gambar*/ img_thumb_width = 200; /* Lebar gambar*/ </script> <script type='text/javascript' src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>

5. Gunakan perintah (Ctrl+F) dan temukan kode <data:post.body/> kemudian tempatkan kode dibawah ini dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://netoopsblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihLcWTrLdGWd0ukCrECm1cTcWsKNC08LdJ-PqV-6SGoG6kuXTqYDtNKiSivsd-H1E7AlPhOM7tp-rcUnkfRGOzQa9dzwgNCcDueQOKPYAbYVNil4HNTNrBh_g5IiMnZJ2TwrDVGxvnbt4/s1600/1x1juice.png"></a> </b:if> </b:if>

6. Simpan Template.