iOS 7 Loading Bar សម្រាប់​ប្លុកករ

   សួស្ដី! ជា​មួយ​នឹង​គន្លឹះ​ប្លុក។ ខ្ញុំ​បាន​រក​ឃើញ​ធាតុ​ក្រាហ្វិក​មួយ​នេះ ដែល​ជា​ធាតុ​ក្រាហ្វិក​មួយ ដ៏​ពិសេស ខ្ញុំ​ចូល​ចិត្ត​ប្រើ​ម៉ូត​បែប​នេះ។ នេះ​ជា​ធាតុក្រាហ្វិក​ប្លុក​មួយ​ដែល​ធ្វើ​ឲ្យ​ប្លុក​យើង​ចេញ​ជា progress bar នៅ​ពេល​ដែល​ទំព័រ​ប្លុក​របស់​យើង​កំពុង​ដំណើរ​ការ.. (loading..) ជា​ស្ដាយ​របស់ iOS 7។ សម្រាប់​អ្នក​ដែល​ចូល​ចិត្ត​របស់​ប្រើប្រាស់ផលិត​ផល​របស់​ក្រុម​ហ៊ុន Apple នោះ​អ្នក​ក៏​អាច​លេង​ទាំង​ស្ដាយ​របស់ iOS 7 ទៀត​ផង​ដែរ​នៅ​លើ​ប្លុក ដែល​ធ្វើ​ឲ្យ​ប្លុក​កាន់​តែ​ទំនើប។ :D

៙ ​របៀប​ដាក់​ iOS 7 Loading Bar សម្រាប់​ប្លុកករ ៖ 
- ជា​ដំបូង​អ្នក​ត្រូវ​ដឹង​ថា​នៅ​ពេល​ដែល​អ្នក​បាន Log In ចូល​​គណនី​ Blogger របស់​អ្នក​។
- ចូល​ទៅ​កាន់​ម៉ឺនុយ Template >> Edit HTML (មើលរូប):

- រក​មើល​ស្លាក </body> ដោយ​ចុច​ Ctrl + F ទើប​ងាយ​រក​ឃើញ។
- ពេល​រក​ឃើញ​ហើយ​សូម​ចម្លង​កូដ​ខាង​ក្រោម​នេះ ទៅ​ដាក់​ពី​លើ </body> (មើល​រូប)

កូដ​ដែល​ត្រូវ​យក​ទៅ​ដាក់​ពី​លើ </body>

<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtBM-aTNzkIXzAhL7hfgxCg7yAlFuvQu1euHNu7rotzR1IBPVG0lFtpHKQ6C_aACHeZNytry5MoOWrfzYAFFuhm_Y7h3JehDmxpmhW8ZgBQO2AjjmojmFaxaqifPChmvhdNlfAhpBCJhY/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>

- ពេល​ធ្វើ​វា​រួច​ហើយ លោក​អ្នក​គ្រាន់​តែ Save Template របស់​វា​ជា​ការ​ស្រេច។ :D

អត្ថបទស្រដៀងគ្នា:

Tweet