Langkah2 membuat "Readmore" pada postingan Anda, sbb :1. Login ke Account blog Anda.
2. Klik "Layout/Tata Letak" lalu "Page Element/Elemen Laman" & klik "Edit HTML"
3. Beri tanda centang/check sign di kotak "Expand Widget Templates"
4. Cari kode berikut
</head>
5. Kemudian masukkan script di bawah ini tepat di bawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://sites.google.com/site/salonoyah/javascript/read-moreotomatis.js' type='text/javascript'/>
6. Lalu cari kode berikut :
<data:post.body/>
atau, kalau tdk ada, cari kode berikut :
<p><data:post.body/></p>
7. Ganti kode di atas (yang artinya, kode tsb di atas hrs dihapus - Red.) dengan :
<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'>Readmore>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'>Readmore>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
8. Simpan lalu lihat hasilnya ...
Keterangan :
Tulisan yang berwarna merah adalah yang bisa Anda ganti, sesuai keinginan Anda.
=> Summary noimg = 400; tinggi artikel terpenggal tanpa image
=> Summar img = 400; tinggi artikel terpenggal dengan image
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
=> Tulisan Readmore bisa Anda ganti dengan Baca Selengkapnya,Selanjutnya dll ...=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
* My special thanks for my friend => Ms. Dewi Choco, yg telah memberikan inspirasi tutorial ini... sukses aja ya, mbak Dewi.... Oooooyyyyeeeee....
Artikel Terkait:
Tutorial Blog
- Cara Membuat Link Bergeser
- Cara Membuat Menu Warna Warni
- Cara Memuat Spoiler Untuk Blog
- Headline News KATA SENDIRI
- Cara Memasang Widget Page Rank dengan mudah dan cepat
- Cara Pasang Related Post With thumbnails
- Pasang Navigasi Breadcrumb di Blogger Diatas Posting
- Efek For Blog
- Cara Membuat Backround Pada Judul Postingan
- Cara Membuat Link Beraneka Rgam
- Cara Membuat Kode warna Versi 2
- Cara Pasang Sexy Social Boommark
- Cara Membuat Menu Tab View
- menambahkan effect jquery link nudging pada tabel
- Cara Pasang Top Komentartor
- Tweety Bird Blogger Template
- Related post atau postingan terkait [With Tuhumbanail]
- Cara Mengganti Foto Profil Blog Dengan Animasi
- Cara Membuat Animasi Berjalan Dibawah tengah blog
- Cara Membuat Tag Cloud
- Cara Membuat Gambar ketika mouse diarahkan
- Isengin Pengunjung Yuk!!!
- Cara Membuat Bukutamu tersembunyi Versi TERBARU
- Cara Menampilkan Judulnya Saja Ketika label di klik
- Cara Pasang Slide Post
1 KOMENTAR:
mantep gan,udah brhasil tp tulisan read morenya g ada...
Terima kasih criz19 atas Komentarnya di Cara Membuat Read More With Tunimbail