៙ ដាក់រូបភាពពណ៌ស-ខ្មៅ (រូបបែបអតីតកាល) នៅក្នុងប្លុក ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)
- រកមើលស្លាក <b:skin>...</b:skin> ដោយចុចលើសញ្ញាព្រួញពណ៌ខ្មៅដែលនៅពីមុខវា
- រមូលចុះ (scroll down) ទៅដល់ ]]></b:skin>
- ចម្លងកូដខាងក្រោមទៅបិទភ្ជាប់ នៅពីលើស្លាក ]]></b:skin> រួចហើយសូមចុច Save template ជាការស្រេច។ (មើលឲ្យច្បាស់ពី ទីតាំងដាក់កូដ)
កូដដែលត្រូវយកទៅដាក់នៅខាងលើស្លាក ]]></b:skin>
/*black and white image hover effect*/
#bnw a {
text-align: center;
display: block;
color: #888;
font-size: 11px;
}
#bnw a:hover {
text-decoration: none;
color: #222;
}
#bnw img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
opacity:0.6;
filter:alpha(opacity=60);
}
#bnw img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
opacity:1.0;
filter:alpha(opacity=100);
}
#bnw a {
text-align: center;
display: block;
color: #888;
font-size: 11px;
}
#bnw a:hover {
text-decoration: none;
color: #222;
}
#bnw img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
opacity:0.6;
filter:alpha(opacity=60);
}
#bnw img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
opacity:1.0;
filter:alpha(opacity=100);
}
*** របៀបប្រើ ៖ នៅពេលដែលអ្នកចង់ប្រើ លើរូបណាមួយ (រូបដែលចង់ឲ្យបង្ហាញពណ៌ ស-ខ្មៅ) អ្នកត្រូវដាក់កូដ HTML ដូចខាងក្រោមនេះ ៖
<div id="bnw"><img src="IMAGE URL" height="250" width="300"/></div>
៙ ពន្យល់កូដ ៖ នៅត្រង់ "IMAGE URL" គឺជាដំណរូបភាពរបស់អ្នក។
0 Response to "ដាក់រូបភាពពណ៌ស-ខ្មៅ (រូបបែបអតីតកាល) នៅក្នុងប្លុក និងចេញពណ៌ធម្មតា ពេលដាក់កណ្តុរពីលើ"
Post a Comment