Pages

17

Cara Membuat Read More Keren Ala Filiex

Banyaknya Artikel Cara Pembuatan Read More Blog Membuat Saya Berambisi Karena Setiap Artikelnya Sama Dan Tidak Ada Kreasi Lain, Nah Untuk itu Saya Akan Berikan Tutorial Pembuatan Read More Yang Berbeda Dari Yang Lain Dan Dijamin Keren.

Oke Kita Mulai Dari Tahap Awal Atau Mulai Dari Template Yang Belum Terpasang Read More Dan Berikut Prosesnya.
  1. Silahkan Login Ke Blogger Menggunakan ID sobat.
  2. Klik Pengaturan Atau Setelan.
  3. Kemudian klik Format.
  4. Coba Lihat layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
    <span class="fullpost">

    </span>
  5. Kemudian Simpan Pengaturan
  6. Selanjutnya Masuk Ke Rancangan Dan Click Edit HTML Dan Beri tanda centang pada Expand Template Widget.
  7. Cari kode dibawah ini pada template sobat:
    <data:post.body/>
  8. Ganti Atau Replace Kode Diatas dengan kode dibawah ini:
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Read More</strong></a></p>
    </b:if>
  9. Untuk Sementara Simpan Template Dulu.

Bila Pada Tahap Diatas Selesai Sebenarnya Read More Sudah Jadi Dan Bisa Dipakai, Nah Sebelum Melanjutkan Ketahap Berikutnya Sobat Uji Coba Dulu Read Morenya Untuk Memastikan Tahap Diatas Sudah Benar Apa Belum Dengan Menulis Artikel Dan Berikut Caranya.
  • Silahkan Sobat Masuk Pada Posting Entry baru
  • Disana Sobat Akan Melihat 2 Baris Kode Seperti berikut:
    <span class="fullpost">

    </span>
  • Silahkan Sobat Tulis Beberapa Baris Artikel Untuk Yang Akan Ditampilkan Sebelum Kode <span class="fullpost"> Dan Tulis Seluruh Lanjutan Artikel Sesudah Kode <span class="fullpost"> Dan Sebelum Kode </span>
  • Untuk Memperjelas Keterangan Diatas Saya Coba Berikan Contoh Dibawah:
    Ulang Tahun Kemerdekaan Indonesia Yang Ke 66 Akan Bertepatan Dengan Bulan Suci Ramadhan Namun Rakyat Indonesia Akan Tetap Memeriahkan Ulang Tahun Kemerdekaan Meskipun Harus Berpuasa <span class="fullpost"> Karna Rakyat Ingin Menunjukkan Rasa Cinta Dan Bangga Kepada Bangsa Dan Agama </span>
  • Bila Artikel Sudah Ditulis Dengan Cara Di Atas Silahkan Sobat Terbitkan Dan Lihat Hasilnya Pada Halaman Blog Sobat.
Bila Read More Sudah berfungsi Pada Blog Sobat Mari Kita Lanjutkan Pada Tahap Yang Dinanti-nati ini Yakni Membuat Read More Keren Ala Filiex.
  1. Silahkan Sobat Kembali Masuk Ke Rancangan Lalu Pilih Edit HTMl Dan Jangan Lupa Centang Expand Template Widget.
  2. Carilah Kode ]]></b:skin> Dan Letakkan Kode Berikut Tepat Diatasnya:
    .img_getar{
    position:relative
    }
  3. Lalu Cari Kode </head> Dan Letakkan Kode Berikut Tepat Diatsanya:
    <script src='http://filiex.googlecode.com/files/Getar.js' type='text/javascript'/>
  4. Silahkan Sobat Cari Kembali Kode Yang Terpasang Pada Tahap Nomor 8 Diatas Atau Seperti Dibawah:
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Read More</strong></a></p>
    </b:if>
  5. Bila Sudah Ketemu Gantilah Tulisan <strong>Read More</strong> Diatas Dengan Kode berikut:
    <img class='img_getar' onclick='top.focus()' onmouseout='stoprattle(this);top.focus()' onmouseover='init(this);rattleimage()' src='http://i1230.photobucket.com/albums/ee498/filiex/filiex/readmorefiliex.png' style='float:right; width:150px; height:30px;'/>
  6. Gantilah Tulisan Besar dan Tebal Diatas Dengan URL Gambar Punya Sobat Atau Pakai URL Saya Itu Aja Lalu Simpan Template.
  7. Untuk Melihat Hasilnya Silahkan Masuk Kehalaman Blog Sobat Dan Coba Sentuh Gambar Read Morenya??? Gimana Keren Kan??? Iya Donk.
Saya Ucapkan Terima Kasih Semoga Bermanfaat Dan Silahkan Tinggalkan Komentar Bila Ada Pertanyaan Dan Keluhan.

Alfiona

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

17 comments:

  1. obat kuat vitaslitasJanuary 12, 2012 at 6:05 AM

    thanks mas bro atas share ilmunya. "ILU"

    ReplyDelete
  2. vitalitasJanuary 12, 2012 at 6:57 AM

    mantap Gans thanks yach atas tutorialnya ini. saya sudah coba di blog saya memang keren. oh ya ngomong2 bagaimana yach utk buat tutorial yang kaya sidebar disebelah kanan (game ; pas kita arahkan mousenya ke gambar itu keluar deskripsi open itu). "ILU"

    ReplyDelete
  3. AlfionaJanuary 14, 2012 at 1:25 AM

    @vitalitas Ya Silahkan Sobat Berkunjung Kembali Karena Segera Akan Bagikan Tutorial Cara Membuatnya.....

    ReplyDelete
  4. vitalitasJanuary 30, 2012 at 1:24 AM

    Halo Abang Filiex, kembali lagi nih..hehe ;)
    lupa soalnya cara readmorenya terpaksa harus kembali kesini lagi. Oya, btw Tutorialnya udeh dibuat bang..?
    'ilu full'

    ReplyDelete
  5. Edi HeryantoMarch 4, 2012 at 11:58 AM

    gak da di templet aku,..gmana tu? aku masih pakai tmplet bwaan PT.kerensekali...bantu dung bang..

    ReplyDelete
  6. Edi HeryantoMarch 4, 2012 at 11:59 AM

    maksutnya data:post.body nya

    ReplyDelete
  7. UnknownMarch 4, 2012 at 10:24 PM

    @Delta eQuatorSudah saya periksa ditemplate PT keren sekali ternyata ada kok ??? silahkan Sobat cek lagi Di Edit HTML dan jangan lupa beri centang Expand template Widget dan terakhir cari menggunakan Ctrl F pada keyboard.

    ReplyDelete
  8. AnonymousMarch 9, 2012 at 10:38 AM

    thanks buat tutornya gan ...

    ReplyDelete
  9. obat kuat vitalitasMarch 18, 2012 at 5:02 AM

    wah bang ente ganti2 lagi ne theme nye..makin keren aje ne blog...^_^

    ReplyDelete
  10. UnknownMarch 23, 2012 at 7:31 AM

    thank ya
    http://folink.blogspot.com/
    visit ya

    ReplyDelete
  11. Mustika IqbalAugust 30, 2012 at 12:28 AM

    terima kasih mas....

    ReplyDelete
  12. UnknownAugust 30, 2012 at 3:30 PM

    Mantteep

    ReplyDelete
  13. UnknownOctober 10, 2012 at 2:34 AM

    thx ilmu nya..blog nya keren mas bro ..lam knal

    ReplyDelete
  14. AnonymousNovember 3, 2012 at 11:19 AM

    Klik Pengaturan Atau Setelan.
    Kemudian klik Format.
    Coba Lihat layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :

    Ini ko saya cari kata2 format ga ada to,..???
    apa sayanya yg bloon y g ngerti,.
    tlong bntuannya mase,.
    thanks
    triwaycorp.blogspot.com

    ReplyDelete
  15. UnknownDecember 21, 2012 at 8:11 PM

    thanks sob info yg menarik www.naufalthedarkness.blogspot.com

    ReplyDelete
  16. UnknownJune 14, 2013 at 10:01 AM

    terima kasih infonya kk salam kenal http://idegemilang.blogspot.com/

    ReplyDelete
  17. DwiNovember 23, 2013 at 7:43 AM

    thx bro

    diakuin.blogspot.com

    ReplyDelete