Read More Versi Kedua


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
Kali ini Saya mau menulis tentang cara memasang read more versi kedua, opppsss pada perjumpaan kemaren Saya udah nulis yang versi pertema (read more vers pertama).
Saya akan jelaskan perbedaan antara versi pertama dan versi kedua gini yaa kalau versi yang pertama jika kamu klik link read more akan mengarahkan ke halaman baru, nah jika yang versi kedua ini yaitu jika anda klik link read more sisa postingan akan muncul dibawahnya atau dihalaman yang sama tanpa membuka halaman baru.
Nah sekarang anas akan memberikan sedikit ilmu tentang cara membuat read more versi kedua ini ni ikuti yaa

  1. pastikan udah log in ke blogger

  2. Lalu selanjutnya ke menu Layout terus Edit HTML

  3. Jangan lupa Backup Template dan juga Centang "Expand Widget Templates"

  4. Pasang Code dibawah tepat diatas Code </head>
    <script src='http://anas.ku93.googlepages.com/readmore-2.js'
    type='text/javascript'/>

  5. Kemudian kamu Cari code kaya dibawah

    <div class='post-header-line-1'/>
    <div class='post-body entry-content'>


  6. Ganti code diatas hingga menjadi dibawah

    <div class='post-header-line-1'/>
    <div class='post-body entry-content' expr:id='"post-" + data:post.id'>
    <b:if cond='data:blog.pageType == "item"'>


  7. Kemudian setelah anda ganti, dibawah Code diatas ada Code
    <p><data:post.body/></p>

  8. Kemudian dibawah Code diatas tambah Code seperti ini

    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id='showlink'>
    <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
    </span>
    <span id='hidelink' style='display:none'>
    <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
    </span>
    <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
    </b:if>
  9. Kurang lebih Semuanya menjadi seperti dibawah


    <div class='post-header-line-1'/>
    <div class='post-body entry-content' expr:id='"post-" + data:post.id'>
    <b:if cond='data:blog.pageType == "item"'>
    <p><data:post.body/></p>

    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id='showlink'>
    <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
    </span>
    <span id='hidelink' style='display:none'>
    <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
    </span>
    <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
    </b:if>

    Catatan : Tulisan yang tercetak tebal diatas bisa kamu ganti sesuai selera kamu, itu adalah link Read more

  10. Langkah Pertama selesai kemudian Save Templates

  11. Kemudian Ke langkah selanjutnya yaitu ke menu Setting --> Formatting

  12. pada Kotak "Post Tempaltes" isikan Code dibawah ini
    <span id="fullpost">


    </span>


  13. Kemudian Simpan dan langkah Terakhir adalah ..... Hore... Hore.....

Tips:
Ini adalah postingan yang di tempatkan dihalaman muka sebelum Code <span id="fullpost">
Dan disini adalah sisa postingan yang akan muncul jika anda klik link read more
</span>


Sekian yah semoga bermanfaat

Pengelola Blog : ABDUL WAHAB

Judul : Read More Versi Kedua
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Read More Versi Kedua
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
http://kejutaninternet.blogspot.com/2008/07/read-more-versi-kedua.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Previous
Next Post »