• Facebook
  • Twitter
  • Google +
  • RSS
  • LinkedIn
  • Youtube
Diposting oleh riemogerz 9 komen

Kebanyakan rekan-rekan bertanya, bagaimana membuat Read More atau Baca Selengkapnya kepada saya ? Sebagian besar dari mereka yang bertanya adalah pengguna / narablog baru yang belum cukup familiar dengan bahasa html dan perlu tutorial yang lebih detail untuk dapat mengerjakannya sendiri. Sayangnya cukup susah menemukan tutorial yang pas untuk pengguna-pengguna yang demikian.

Semula saya juga cukup kesusahan untuk menemukan itu, namun dengan ketelitian dan ketelatenan (itu diperlukan lho... kiat sukses blog, hehe...) saya mendapatkan beberapa metode untuk membuat read more atau baca selengkapnya di blogger, berikut adalah tahapannya :
  1. Masuk (login) pada akun blogger dan masuk ke dasbor.
  2. Pada dasbor pilih tab Rancangan pada blog yang Anda maksud.
  3. Pada tab Rancangan pilih subtab Edit HTML, kemudian cari kotak Expand Template Widget dan centang itu. (Ingat hati-hati untuk menggunakan perangkat ini, disarankan untuk dilakukan penyimpanan secara manual dulu di komputer Anda baik menggunakan Notepad, Wordpad, Microsoft Word atau apapun; dengan cara mengkopi seluruh kode-kode yang ada mulai dari kode <?xml ..... atau <html ..... sampai dengan </html>)
  4. Dalam kotak kode-kode tersebut carilah kode } ]]></b:skin> atau </b:skin> atau kode </head> (Untuk mencari tekan kolaborasi tombol pada keyboard Anda Ctrl + F) dan tulis kode berikut ini tepat diantara keduanya : <style>
    <b:if cond='data:blog.pageType == "item"'>
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;}
    </b:if>
    </style>
  5. Cari lagi kode <p><data:post.body/></p> dan tepat dibawahnya tulis kode ini : <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if> (Kalimat Read More... dapat anda ubah sesuai hati anda, ingin menjadi Baca Selengkapnya, baca selanjutnya atau apapun)
  6. Nah yang terakhir adalah menggunakan kode <span class="fullpost"> dan </span> di setiap artikel yang Anda buat. Berikut contohnya :
Kebanyakan rekan-rekan bertanya, bagaimana membuat Read More atau Baca Selengkapnya kepada saya ? Sebagian besar dari mereka yang bertanya adalah pengguna / narablog baru yang belum cukup familiar dengan bahasa html dan perlu tutorial yang lebih detail untuk dapat mengerjakannya sendiri. Sayangnya cukup susah menemukan tutorial yang pas untuk pengguna-pengguna yang demikian. Semula saya juga cukup kesusahan untuk menemukan itu, namun dengan ketelitian dan ketelatenan (itu diperlukan lho... kiat sukses blog, hehe...)
Diatas ini adalah contoh kalimat pada artikel yang belum ditambahkan read more, sedang dibawah ini adalah penggunaan read more.
Kebanyakan rekan-rekan bertanya, bagaimana membuat Read More atau Baca Selengkapnya kepada saya ? Sebagian besar dari mereka yang bertanya adalah pengguna / narablog baru yang belum cukup familiar dengan bahasa html dan perlu tutorial yang lebih detail untuk dapat mengerjakannya sendiri.<span class="fullpost"> Sayangnya cukup susah menemukan tutorial yang pas untuk pengguna-pengguna yang demikian. Semula saya juga cukup kesusahan untuk menemukan itu, namun dengan ketelitian dan ketelatenan (itu diperlukan lho... kiat sukses blog, hehe...)</span>
Dan jadinya akan seperti ini bila menggunakan read more :
Kebanyakan rekan-rekan bertanya, bagaimana membuat Read More atau Baca Selengkapnya kepada saya ? Sebagian besar dari mereka yang bertanya adalah pengguna / narablog baru yang belum cukup familiar dengan bahasa html dan perlu tutorial yang lebih detail untuk dapat mengerjakannya sendiri. Read More...
Apabila ada beberapa artikel yang error atau crash yang berakibat read more.. nya tidak berjalan atau ditulis artikel penuh. Maka perlu diganti beberapa kode diatas antara lain pada nomor 4 kode yang berwarna biru (span) diganti menjadi div, kemudian setiap artikel yang Anda buat harus menggunakan kode : <div class="fullpost"> dan </div>, dan tidak lagi menggunakan kode <span class="fullpost"> dan </span>. Sekian dulu tutorial kali ini, bila ada yang belum paham atau kurang dimengerti atau ingin ditanyakan silakan tulis komentar dibawah ini atau hubungi via surel.


Berbagi pada :
Anda sedang membaca Artikel yang berjudul Tutorial Blogger : Membuat Read More atau Baca Selengkapnya dan Anda bisa menemukan Artikel Tutorial Blogger : Membuat Read More atau Baca Selengkapnya ini dengan URL http://riemogerz.blogspot.com/2012/06/membuat-read-more-atau-baca.html. Seluruh artikel di Riemogerz's Blog : Suka-suka saya...'s Blog memiliki Atribusi-Berbagi Serupa Creative Commons, karenanya Anda diizinkan untuk mengutip atau menyebarkan sebagian atau seluruh isi dari Artikel Tutorial Blogger : Membuat Read More atau Baca Selengkapnya ini selama mencantumkan pranala Tutorial Blogger : Membuat Read More atau Baca Selengkapnya sebagai Sumbernya serta menggunakan atribusi serupa.


9 respon untuk artikel Tutorial Blogger : Membuat Read More atau Baca Selengkapnya pada Blog Riemogerz's Blog : Suka-suka saya....

  1. Unknown bilang :

    maksih gan,,,,cuma ane masih banyak bingung cara penggunaannya,,, ajarin lagi lah dikost prakteknya.. :D

  2. riemogerz (admin) jawab :

    Bingung dimana gan ? Kalo lebih spesifik dimana bingungnya bisa dibantu... :)

  3. Unknown bilang :

    Nah, inipang masalahnya, bingung harus mulai dari mana...

  4. riemogerz (admin) jawab :

    Mulai dari mana dulu ?? Nyaman jua kawan membantu :D Assik...

  5. Unknown bilang :

    Nah kaya ini haja nah, anukan ampunku haja nah kayapa ??

  6. riemogerz (admin) jawab :

    Mun ketu kam kada belajar cuy ae,, mulai dari tahap 1 ja dulu,, buka blog terus masuk rancangan,, sudah itu cari /b:skin> (caranya picik di keyboard tombol ctrl + f) tulis /b:skin>. Pas dibawahnya tulis kode kaya diatas,,

  7. Unknown bilang :

    Okey, ku coba dulu lah, thanks before.

  8. Unknown bilang :

    bisa dah bos ae,,,walau sedikit,,,makasih banyak bantuannya,,,, :D

  9. riemogerz (admin) jawab :

    Sama-sama mas bro, Alhamdulillah mun dah bisa. Asiik...

Tinggalkan Pesan Anda untuk artikel Tutorial Blogger : Membuat Read More atau Baca Selengkapnya pada Blog Riemogerz's Blog : Suka-suka saya... dibawah ini :

Silakan tulis komentar Anda dibawah ini.