Top Ad unit 728 × 90

Hot News

recent

"Read More" Otomatis

Catatan tutorial kali ini mengenai "Readmore Otomatis" Om Jaloe menyebutnya sebagai "Readmore Liberal" Fungsi Readmore ini membantu sekali untuk mempermudah dalam menerapkan readmore pada artikel blog kita.

Dengan "readmore" yang lama seperti catatan tutorial saya disini, biasanya untuk menulis artikel di Edit HTML untuk mengontrol posisi penggalan artikel yang diinginkan.
Berbeda dengan readmore otomatis/liberal,

script yang saya pakai adalah dari "http://rizqi.moehamed.googlepages.com"

kita dapat menulisnya di compose dan untuk mengatur penggalannya berdasarkan tinggi sheet artikel yang diinginkan pada script.

Langsung saja pada pokok bahasannya,

1. Seperti biasanya untuk meng-edit template sobat harus melakukan Log In --> Layout --> Edit HTML --> Centang/tic Expand template widget


2. Cari tag </head>

3. Taruh script seperti dibawah ini diatas tag </head>

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/&gt


4. Cari tag <data:post.body/>


5. Ganti tag tersebut diatas (<data:post.body/>) dengan script seperti dibawah ini :



<b:if cond='data:blog.pageType != &quot;item&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 &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


6. Save


Sebagai catatan :

* summary noimg= 430 – tinggi artikel terpenggal tampa image
* summary img=340 – tinggi artikel terpenggal dengan image.

Itu lah catatan tutorial untuk memodifikasi template sobat yang saya kutip dari artikelnya Om Jaloe semoga bermanfaat dan dapat dipelajari bagi yang berkecimpung di dunia programmer computer atau yang sejenisnya dan dapat diterapkan copy paste bagi yang sekedar ingin tampilan blog yang dimilikinya menjadi lebih cantik.


Sumber: http://tutorial-bloger.blogspot.com/2009/02/readmore-otomatis.html
"Read More" Otomatis Reviewed by Bakhtiyar Sierad - Hosterbyte on Tuesday, April 28, 2009 Rating: 5

No comments:

Don't Forget to leave comment

All Rights Reserved by Nunutjoe All In One © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

Contact Form

Name

Email *

Message *

Powered by Blogger.