បន្ថែម​អត្ថបទ​ទាក់ទង​នៅពី​ក្រោម​អត្ថបទ​

     ការ បន្ថែម​អត្ថបទ​ទាក់ទង​នៅ ពី​ក្រោម​អត្ថបទ ​ដែល​បាន​ប្រកាស​នោះ​គឺ​ហេតុផល​មួយ ​ដែល​ធ្វើ​អោយ​អ្នក​ចូល​ទស្សនា​ នៅ​ក្នុង​ប្លុក​របស់​អ្នក​ចូល​មើល ​ក្នុង​ទំព័រ​ប្លុក​ឲ្យ​ បាន​កាន់​តែ​យូរ។ ព្រោះ​បន្ទាប់ពី​អ្នក​ទស្សនា​បាន​អាន​ចប់​អត្ថបទ ​អ្នក​មួយ​ហើយ​ ​ដែល​គាត់​ បាន​រំកិល​ទំព័រ​ចុះ​មក​ក្រោម​​ គាត់​នឹង​បាន​ឃើញ ​អត្ថបទ​ដែល​យើង​ដាក់​ស្រដៀង​នោះ​ធ្វើ​អោយ​គាត់​ចង់​អាន​ទៀត​ជា​មិនខាន​។

     ចំពោះ​ខ្ញុំ​ខំ​ស្វែង​រក​ឯកសារ​នេះ​យូរ​ហើយ​ ប៉ុន្តែ​យក​មក​ដាក់​អត់​ចេញ​ដូច​គេ​សោះ​តែ​ឥលូវ​បាន​សម្រេច​ដូច​បំណង។ ​ចឹង​ហើយ​ខ្ញុំ​ក៏​យក​មក​ទុក​ជា​ឯកសារ ក៏​ដូចជា​ចែករំលែក​ជូន​ដល់​មិត្ត​ទាំងឡាយ​ផង​ដែរ​។ ដូច្នេះ​ឯកសារ​មួយ នេះ​នឹង​ជួយ​អ្នក​អាច​ដាក់​ជា​អត្ថបទ​ទាក់ទង​នៅ ខាងក្រោម​អត្ថបទ​របស់​អ្នក​បាន​ដូច​ខ្ញុំ​ចឹង​ដែរ​។ ខាងក្រោម​នេះ​ជា​ផ្លូវ​ដែល​ជួយ​អ្នក៖

Φ ជំហានទី១ 

១.​ ចូលក្នុងគណនីប្លកអ្នក
២. ចុច លើ Template > Edit HTML

៣. ចុច ប៊ូតុង Ctrl + F ហើយស្វែងរក កូដ </head>
៤. ពីលើ ឬពីមុខ </head> ចម្លងកូដខាងក្រោមដាក់៖

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7CgUc2sQbfq6_LXD7Ek-0-JfJK0Av75XF3RbCbw6psDbzK5rnDq24SBGYA69w2pHtSN9O1pyLJzZjNIuC477hT4OQoBVrSBqr8xviBDpGXBIWoeUessN4jdn5IIdaOoUG4gQAHZAu3g/s400/noimage.png&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js'
type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Φ ជំហានទី2

១. ចុច ប៊ូតុង Ctrl + F ទៀតស្វែងរកកូដ <div class='post-footer-line post-footer-line-1'> វា​ស្ថិត​នៅ​បន្ទាត់​ម្តុំ​ទី​ ១៦៥៧ (ប្រយត័្ន​ច្រឡំ​ដូច​ខ្ញុំ​)។
២. នៅ​លើ​ឬ​ខាង​មុខ​កូដ​ <div class='post-footer-line post-footer-line-1'> ចម្លង​កូដ​ខាង​ក្រោម​៖

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
     <!-- Related Posts with Thumbnails Code Start--> 
     <div id='related-posts'> 
     <b:loop values='data:post.labels' var='label'> 
     <b:if cond='data:label.isLast != &quot;true&quot;'> 
     </b:if> 
     <b:if cond='data:blog.pageType == &quot;item&quot;'> 
     <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> 
     <script type='text/javascript'> 
     var currentposturl=&quot;<data:post.url/>&quot;; 
     var maxresults=8; 
     var relatedpoststitle=&quot;<b>អត&#6098;ថបទស&#6098;រដ&#6080;ង:</b>&quot;; 
     removeRelatedDuplicates_thumbs(); 
     printRelatedLabels_thumbs(); 
     </script> 
     </div><div style='clear:both'/> 
     </b:if> 
     <!-- Related Posts with Thumbnails Code End-->

៣. ការងារ​ត្រូវ​បាន​បញ្ចប់៕

កូដ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7CgUc2sQbfq6_LXD7Ek-0-JfJK0Av75XF3RbCbw6psDbzK5rnDq24SBGYA69w2pHtSN9O1pyLJzZjNIuC477hT4OQoBVrSBqr8xviBDpGXBIWoeUessN4jdn5IIdaOoUG4gQAHZAu3g/s400/noimage.png ជាកូដពេលដែលរូបភាពវានឹងចេញជាលំនាំដើម។ រូបភាពខាងលើគ្រាន់តែជារូបតំណាងព្រោះខ្ញុំទើមមានតែពីរអត្ថបទ ☻។