Showing posts with label Read More. Show all posts
Showing posts with label Read More. Show all posts

Sunday, February 28, 2010

Meringkas Artikel dengan "Read More"

Nah...sohib yang mau tahu gimana caranya membuat ringkasan isi teks sohib yang puanjang......Sohib bisa nih pake tips ini buat meminimalisir tempat...... Sohib dulu juga sama kayak ane...ane dulu juga sampe frustasi buat bikin ringkasan......sampe setengah mati deh..kalo kata orang jawa sih "Ngelus Dada"......Sekarang karena ane udah bisa bikin ringkasannya neehh....ane mau bagi - bagi cara nih sama sohib. Ane dapet ini dari senior ane nih...hehehehe...


Langkah 1 :
Buka akun blogger sohib

Langkah 2 :
Klik Layout

Langkah 3 :
Pilih tab Edit HTML

Langkah 4 :
Biar aman klik Download Full Template dulu deh...Supaya, kalo terjadi sesuatu yang tidak diinginkan kita enggak perlu repot - repot ini itu, tinggal upload template kita yang sebelumnya

Langkah 5 :
Klik Expand Widget Template

Langkah 6 :
Sekarang sohib cari kode



Langkah 7 :
Copy n Paste kode berikut ini di atas kode yg tadi



Langkah 8 :
Cari kode



Buat lebih gampangnya pake Ctrl + F

Langkah 9 :
Paste kode berikut di bawah kode yg tadi...


Read More..


Note : Tulisan "Read More......" bisa diganti dg "Selanjutnya "...or..."Selengkapnya "...pokoknya sesuka hati sohib deh...

Langkah 10 :
Truz klik "Save Template"


Nah...langkah awalnya sudah selesai nih.....sekarang tinggal langkah terakhir....

Step 1
Pas sohi mow nulis artikel baru....n msuk Kode HTML d Tab Post Baru....Sohi bkalan ngliat kode ini...





Step 2
Tuliskan bagian artikel yg pengin sohib tampilin di halaman awal di atas kode



N sisa artikel di bawah kode yg tadi.....

Jadinya kayak gini....






Awal Artikel...





Sisa Artikel





Klo udah klik Simpan Template.....nah truz udah selesai deh...

..Selamat mencoba.....SEMOGA BERHASIL....GOOD LUCK...

Sunday, February 7, 2010

Nambah "Read More" cara ke Dua

Buta sohib yg masih kesusahan dengan cara awal penambahan Read More Versi Pertama....Sekarang ane mow kasih alternatif buat sohib nich...blogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.com....Mumpung ane lagi berbaik hati mow bagi2 pengetahuan tentang per-Bloggingan....*per-Bloggingan....Apaan tuch*...Biar para sohib semua bisa mengaplikasinkannya di Blog sohib....hehehehe....blogger-emoticon.blogspot.comblogger-emoticon.blogspot.com...Moga2 cara yg kedua ni lebih mudah daripada yg pertama y....OK...OK...OK...

Step 1
Masuk ke Account Blogger sohib....Truz klik Layout >> Edit HTML

Jangan lupa centangi Expand Widget

Step 2
Biar AMAN....klik Full Download Template

Truz...salin kode do bawah ini n letakkan di atas kode </head>


<br />
<script type=’text/javascript’
src=’http://amen24.googlepages.com
/Readmore.js’ />


Step 3
Temukan kode <div class=’post-body

N paste kode berikut

expr:id=’"post-" + data:post.id’>
<b:if
cond=’data:blog.pageType == "item"’>


Di bawah kode yg tadi

Step 4
Temukan kode <p><data:post.body/></p>

Pastekan kode berikut di bawah kode tadi.....

<b:else/>
<style>#fullpost {display:none;} </style>
<p><data:post.body/></p>
<span id=’showlink’>
<p><a expr:onclick=’"javascript.showFull ("post-" + data:post.id + "");"’href="javascript:void(0);’>[+/-} Selengkapnya...</a></p>
</span>
<span id=’hidelink’ style=’display:none’>
<p><a expr:onclick=’"javascript:hideFull ("post-" + data:post.id + "");"’href=’javascript:void(0);’>[+/-] Ringkasan saja...<a></p>
</span>
<script type=’text/javascript’>checkFull ("post-" + "<data:post.id/>")</script>
</b:if>
Note : Tulisan "Selengkapnya" n "Ringkasan saja".....bisa diganti dengan apa aja....sesuai yg sohib mow.....

Klik Save Template

Step awal...HAVE DONE....skarang mnuju k Step Bag. Akhir

Step Bag Akhir 1
Klik Setting >> Format

Step Bag Akhir 2
Scrool k bwah.....Truz pastekan kode berikut.....d klom kosong pling bwah...

<span id="fullpost">

</span>


Truz Klik Save

Truz klo udah.....wktu sohib mow Posting artikel....mka sohib bkalan liat tlisan...

<span id="fullpost">

</span>




Ehm....udah liat kn....klo udah....
Tulis bagian awal artikel yg pengin di perlihatkan pertama kali di atas kode

<span id="fullpost">

N sisanya di bawah kode itu...
Jadinya ntar kyak bgini...

Awal Artikel

<span id="fullpost">

Sisa Artikel

</span>



Udah deh....Moga2 Berhasil y....klo msh g berhasil....Sohib msh bkalan tetep bisa buat ringkasan artikel kok.....Ntar ane cariin cara ke tiga deh....sering2 aja y ngunjungi Blog ane nie....hehehehehe....
blogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.comblogger-emoticon.blogspot.com