Jumat, 27 Desember 2013
Browse Manual »
Wiring »
cara
»
membuat
»
more
»
otomatis
»
read
»
Cara Membuat Read More Otomatis
1. Silakan sobat blogger masuk ke acount bloggernya masing - masing
2. Monggo klik Rancangan
3. Kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand WidgetTemplate" atau lihat gambar di bawah ini :
4. Cari kode </head>, untuk memudahkan sobat blogger tekan F3 atau CTRL + F, lalu masukkan kode tersebut dikolom yang tersedia.
5. Setelah ketemu, kemudian masukkan script di bawah ini persis dibawah kode tersebut .
Keterangan : Tulisan yang berwarna biru adalah yang bisa sobat ganti.
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image
sumber:
http://fakta-7.blogspot.com/2011/06/cara-membuat-read-more-otomatis.html
Cara Membuat Read More Otomatis
Kali ini saya akan menuliskan tentang Tutorial tentang blog, sebenernya sih artikel ini melenceng dari tema blog saya yang bertemakan pengetahuan, dan berita, tapi tak apa lah, membagi ilmu itukan pahala, oke mari kita pelajari cara buat READ MORE OTOMATIS. . .
1. Silakan sobat blogger masuk ke acount bloggernya masing - masing
2. Monggo klik Rancangan
3. Kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand WidgetTemplate" atau lihat gambar di bawah ini :
4. Cari kode </head>, untuk memudahkan sobat blogger tekan F3 atau CTRL + F, lalu masukkan kode tersebut dikolom yang tersedia.
5. Setelah ketemu, kemudian masukkan script di bawah ini persis dibawah kode tersebut .
<=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://rizqi.moehamed.googlepages.com/read-moreotomatis.js type=text/javascript/>
6. Cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> (sama saja), ganti kode tersebut dengan kode di bawah ini :
<b:if cond=data:blog.pageType != "item">
<div expr:id="summary" + data:post.id><data:post.body/></div>
<=text/javascript>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class=rmlink style=float:right;padding-top:20px;>
<a expr:href=data:post.url>»»  READ MORE...</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>
<=text/javascript>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class=rmlink style=float:right;padding-top:20px;>
<a expr:href=data:post.url>»»  READ MORE...</a></span>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image
---> Summar img 430 = tinggi artikel yang terpenggal dengan image
---> Tulisan " READ MORE" bisa sobat ganti Selengkapnya, Selanjutnya dll...(Sesuka sobat blogger)7. Ini yang paling penting, setelah langkah - langkah di atas selesai tinggal di SAVE. . .hehehe
Walaupun melenceng dari tema, tapi tetep Langkah - Langkahnya ada 7. . .hehehe. Semoga bisa bermanfaat. . .Sukses selalu, Terimakasih. . .
sumber:
http://fakta-7.blogspot.com/2011/06/cara-membuat-read-more-otomatis.html
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar