Blogroll

Blogger news

Cara membuat read more pada template

Memasang menu read more pada template sangat berguna untuk menghemat ruang.karena berfungsi untuk memangkas sebagian kalimat posting yang berada dihalaman depan (home).memangkas bukan berarti menghapusnya.melainkan memotong sebagian kalimat dengan memberi link read more kepada pembaca untuk melihat isi posting secara utuh.

Nah bagaimana dengan template blog sobat? apa sudah memasang menu read more? jika belum,untuk membuatnya langkahnya sebagai berikut:

1.Login ke blogger.

2.setelah masuk.klik rancangan lalu klik edit html.

3.Simpan terlebih dahulu template yang sedang digunakan.dengan cara klik link Download template lengkap.ini untuk mengantisipasi jika nanti terjadi kesalahan.

4.Setelah selesai.selanjutnya beri centang pada kotak kecil disamping expand template widget.

5.Langkah selanjutnya cari kode seperti dibawah ini.


<data:post.body/>

Atau...

<p><data:post.body/></p>

Agar lebih mudah dalam mencarinya gunakan fungsi Ctrl+F.atau secara manual yang penting ketemu kodenya.

6.setelah ketemu.hapus kode tersebut (pada poin 5) lalu ganti dengan kode seperti dibawah ini.

<b:if cond='data:blog.pageType
== &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a
expr:href='data:post.url'>Read
More.....
</a>
</b:if>

tulisan Read more bisa diganti sesuai selera.seperti Baca selengkapnya atau Selanjutnya.

7.setelah selesai.klik Simpan template.

8.jika langkahnya benar,maka akan ada keterangan Perubahan anda telah disimpan 'lihat blog'.

9.klik lihat blog untuk melihat perubahan.

Sampai disini sobat sudah berhasil memasang menu atau link read more.untuk mengatur berapa kalimat yang ingin dipotong sisipkan kode berikut.

<span class="fullpost">

</span>

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Leave a comment

apakah artikel di atas bermanfaat buat anda..?
jika ya..
tinggalkan komentar anda..
trimakasih telah mengunjungi blog yg sederhana ini

Selamat datang diblog sederhana ini,yg menyajikan berbagai informasi Alhamdulillah,segala puji hanya milik Allah semata,dgn izin,taufiq dan inayah-Nya smata kami dapat menghadirkan kehadapan pembaca sekalian sebuah blog yg berisi sekumpulan informasi tentang technology yg dapat anda pelajari,allhamdulillah,blog ini mendapat sambutan yg hangat dari para pembaca yg begitu antusias. Sebab,sudah menjadi komitmen kami,untuk dpt menghadirkar artikel tentang technologi dlm bentuk yg sebaik2nya. walaupun sangat2 sederhana Dengan harapan hal itu akan menumbuhkan kecintaan masyarakat terhadap dunia modern,serta menumbuhkan gairah memperdalam ilmu pengetahuan. Mudah2an apa yg menjadi harapan kami ini menjadi kenyataan. Apa lagi melihat antusias masyarakat akhir2 ini kepada hal hal yg bernuansa technology yg slalu mengikuti perkembangan zaman.. Tidak lupa kami ucapkan ribuan trimakasi bagi anda yg mau menghadiri situs kami.. Tentunya sebagai manusia biasa kami tdk terlepas dari kekurangan2.kami harapkan masukan demi masukan yg postif dan membangun dari para pembaca sekalian.. Shalawat beriring salam semoga terlimpah bagi sebaikc hamba Allah,Muhammad saw.bagi keluarga beliau,sahabat beliau dan segenap pengikut beliau termasuk kita semua sampai hari kemudian kelak.,
Source: http://superrefreshing.blogspot.com/2012/02/cara-membuat-teks-berjalan-melayang-di.html#ixzz20lcjvL9e Under Creative Commons License: Attribution Non-Commercial No Derivatives

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!