Halo sobat sekalian
pada kesempatan ini saya ingin sharing berkaitan dengan tips/tutorial Blog, yaitu membuat ringkasan Posting Blog Secara otomatis dengan menampilkan tulisan Read More. untuk menampilan read more pada Blog sebenarnya Punya beragam cara baik secara script Javascript/HTML atau Tanpa menggunakan script, berikut langkah sederhananya.
1. Login ke Blog Anda, masukan user dan password
2. Pada menu DashBoard pilih Template
3. Klik Edit HTML jangan lupa untuk memberikan tanda centang pada extendet Widget.
4. cari kode </head> paling gampang ya pake Ctr+F
5. Copy Kode berikut dan dipastekan di bawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
6. Kemudian pake Ctr+F lagi untuk mencari kode <data:post.body/>, apabila menemukan 2 kode yang sama pake kode yang paling atas. kemudian ganti kode tersebut dengan kode di bawah ini
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>BACA SELENGKAPNYA</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
7. Kata BACA SELENGKAPNYA bisa kita ganti dengan sesuka kita misal READ MORE, DETAIL dan juga bisa di arahkan ke URL untuk menampilkan gambar tertentu.
8. Klo Udah tinggal diSave Template, kemudian lihat hasilnya
Itu dulu sharingnya sekarang ini, Semoga Bermanfaat Ya.
pada kesempatan ini saya ingin sharing berkaitan dengan tips/tutorial Blog, yaitu membuat ringkasan Posting Blog Secara otomatis dengan menampilkan tulisan Read More. untuk menampilan read more pada Blog sebenarnya Punya beragam cara baik secara script Javascript/HTML atau Tanpa menggunakan script, berikut langkah sederhananya.
1. Login ke Blog Anda, masukan user dan password
2. Pada menu DashBoard pilih Template
3. Klik Edit HTML jangan lupa untuk memberikan tanda centang pada extendet Widget.
4. cari kode </head> paling gampang ya pake Ctr+F
5. Copy Kode berikut dan dipastekan di bawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
6. Kemudian pake Ctr+F lagi untuk mencari kode <data:post.body/>, apabila menemukan 2 kode yang sama pake kode yang paling atas. kemudian ganti kode tersebut dengan kode di bawah ini
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>BACA SELENGKAPNYA</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
7. Kata BACA SELENGKAPNYA bisa kita ganti dengan sesuka kita misal READ MORE, DETAIL dan juga bisa di arahkan ke URL untuk menampilkan gambar tertentu.
8. Klo Udah tinggal diSave Template, kemudian lihat hasilnya
Itu dulu sharingnya sekarang ini, Semoga Bermanfaat Ya.
Tulisan Ini Menarik? Copas Permalink ini di Blog Anda
No comments:
Post a Comment