Saturday, June 28, 2014

របៀបដាក់ Social Bookmark នៅលើរថយន្តដឹកទំនិញក្នុង BlogSpot

8:07 PM  kngchak  No comments

       សូស្តី ! ជាថ្មី​ម្ត​ងទៀ​តថ្ញៃ​នេះ​ KonSath ខ្ញុំសូ​មលើ​ក​មក​ប​ង្ហាញ​ពីរបៀ​ប​ដា​ក់​ Social Bookmark នៅ​លើរ​ថ​យ​ន្ត​ដឹក​ទំ​និញក្នុ​ងប្លក់ដើម្បី​ងា​យ​ស្រួ​លនៅ​ពេល​នរណា​ម្នា​ក់​ចូល​មក​ហើ​យច​ង់​ចូល​ទៅ​ Page Like ឫ Twitter របស់យើ​ងផ្ទា​ល់​តែ​ម្ត​ង ។ នេះក៏​ជា​របៀ​ប​ថ្មី​ដែល​ខ្ញុំ​បាន​រក​ឃើញ​នៅក្នុង   Website   ​ប​រទេ​ស​ផង​ដែរ​   និង​ព្យា​យាម​ស្វែង​យល់​  ហើយក៏​បា​ន​លើក​​យ​កមក​បង្ហា​ញអ្នកទាំង​អស់គ្នា​អោ​យ​បាន​យ​ល់​កាន់​តែ​ច្បាស់​អំពី​កា​រដា​ក់ Social Bookmart ។ ដើម្បី​អោ​យកា​ន់​តែ​ច្បា​ស់​សូមមើ​ល :

ជំហានទី១ : Login Accont Blog
ជំហានទី២: Layout ==> Add a Gadget ជំហានទី៣: Copy Code ទៅដាក់ក្នុង HTML/Java Script
ជំហានី៤: Save
ចំណាំ : កុំភ្លេចដាក់ Page, feeds,twitter


Read More

Thursday, June 26, 2014

របៀបដាក់​ Back To Top នៅក្នុង Blogspot

12:40 AM  kngchak  No comments

back to top button


 សួស្តី ! ថ្ងៃ​នេះ​ខ្ញុំ​សូ​មបង្ហា​ញ​ពី​​របៀ​ប​ដា​ក់​ Back To Top នៅក្នុ​ងប្លក់​ដើម្បីងា​យ​ស្រួ​ល​នៅ​ពេល​យើង​ច​ង់ទៅ​មើល​នៅ​ពី​ខា​ង​លើ​វិញ​វាមិន​ចំណាយពេល​យូរសម្រា​ប់​ប្រើ​ម៉ៅដើ​ម្បី​អូ​ស​ម៉ៅ​ទៅ​លើ​។​ ការរកឃើញបែបនេះគឺជា​កា​រ​ស្វៃ​ងរករបស់​ខ្ញុំ​នៅ​លើ​បណ្តាញ​សង្គម​ផង​ដែរ​មិនមែនចេះ​ដោយ​ខ្លួន​ឯងទេ ។​បែរមកមើល​ខា​ង​លើ​វិញ​​កា​រដា​ក់​បែប​នេះ​ក៏​ជា​កា​រធ្វើអោយ​ប្លក់​យើ​ង​មាន​
ភាព​​ស្រស់​ស្អា​ត​មួ​យ​កម្រិត​ថែម​ទៀត​ផង​ដែរ។ ជា​ប​ន្ត​សូម​មើល​មក​ក្រោ​ម:

ជំហានទី១ : Login Account Blog
ជំហានទី២: ចូល​ទៅ​ Template==> Edit HTML
ជំហានទី៣: ស្វែងរក Head ដើម្បីងាយស្រួលសូមចុចCtrl-F
ជំហានទី៤: Copy Code ហើយ Past នៅពីក្រោម<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>



ជំហានទី៥: Layout==> HTML Java/script



ជំហានទី៦: Copy Code ដាក់ក្នុង HTML Java/script


<style>
.ks-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 15px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="ks-back-to-top" src="Image Url" />
<script type="text/javascript">
/*****www.crawlist.blogspot.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.ks-back-to-top').fadeIn(duration);
        } else { //www.crawlist.blogspot.com
            jQuery('.ks-back-to-top').fadeOut(duration);
        }
    });

    jQuery('.ks-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>


How to add smooth back top top button in blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlNKWmZt-B0-N3R8jLnot3vIqUWoiMsXQEd4yBC3c2Jln0HHqOBKNkw_d-QFyvV-sIRiKo3Gt6qevDeQMZ4CgtDAq4PBtG9YN5W4-8X6GnVSrvwVnPXPPX-rnsKffSe09dxJj25k9IhRI/s1600/2.png


How to add smooth back top top button in blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnLGysZxS93UE9nYcVXi-5-lgUnKgEoOgwsDYzFmWPVVmPqe-qK62L8V3K-xBkPpQcPrLfJBX-e_a1_tvYZUKJXixGyfx_iVxf1p3flhYNvhmZm1msddDDC9uq6MoBHY0QW-gkjkQvDAg/s1600/4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv4HhIwOu5J8pQReDmgpFkwAIqAgLpblEHRyZux5u_gbw_4flh9RXwjx1ysJThPv4FpaoUE0SG1L5VDaOiHJ9Rh_BOaAiPzE0fJGlFI0LVYUnHXnKt0H_AO-vlszb5RrhQr_gZ_HXJK1w/s1600/5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYFNkR0CUEJ3JVd9blvs-2ec_RTMvNY0cFf0Cf9fnbzaAGhi3UM5Ej9BA7PAc24NELLw8Xi_VR2rKmS0Z07T95O8OZhrMA_PxkW6Q7C7bDYzGbdT3nuHHHcUklFrbXbBsqVTssOAbMkY/s1600/6.png


.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBJlg5ZA6Lp-LoLlRChzrQE0q2K0IST4GWtkAlKMRxJ6ezvy8qcNXIlLPeZrbAAu7FW24zhVAdLIaQD9K-afHll8bb-kccue1joF2h2iiDvMssRVPkHPKNI8B3TriJfnjhaJO99eYC74/s1600/7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPno8dAlGQHZN3ISSNduer_pBuU96cJiFwZlrteS_9d2fuOk4rtY-ZivJlJBn-FONEII9qms8aHU6Jdo5qthlP4Fa3j5c7JDsTPHch9dYOWMhSTN-MmInTi8odhRO-M9OcljUZ6IWZHqs/s1600/10.png


ជំហានទ៧: Copy Back To Top ណាមួយដែលអ្នកត្រូវការទៅដាក់កន្លែង <Image Url >   
ជំហានទ៨: Save




Read More

Saturday, June 14, 2014

របៀបប្តូរ Read More នៅក្នុង BlogSpot

9:09 PM  kngchak  No comments

 

      ខ្ញុំសូមបង្ហាញពីរ​បៀ​ប​​ប្តូ​រ​​ Read More នៅ​ក្នុ​ង​ Blog ទៅ​តា​ម​ចំ​ណ​ង់​ចំណូល​ចិ​ត្តដូ​ច​ជា​រូប​ភាព ។​​ ការ​ដាក់​ Read More ក៏ជា​កា​រ​ជួ​យ​ឪ្យ​ប្លក់​យើង​​មានការស្រស់​ស្អា​ត ដោ​យ​​ថា​បើ​ប្លក់​យើ​ងសរសេ​រ​មិ​ន​ដាក់ Read More  វា​មិន​សូម​ស្អា​ត​នៅ​ពេល​យើ​ង​មើល​ហាក់​ដូ​ចជា​យើ​ង​មិន​ចេះ​រៀប​ចំ​ប្លុក​របស់​ខ្លួន និង​ អាច​ធ្វើ​អោ​យ​មិត្ត​អ្ន​ក​អាន​គ្មាន​ចំណាប់អារម្មណ៍ពេល​ចូល​ប្លុកយើង​ផ្ទាល់ហើយ​ធ្វើអោ​យការចូ​លទៅ​ទស្សនា​ប្លុកយើ​ងមានចំនួនតិចតួច។ ជាប​ន្ត​សូម​មើល​របៀ​បដាក់:

ជំហានទី១: Login Account Blog
ជំហានទី២: ចុច​លើ​ពាក្យ Template ==>Edit HTML ដើម្បីងាយស្រួលដាក់សូមចុច Ctrl - F នៅក្នុង Edit HMTL

 ជំហានទី៣: អ្នកវាយ ឫក៏Copy កូដ<data:post.jumptext/>  យកទៅដាក់ក្នុង Ctrl - F
ជំហានទី៤: Copy Code ទៅដាក់ជាប់កូដលើ
     
    src='http://bit.ly/Qs1pOk'/> 
<img src='http://bit.ly/WhV5FO'/>
<img src='http://bit.ly/SbJ6tQ'/>
<img src='http://bit.ly/S86Q3s'/>
<img src='http://bit.ly/TVFXOy'/>
<img src='http://bit.ly/Q7CPRr'/>
<img src='http://bit.ly/SN7Abh'/>
<img src='http://bit.ly/XYSDtf'/>
<img src='http://bit.ly/TVzCTf'/>

ជំហានទី៥: Save


Read More

របៀបដាក់រមូរចំណងជើងនៅក្នុងរបារ Blogspot

6:44 PM  kngchak  No comments


​​         ថ្ងៃ​នេះ​កូ​​ន​សត្វ​ខ្ញុំ​បាន​រ​កឃើ​ញ​របៀ​ប​ដា​ក់​រ​មូ​រ​នៅ​ក្នុងរបារ BlogSpot ​ ធ្វើអោយ​អ​ក្សរ​​មា​ន​ចលនា ដូច​បា​ន​បង្ហា​ញ​ខា​ង​លើ​នេះ ហើយ​លើ​ក​ម​ក​ប​ង្ហា​ញ​អ្ន​ក​ទាំ​ង​អ​ស់​គ្នា​ដើ​ម្បី​អោយ​​យ​ល់​កាន់​តែ​ច្បា​ស់​អំ​ពី​ប្លក់​​ ។ ការដា​ក់​រ​បា​រនេះ​​ក៏​អា​ច​ជួ​យ​ឪ្យ​ប្ល​ក់​យើ​ង​កាន់​តែ​ស្អា​ត​ថែម​ទៀតនៅ​ពេល​នរ​ណា​ម្នា​ក់​ចូ​ល​ទៅក្នុ​ង​ប្ល​ក់​យើ​ង។​ ដើម្ប​កា​ន់​តែ​ច្បា​ស់​សូម​មើ​ល​មក​ខា​ង​ក្រោម:

ជំហានទី១ : Login Account Blog របស់​យើ​ង
ជំហាន​ទី​២:  ចុចលើ​ពា​ក្យ​ Template ==> Edit HTML និង​ដើម្បី​ងា​យស្រួល​ស្វែង​រក​កូដយើ​ងចុច Ctrl-F


ជំហានទី៣: Copy code យកទៅដា​ក់ក្នុងEdit Template
កូដដាក់ក្នុង HTML/Javascript
<script type='text/javascript'>
//<![CDATA[
msg = "==>KonSath Live in Kampot<==";
msg = " .................................. " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

ជំហានទី៤: Past ពីក្រោម​<head>
ជំហានទ៥: Save
ចំណាំ : ដាក់រមូរអ្វីដែ​លអ្នក​ចង់​ដាក់

Read More

Sunday, June 8, 2014

របៀបបិទម៉ៅស្តាំនៅក្នុង BlogSpot

2:07 AM  kngchak  No comments


    ខ្ញុំ​សូ​ម​ជំ​រា​ប​សួរ​ប​ង​ប្អូន​ទាំ​ង​អ​ស់​គ្នាជា​ទី​គោ​រព​ដែ​ល​បា​ន​ចូ​ល​មក​ប្លក់​ខ្ញុំ​បាទ។ថ្ងៃនេះ​ខ្ញុំ​សូម​បង្ហាញ​អំពី​រ​បៀ​ប​បិ​ទ​ម៉ៅ​ស្តាំ​មិ​នឪ្យ​ម​នុ​ស្ស​មួ​យ​ចំ​នួ​ន​Copy Link ឫ​ Code ផ្សេងៗ​ទៀ​ត  នេះ​ជា​មូល​ហេតុ​មួ​យ​ដ៏​ល្អដើម្បីកា​រ​ពា​រប្ល​ក់​រ​ប​ស់​យើង​កុំ​អោ​យគេ​លួ​ច​ពី​ប្លក់​​យើង​ ។​ ហើ​យ​ជា​បន្ត​ដើម្បី​អោ​យ​កាន់​តែ​ច្បា​ស់​សូម​មើល​ម​ក​ខា​ង​ក្រោ​ម​:

ជំហានទី​១: login account Blog  ហើយចូលទៅកាន់ layout


ជំហានទី២: ចុចលើពាក្យ Gadget

ជំហានទី៣: Copy code  ហើយដាក់នៅក្នុង HTML/JavaSuript
កូដសម្រាប់ដាក់ក្នុងប្លក់អ្នក
<script language=JavaScript>
<!--
//Disable right mouse click Script
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>


ជំហានទី៤: Save

Read More

Saturday, June 7, 2014

របៀបដាក់​ Automatic Read More នៅក្នុង BlogSpot

6:35 PM  kngchak  No comments


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

ជំ​ហាន​ទី​១: login account ប្លក់របស់អ្នក

ជំហានទី២: ចូលទៅក្នុងTamplate ហើយចុចពាក្យ Edit HTML

ជំហានទី៣: វិធីជំនួយរកcode គឺចុចCtrl-F ហើយវាយពាក្យ</head>

ជំហានទី៤: Copy ហើយ​ Past code នៅលើ</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>


ជំហានទី៥: ស្វែងរកCode <data:post.body/>
ជំហានទី៦: Copy ហើយPast នៅពីក្រោម
កូដដែលត្រូវដាក់
<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;'/>
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><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://www.haakblog.com"><img src="https://bitly.com/haakblog"></a>
</b:if>
</b:if>


ជំហានទី៧: Save

Read More