Thursday, July 8, 2010

បង្កើតទម្រងបញ្ចូល

១ ចុចចូល Add a Gadget (បង្កើត), HTML/Javascript.
២​ បន្ថែមcodeខាងក្រោមនវចូល៕

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">

<input value="http://draft.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden"/>

<div><label for="Email"> ទិណនី: <br/><input id="Email" tabindex="1" name="Email" size="20" type="text"/></label></div>

<div><label for="Passwd"> លេខសម្ងាត់: (<a href="https://www.blogger.com/forgot.g" target="_top" title="ភេ្លចលេខសម្ងាត់?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div>

<br/><input id="signin-btn-ns" tabindex="0" value="បញ្ចូល" class="ubtn ubtn-block" name="submit" type="submit"/></form>
Continue Reading...

ឃើញតែមាតិការ(read more)

  • ១ផ្លាសដូចខាងក្រោម Blogger > Layout > Edit HTML បន្ថែមទំហុំ.

  • ២រក code <data:post.body/> , ប្តូរដូចខាងក្រោមនេះ មករួចត្រួតពិនិត្យមកជាការស្រេច :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div id='post_body'><data:post.body/></div></b:if>


  • ដាក់រូបអណ្តែតលើទំព័រ
    ចូលដូចដើម
  • រក]]></b:skin> បន្ថែមcodeខាងក្រោមនេះ :

    #top_image {

    position:fixed;

    bottom:5px;

    right:5px;

    clip:inherit;

    # ចំណាំ : ជាមួយ codeនេះ,វាឡើងជ្រុងឆ្វេងខាងក្រោម . បើសិនជាមិត្តមិនចូលចិត្តវាទេអាចប្តូរបានតាមចិត្ត Bottom/Right ជា Top/Left (ជ្រុងខាងលើ/ស្តាំ).
  • បន្ទាប់មកសូមរក </body>ហើយបន្ថែមcodeនេះ :

    <div id='top_image'><img src='http://www.khmeridea.com/templates/yoo_scoop/images/stripeslight/page_bg.jpg'/></div>
    ជាការស្រេច៕

  • កូដអត្ថបទផ្ជាបរូប
    <table style="width: X; height: Y; font-weight: bold; color: rgb(255, 255, 255);" border="1" background="Link រូប"><tbody><tr><td>ខ្លឹមសារអត្ថបទ</td></tr></tbody></table>
    Continue Reading...

    អក្សររតលើក្បាលទំព័រ

  • ចូលBlogger > Layout > Edit HTML

  • រក</head>ហើយcopy code ខាងក្រោមនេះចូល
    <script>

    var txt="សួស្តីខ្មែរក្រោម(ប្តូរតាមចិត្ត)";

    var espera=200;

    var refresco=null;

    function rotulo_title() {

    document.title=txt;

    txt=txt.substring(1,txt.length)+txt.charAt(0);


    refresco=setTimeout("rotulo_title()",espera);

    }

    rotulo_title();

    </script>

    ធ្វើអោយអណ្តែតមានអក្សរព៌ណនាដល់link
  • ចូលBlogger > Layout > Edit HTML (

  • ចូលទៅរក ]]></b:skin> vហើយcopy code ខាងក្រោមនេះចូល:

    .pict{


    background-color: #F9F9F9;

    border: 1px solid #CCCCCC;

    padding: 3px;

    font: 11px Arial;

    margin-left: auto;

    margin-right: auto;


    }

    .pict img{

    border: 1px solid #CCCCCC;

    vertical-align:middle;

    margin-bottom: 3px;

    }


  • Save មក template. ជាការស្រេច

  • ដើម្បីធ្វើអោយអណ្តែតមានអក្សរអធិប្បាយដល់link:

    <div class="pict" style="width:ជ្រុងទទឹង + 2px;"><img src="Link រូប"/>ព៌ណនាspan></div>

  • ដើម្បីងាយស្រួល demo :

    <div class="pict" style="width:252px;"><img src="http://www.khmeridea.com/templates/yoo_scoop/images/stripeslight/page_bg.jpg"/><div style="text-align: center;">ប្លក់ខ្មែរក្រោម</div></div>
    Continue Reading...

    ផ្លាសប្តូរbackgroundតាមចិត្ត

    ចូលទៅក្នុងEdit HTMLរួច Ctrl F ដើម្បីស្វែងរក{background:transparent url រួចផ្លាសប្តូរតាមចិត្តហើយ​save template។
    .rc_hd{background:transparent url(Linkរូប) left bottom;}/*olympia41124*/

    .rc_hd div{background:transparent url(Linkរូប) right bottom;}/*vietnam360plus.com*/

    .rc_bd{background:transparent url(Linkរូប) repeat-y;border-style:none;}/*olympia41124*/

    .rc_bd .rc_bc{background:transparent url(Linkរូប) repeat-y right top;border-style:none;}/*vietnam360plus.com*/

    .rc_ft{background:transparent url(Linkរូប) left top;}/*olympia41124*/

    .rc_ft div{background:transparent url(Linkរូប) repeat-x right top;}/*vietnam360plus.com*/

    #blast .tail {background:transparent;}/*olympia41124*/


    ផ្លាសប្តូbackground
    #sidebar-wrapper {
    background-image: url(Linkរូប);

    http://www.khmeridea.com/templates/yoo_scoop/images/stripeslight/page_bg.jpg-->



    BODY {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    BACKGROUND: #b6b8b1;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #111;
    LINE-HEIGHT: 145%;
    PADDING-TOP: 0px;
    FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif;
    TEXT-ALIGN: center
    }

    #wrap1 {
    BACKGROUND: url(/community/graphics/users/2/wrap1.gif) #acaea7 repeat-y left top;
    MARGIN: 0px auto;
    max-width: 882px
    }

    #wrap2 {
    BACKGROUND: url(/community/graphics/users/2/wrap2.gif) repeat-y right top
    }

    #topbar {
    BACKGROUND: #fff;
    MARGIN: 0px -10px;
    OVERFLOW: hidden;
    LINE-HEIGHT: 23px;
    HEIGHT: 28px;
    max-width: 852px
    }

    #content {
    CLEAR: both;
    BACKGROUND: #fff;
    MARGIN: 0px auto;
    POSITION: relative;
    TEXT-ALIGN: left;



    max-width: 812px;
    min-width: 739px
    }

    #footer {
    CLEAR: both;
    BACKGROUND: #fff;
    MARGIN: 0px auto;
    POSITION: relative;
    TEXT-ALIGN: left;
    max-width: 812px;
    min-width: 739px
    }


    http://img34.imageshack.us/img34/738/thachdo.gif
    Continue Reading...

    ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត



    ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត
    body{cursor: xxx;}


    a:hover{cursor:xxx;}




    ក្នុងនោះ xxx យើងជ្រើសរើសកូនកណ្តុរតាមចត្តនៅលើប្លក់របស់មិត្ត body គឺជាអំណាចកូនកណ្តុរប្រើលើផ្ទៃប្លក់, a:hover គឺជាអំណាចអោយកូនកណ្តុរអណ្តែតពេលដែលយើងដាក់កូនកណ្តុរលើlinks, មិត្តដាក់ពាក្យណាចូល xxx វានឹងអណ្តែតឡើងដូចខាងក្រោម:



    ក្នុងនោះxxx យើងជើសរើសកូនកណ្តុរតាមចិត្តលើផ្ទៃប្លករបស់មិត្ត, bodyគឺជាអំណាច់កូនកណ្តុរដែសប្រើប្រាសបានពេញផ្ទៃប្លក់, a:hover គឺជាអំណាច់កូនកណ្តុរអណ្តែតពេលដែលយើងដាកើកូនកណ្តុរលើ links, មិត្តប្តូរវា:

    pointer:Click the image to open in full size.

    crosshairClick the image to open in full size.


    n-resizeClick the image to open in full size.

    w-resizeClick the image to open in full size.

    ne-resizeClick the image to open in full size.

    nw-resizeClick the image to open in full size.

    moveClick the image to open in full size.

    waitClick the image to open in full size.

    helpClick the image to open in full size.



    ឬមិត្តអាចប្រើ 1 icons ស្អាតដើម្បីផ្លាសប្តូរកូនកណ្តុរលើប្លក់ដោយរបៀប, copy links




    body{cursor:url(xxx)}


    a:hover {cursor:url(xxx)}




    ២. ធ្វើអោយអណ្តែតឡើងបេះដូងពេលដែលយើងអូសកូនកណ្តុរដាក់លើ link



    មិត្តប្រើ CSS នេះ :




    a:hover


    {text-decoration:none;


    color:#D570EE;


    text-decoration:none;


    font-weight:bold;


    background-image:url(link រូប);}

    code ចូលក្នុង CSS មិត្តណា!


    a:hover
    {text-decoration:none;
    color:#D570EE;
    text-decoration:none;
    font-weight:bold;
    background-image:url(http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif);}

    a:hover {background-image:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif);}
    http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif
    http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif
    មិត្ត​អាចប្តូរ link រូប ខាងក្រោមនេះ:
    http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
    http://i10.glitter-graphics.org/pub/7/7300hpyshmxute.gif
    http://i1.glitter-graphics.org/pub/25/25641z48mdznjyh.gif
    http://i10.glitter-graphics.org/pub/707/707620lbi5rc3g3f.gif
    http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
    http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif
    http://i8.glitter-graphics.org/pub/655/655328pzbfenjsk7.gif
    http://i8.glitter-graphics.org/pub/761/761208civf7vumcn.gif
    http://i8.glitter-graphics.org/pub/16/16778jktza71y3u.gif
    http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
    http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
    http://i9.glitter-graphics.org/pub/185/185649d8sylcmsi8.gif
    http://i5.glitter-graphics.org/pub/11/11885e13o0o1a5v.gif
    http://i3.glitter-graphics.org/pub/715/715333mjcar13uxg.gif
    http://i2.glitter-graphics.org/pub/804/804832d8f704vlk6.gif
    http://i10.glitter-graphics.org/pub/16/16770gwdi5yck9n.gif
    Continue Reading...

    ប្រវត្តិព្រះពុទ្ធសាសនានៅខ្មេរ

    Continue Reading...
     
    ឡើងទៅខាងលើទំព័រ ចុះទៅខាងក្រោមទំព័រ