Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.

Sabtu, 20 Agustus 2011

Membuat Read More Otomatis

Bikin readmore di blog emang kayaknya wajib nih. Biar tampilan blog jadi rapi. Dan kita bisa nampilkan beberapa postingan untuk kita taruh di halaman depan sekaligus bikin browser gak kelamaan membuka front page atau halaman depan blog kita. Namun, terkadang kita kesulitan saat mau bikin posting dimana kode-kode saling bertabrakan, misanya kode untuk meratakan paragraf atau kode untuk menapilkan huruf gontol-gontokan dengan kode <span class="fullpost"> dan kode </span>

Nah
, berikut aku mau berbagi jurus bikin Readmore yang ngga ngerepotin, Readmorenya bekerja secara otomatis bro. Langsung aja ngetik di ruang posting pada mode compose. Atur warna huruf, tebal, miring atau perataan parangrafnya sesuka hati, tanpa khawatir readmorenya ngga bekerja.

Ok blogger, ... youk ngilikin template sebentar ...

1. Back up dulu templatemu
2. Login ke blogspot.com
3. Klik Customize
4. Klik Layout
5. Klik Edit HTML
6. Conteng kotak Expand Widget Templates
7. Cari kode seperti di bawah ini :

</head>


Selanjutnya, kopi kode di bawah ini lalu letakkan di bawah kode </head> tadi


<script type="text/javascript"> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src="http://syahenimkojek.googlepages.com/readmore_keren_bro.js" type="text/javascript"></script>


Selanjutnya, cari kode seperti di bawah ini :


<data:post.body/>


Ganti kode tersebut dengan kode seperti di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
   <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


Klik save. Dan mulailah memposting

Sekedar Informasi :
Mungkin ini bisa membantu, seperti terlihat pada contoh di atas, pada template Blogger ada beberapa syntax (kode) yang maksudnya merujuk ke jenis halaman tertentu, misalnya:

1. item <== merujuk ke halaman posting/artikel. 
2. static_page <== merujuk ke halaman statis (static pages). 
3. index <== merujuk ke halaman index. misalnya homepage, archive, dan search label.

Semoga bermanfaat dan good luck..!

Sumber : Acernoval Site dan  Blog Nebiak Sangau
Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar