Tampilkan postingan dengan label Membuat ReadMore. Tampilkan semua postingan
Tampilkan postingan dengan label Membuat ReadMore. Tampilkan semua postingan
Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), topik ini rupanya yang paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang girang karena sudah merasa berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan.
Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian suatu panduan. Beberapa waktu yang lalu ada sebuah komentar yang masuk pada salah satu artikel saya (artikel yang mana saya lupa dan sedikit malas untuk membuka dokumen komentar) bahwa metoda penyampaian tersebut sangatlah mudah untuk di pahami, maka pada kesempatan kali ini saya akan mencoba metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya...
Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini!, Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE (maaf lupa catat alamat link nya).
Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :
Langkah #1
  • Sign in di blogger dengan id anda.


  • Klik Pengaturan


  • Klik Format


  • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :






  • Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2
  • Klik menu Dasboard


  • Klik Tata Letak


  • Klik tab Edit HTML


  • Klik tulisan Download Template Lengkap.


  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :


  • expand widget template


  • Tunggu beberapa saat ketika proses sedang berlangsung


  • Silahkan anda cari kode berikut pada kode template milik anda :



  • atau kode di bawah ini (sama saja) ;



  • Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):




  • Klik tombol Simpan Template
  • Selesai.

Cara Posting Artikel
  • Klik menu Posting


  • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :






  • Tuliskan artikel yang ingin tampak pada blog sebelum kode :






  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :






  • Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING


  • Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Selamat mencoba !

Kamis tgl 25 - Maret - 2010

Membuat Read More untuk Template klasik

Update : Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca petunjuk membuat read more di sini!


Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :

  • Login ke blogger.com dengan id sobat


  • Klik menu bertuliskan Template


  • Klik menu Edit HTML


  • jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.


  • Copy kode HTML di bawah, kemudian paste persis di atas kode :




div.fullpost {display:none;}





div.fullpost {display:inline;}



Untuk mempercepat pencarian kode , silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

  • langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :



    • ">Read more!



      Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

    • Klik tombol yang bertuliskan SAVE SETTINGS


    • Langkah selanjutnya adalah klik menu Setting


    • Klik menu Formatting


    • Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :







    • Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.


    • kemudian jangan lupa klik tombol Save Settings


    • Selesai



    Cara Posting Artikel


    Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

    • Klik menu Posting


    • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :







    simpan artikel sobat yang ingin di tampilkan sebelum kode
    , kemudian simpan sisa keseluruhan artikel setelah kode
    dan sebelum kode


    Agar lebih jelas, saya beri contoh, misal artikelnya begini :

    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

    dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.


    Hasilnya yang akan tampak pada blog kita adalah seperti ini :

    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

    Read more!




    Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

    Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

    Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode span....



    MEMBUAT REA

    Selasa, Mei 22, 2007

    Membuat Read More (2)

    Update : saya telah membuat artikel yang lebih mudah untuk di praktekan dalam membuat read more, silahkan baca di sini!
    Bagi para sobat yang menggunakan template baru tentu saja akan mengalami kebingungan ketika membaca tutorial terdahulu yang membahas tentang membuat menu Read more.. atau menu Baca selengkapnya.., karena tutorial tersebut memang di peruntukan bagi para sobat yang menggunakan template klasik. Nah bagi sobat yang menggunakan template baru dan ingin menggunakan menu Read more.. juga silahkan ikuti langkah-langkah berikut :

    • Sign in seperti biasa di blogger dengan id milik sobat


    • Klik Setting


    • Klik Formatting


    • Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :











    • Klik tombol yang bertuliskan Save Settings


    • Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.


    Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

    • Klik menu Dasboard


    • Klik menu Layout


    • Klik menu Edit HTML


    • Klik tulisan Download Full Template


    • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


    • Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya


    • Tunggu beberapa saat ketika proses sedang berlangsung


    • Silahkan Sobat cari kode berikut pada kode template milik sobat :


    • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi
    • Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :
    • Copy kode HTML di bawah ini kemudian paste di bawah kode tadi
    • klik tombol bertuliskan Save Template

    • Selesai.




    Cara Posting Artikel

    • Klik menu Posting


    • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :











    • Tulisankan artikel yang ingin tampak pada blog sebelum kode :






    • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :






    • Klik tombol bertuliskan PUBLISH POST


    • Klik tulisan Open New Window untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas


    • Selamat mencoba !
    DMOR KE DUA

    My Blog List

    Bruri Abdulloh Sejjati

    Aku Bruri Abdulloh . . Aku berasal Dari INdonesia
    Tepatnya Desa SLATRI UTARA . ...
    Agamaku ISLAM . .
    Tgl Lahirku 01 - Mei - 1990

    Keinginanku :
    Aku Ingin Membahagiakan Keluarga
    Dan tidak Merepotkan orang lain

    Aku Ingin Menjadi Anak yang berbakti . .
    Kepada Kedua Orang tua . . Bangsa Dan Negara

    Semoga Keinginanku Bisa tercapai . .
    Amin ya robal Alamin

    BRURI ABDULLOH

    BRURI ABDULLOH

    Bruery slatri

    Bruery slatri

    Logo The Bruery CS

    Logo The Bruery CS

    Introduction

    Chat With Mee ^_~

    Labels

    You Tube Video Merakit Komputer Dengan Benar Ala Bruri Abdulloh ( Part 1 Dengan Part 2 )Tonton Aja

    Daftar Hadir

    JudUL Pruisixz

    JudUL Pruisixz

    Bruery cs

    Bruery cs

    bruery cs wong slatri

    bruery cs wong slatri

    Followers Bruri Abdulloh

    About Me

    Foto saya
    Namaku Aslinya Bruri Abdulloh . . . Aku tinggal di desa slatri utara . . . Aku Ingin Membahagiakan Keluarga . . Doakan AKu ya teman . . Semoga aku bisa menjadi apa yang kedua orang tuaku harapkan .. . .

    Followers