Tampilkan postingan dengan label Blogspot Tutorial. Tampilkan semua postingan

cara membuat readmore  

Diposting oleh Hizkia Wellyadi

Apaan sih Read More itu ?

Read More.. atau Selengkapnya.. atau More Detail..adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website.

Misalnya tulisan yang sedang sobat baca sekarang ini, Saya memakai kata Read More.. dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap/penuh.

Kali ini akan Saya bahas tentang membuat read more pada template baru (XML).

Sebagai catatan jangan memakai Internet Explorer jika ingin belajar bahasan ini, karena IE sering kali mengalami kegagalan pada saat setelah melakukan edit HTML pada Blog. Sobat bisa gunakan Mozilla Firefox atau Opera.


==Langkah Pertama==

  1. Login Ke Blogger Menggunakan ID sobat

  2. Klik Pengaturan

  3. Kemudian klik Format

  4. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :



    <span class="fullpost">

    </span>



  5. Kemudian Simpan Pengaturan



==Langkah Kedua==

  1. Klik Tata Letak

  2. Kemudian Klik Edit HTML, simpan dulu template sobat dengan menekan Download Template Lengkap. Backup template ini dimaksudkan agar jika terjadi kerusakkan pada proses edit HTML sobat bisa restore kembali template yang sudah sobat donwload tadi.

  3. Beri tanda centang pada Expand Template

  4. Cari kode dibawah ini pada template sobat
    <data:post.body/>

  5. atau kode berikut, sama saja
    <p><data:post.body/></p>

  6. Hapus Kode diatas dan ganti 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>Selengkapnya...</strong></a></p>

    </b:if>



  7. Kemudian Klik Save Template


Selamat Mencoba !

Note : Postingan yang ingin sobat tampilkan pertama letaknya diatas <span class="fullpost">, sedangkan postingan selanjutnya setelah <span class="fullpost">
dan jangan lupa ditutup dengan </span>

Sumber : miscah.blogspot.com

READ MORE - cara membuat readmore

cara buat blog pake blogger  

Diposting oleh Hizkia Wellyadi

Untuk membuat blog di blogger.com (blogspot.com) anda diwajibkan terlebih dahulu mempunyai alamat email di gmail.com. jika sudah punya account di gmail.com, anda masuk ke alamat blogger.com, yang nantinya otomatis akan mengakses alamat http://www.blogger.com/start

alamat atau address

masukkan alamat gmail anda beserta passwordnya, lanjut dengan klik pada tombol “ciptakan blog anda”.

gmail dan password

pada form berikutnya isikan nama tampilan. Lanjut dengan klik tombol “lanjutkan”.

nama tampilan blog

isikan judul blog (Judul blog nanti akan muncul di header blog anda) dan alamat blog.. Setelah mengisi alamat blog klik “cek ketersediaan”. Jika alamat blog ini sudah di meliki atau dipake orang lain maka anda akan diminta untuk mengubah dengan alamat yang lain. Karena alamat tidak boleh ada yang sama (nanti pak pos nya bingung, hehehe). Jika sudah OK (alamat belum dipake orang lain) klik tombol “lanjutkan”.

alamat blog

Maka anda akan di hadapkan dengan pilihan template. Pilih salah satu template yang anda sukai dan klik tombol “lanjutkan”.

template blog

Nah blog sekarang sudah terbuat, klik tombol “lanjutkan” lagi

lanjut blog

Anda sekarang sudah dapat mengirim tulisan/artikel untuk yang pertama kali. Isikan judul, isi artikel, dan label (untu mengelompokkan ke dalam kategeri). Selanjutnya klik terbitkan entri untuk menyimpan dan sekaligus menerbitkan. Jika anda klik simpan sekarang maka artikel itu akan tersimpan sebagai draft dan tidak ditampilkan


posting blog


Jika Anda ingin template selain yang disediakan blogger.com anda dapat mencari dengan menggunakan google.com. di sana kan muncul banyak alamat yang menyediakan banyak template gratis dan design yang menarik. Hasilnya seperti gambar di bawah ini

tamplilan blog


Jika Anda ingin template selain yang disediakan blogger.com anda dapat mencari dengan menggunakan google.com. di sana kan muncul banyak alamat yang menyediakan banyak template gratis dan design yang menarik. Silakan download.

Sumber : http://Erlambang.com

READ MORE - cara buat blog pake blogger