បន្ថែម Automatic Read More TRICK សម្រាប់ Blogger

ប៊ូតុង Read More  ត្រូវបានប្រើកាត់បន្ថយអត្ថបទពេញលេញទៅក្នុងពីរបំណែកដំបូងនៃអត្ថបទ
និងរូបភាពបង្ហាញនៅក្នុងកំណត់ហេតុបណ្តាញរបស់អ្នក។  នៅពេលដែលអ្នកបង្កើតការប្រកាសមួយដែលរួមបញ្ចូលទាំង
snippets វែងនិងរូបភាពដែលមានរយៈ
ពេលវែងដូច្នះត្រូូវបន្ថែមប៊ូតុង Read More ដើម្បើកាត់បន្ថយភាពពេញ
លេញក្នុងកំណត់ហេតុបណ្តាញរបស់អ្នក។ដូចនេះយើង
ត្រូវដាក់ប្រអប់ចុចអានបន្តដើម្បីឲ្យប្រកាសរបស់យើងត្រូវ
បានសង្ខេបដោយស្វ័យប្រវត្តិ រួមជាមួយនឹងរូបភាពតូចនៃប្រកាស។ខាងក្រោមនេះខ្ញុំនឹងបង្ហាញអ្នកពីរបៀប
ដើម្បីដាក់បន្ថែម Automatic Read More ដើម្បីប្រកាស Blogger ។

អនុវត្តដូចខាងក្រោមៈ

• ចូលទៅកាន់ គណនីប្លករបស់អ្នក www.blogger.com
• ចូលទៅកាន់ Blogger Dashboard > Design > Edit HTML.
• ហើយស្វែងរកកូដ  </head> នៅក្នុង Teamplate របស់អ្នក
• សូមអ្នកបញ្ចូលកូដខាងក្រោម ពីលើ </head> មួយបន្ទាត់

 <script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400;  /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 200; /*Image Height*/
img_thumb_width = 200; /*Image Width*/
</script>
<script type='text/javascript' src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>

•     ប្រសិនបើលោកអ្នកបន្ថែមកូដ CSS ដើម្បីរចនាប័ទ្មក្នុងកំណត់ហេតុបណ្ដាញរបស់អ្នកទៀន

•     អ្នកស្វែងរកកូដនេះ  <data:post.body/>​ ជំនួសវាដោយកូដដូចខាងក្រោម

•     ប្រសិនបើអ្នករកឃើញច្រើនជាងមួយ  <data:post.body/>​ អ្នកត្រូវជំនួសមួយដងទាំងអស់។

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://netoopsblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzZ3z_69WSnMWEhukPC9Qqc0toP8c734Pj_OjyW44mD5bYMCu4h-fB4E-XZ5jlCK1-er5TJPJ3pVqd24Cbmuf-wrMyo9M0qhe1pumvxXnrdbYea5u-nNYgY-iLA2Gljg9XM_kdQ94QQ/s1600/1x1juice.png"></a>
</b:if>
</b:if>

• ពេលដែលអ្នកជំនួសកូដហើយនោះ សូមអ្នកចុចប៊ូតុង Save Teamplate ជាការស្រេច។

• ក្នុងកូដខាងលើនេះមានតែតំណសាមញ្ញដើម្បីប្រកាសបង្ហាញនៅក្នុងគេហទំព័រនេះ។ ប្រសិនបើអ្នកចង់រចនាម៉ូដឱ្យដែលមិនបន្ថែមកូដ css ឱ្យរចនាប័ទ្ម jumplink, អ្នកត្រូវបន្ថែមកូដដូចខាងក្រោមជំនួសឱ្យខាងលើ។

- អ្នកស្វែងរកកូដនេះ  <data:post.body/>​ ជំនួសដោយកូដខាងក្រោម

UPDATE [17.08.2013]

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<div class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title' >Read more...</a></div><a href="http://netoopsblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzZ3z_69WSnMWEhukPC9Qqc0toP8c734Pj_OjyW44mD5bYMCu4h-fB4E-XZ5jlCK1-er5TJPJ3pVqd24Cbmuf-wrMyo9M0qhe1pumvxXnrdbYea5u-nNYgY-iLA2Gljg9XM_kdQ94QQ/s1600/1x1juice.png"></a>
</b:if>
</b:if>

• ពេលដែលអ្នកជំនួសកូដហើយនោះ សូមអ្នកចុចប៊ូតុង Save Teamplate ជាការស្រេច។ 

សង្ឃឹមថាអ្នកអាចធ្វើវាបាន សូមអរគុណដែលបានចូលមកទស្សនាប្លុករបស់យើងខ្ញុំ ។