IceTea

<h1 class="post-title entry-title">
</h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-TIJnKbVRyMg/UlvV8XaSioI/AAAAAAAAJz4/_OZWn3YjKWc/s1600/Untitled-1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://3.bp.blogspot.com/-TIJnKbVRyMg/UlvV8XaSioI/AAAAAAAAJz4/_OZWn3YjKWc/s640/Untitled-1.jpg" width="640" /></a></div>
  
 ចំពោះអ្នកប្រើ template ដែលទាញយកពីគេហទំព័រផ្សេងស្រាប់ៗ 
មិនសូវខ្វល់ពីការកែច្នៃរូបរាងអ្វីទេ 
ព្រោះភាគច្រើនគេបានរចនាស្អាតៗហើយ តែចំពោះអ្នកប្រើ template ដែល
 Blogger ផ្ដល់ឲ្យប៉ុន្មានម៉ូដនោះ ប្រាកដជាចង់រចនាបន្ថែមទៀត 
ព្រោះរាល់ template ទាំងនោះមើលទៅសាមញ្ញពេក។ 
ក្នុងគន្លឹះខ្ញុំសូមបង្ហាញពីការដាក់ពណ៌ផ្ទៃ (Background) 
ឲ្យរាល់ចំណងជើងរបស់ Widget (ធាតុក្រាហ្វិក) 
ដែលជាធម្មតាមានត្រឹមអក្សរទទេ មិនមានអ្វីសោះ។ ចង់ដឹង? 
សូមមើលរបៀបដាក់ខាងក្រោមនេះ ៖<br /><a href="https://www.blogger.com/null" name="more"></a><br /><h3>
<span style="color: #0066ff;">៙ របៀបដាក់ពណ៌ផ្ទៃ Background ឲ្យចំណងជើង Widget ៖</span></h3>
- កត់ត្រាចូល (Log In) ក្នុងគណនី <a href="http://www.blogger.com/" target="_blank">Blogger</a> របស់លោកអ្នកជាមុនសិន។<br />- ចូលដល់ក្ដារបញ្ជាសូមចូលទៅ <b>Template</b> >> <b>Edit HTML</b> .<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-DXuv0jHsRNE/UlvKNacwOTI/AAAAAAAAJzM/YbM51C9IIQA/s1600/10-14-2013+5-39-20+PM.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-DXuv0jHsRNE/UlvKNacwOTI/AAAAAAAAJzM/YbM51C9IIQA/s640/10-14-2013+5-39-20+PM.png" width="640" /></a></div>
<br />- រកមើលស្លាក <span style="color: #38761d;"><b><b:skin>...</b:skin></b></span> ដោយចុចលើសញ្ញាព្រួញពណ៌ខ្មៅដែលនៅពីមុខវា<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-rho5gL9LOno/UkEBFkp5kJI/AAAAAAAAJmM/XxFw748xWfM/s1600/1111.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="http://1.bp.blogspot.com/-rho5gL9LOno/UkEBFkp5kJI/AAAAAAAAJmM/XxFw748xWfM/s640/1111.gif" width="640" /></a></div>
<br />- រមូលចុះ (scroll down) ទៅដល់ <span style="color: #38761d;"><b>]]></b:skin></b></span><br />- ចម្លងកូដខាងក្រោម យកទៅបិទភ្ជាប់<b>ពីលើ</b>ស្លាក <span style="color: #38761d;"><b>]]></b><b></b:skin></b></span> រួចហើយអ្នកអាចចុច Preview template ដើម្បីមើលសាកសិន , បើត្រឹមត្រូវហើយសឹមចុច <span style="background-color: orange;"><b> Save template </b></span> ជាការស្រេច។ <i>មើលរូបខាងក្រោមនេះ</i><br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZtQ5Bbs1OHM/UlvTLa0MuhI/AAAAAAAAJzs/9ucKp5E3kMg/s1600/10-14-2013+5-50-08+PM.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="378" src="http://4.bp.blogspot.com/-ZtQ5Bbs1OHM/UlvTLa0MuhI/AAAAAAAAJzs/9ucKp5E3kMg/s640/10-14-2013+5-50-08+PM.png" width="640" /></a></div>
<i> </i> <br /><br /><span style="color: #0b5394;"><i><b><span style="font-size: medium;">៙ កូដពណ៌ផ្ទៃ Background ឲ្យចំណងជើង Widget (មានគែមជ្រុង) ៖</span></b></i></span><br /><div style="background: #222222; border: 2px solid #0066ff; color: white; height: auto; overflow: auto; padding: 8px;">
.sidebar h2 {<br />text-align: center;<br />background-color: <span style="color: #0066ff;">#0066FF</span>;<br />padding: 5px ;<br />color: #ffffff;<br />}</div>
<br />- background-color: <span style="color: #0066ff;">#0066ff</span> : អ្នកអាចដូរតម្លៃពណ៌ទៅជាពណ៌ដែលអ្នកចូលចិត្ត។<br />- text-align:center : សម្រាប់តម្រង់អក្សរចំណងជើង Widget មានជា center=កណ្ដាល, left=ឆ្វេង, right=ស្ដាំ ។<br />- color : ជាពណ៌របស់អក្សរចំណងជើង Widget ។<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-SH4nSF0zL3E/UlvTDHF3YKI/AAAAAAAAJzk/W-V64CjDinM/s1600/10-14-2013+4-57-09+PM.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="238" src="http://4.bp.blogspot.com/-SH4nSF0zL3E/UlvTDHF3YKI/AAAAAAAAJzk/W-V64CjDinM/s320/10-14-2013+4-57-09+PM.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">text-align: left</td></tr>
</tbody></table>
<br /><span style="color: #0b5394;"><i><span style="font-size: medium;">៙ កូដពណ៌ផ្ទៃ Background ឲ្យចំណងជើង Widget (មានគែមមូល) ៖</span></i></span><br /><div style="background: #222222; border: 2px solid #0066ff; color: white; height: auto; overflow: auto; padding: 8px;">
.sidebar h2 {<br />text-align: center;<br />background-color: <span style="color: #0066ff;">#0066FF</span>;<br />border-radius: 15px; <br />padding: 5px ;<br />color: #ffffff;<br />}</div>
<br />- border-radius: 15px : សម្រាប់ធ្វើឲ្យគែមមូល តម្លៃលេខកាន់តែធំ គែមកាន់តែមូល។<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-y5VjKcecbag/UlvSuDDDGOI/AAAAAAAAJzc/EvvGhQXqXTA/s1600/10-14-2013+6-16-19+PM.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="268" src="http://3.bp.blogspot.com/-y5VjKcecbag/UlvSuDDDGOI/AAAAAAAAJzc/EvvGhQXqXTA/s320/10-14-2013+6-16-19+PM.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">text-align: left និង border-radius: 15px</td></tr>
</tbody></table>

របៀបដាក់ពណ៌ផ្ទៃ Background ឲ្យចំណងជើង Widget

ចំពោះអ្នកប្រើ template ដែលទាញយកពីគេហទំព័រផ្សេងស្រាប់ៗ មិនសូវខ្វល់ពីការកែច្នៃរូបរាងអ្វីទេ ព្រោះភាគច្រើនគេបាន...

របៀប​ដាក់​ពណ៌​ផ្ទៃ​ Background ឲ្យ​ចំណងជើង Widget

របៀបដាក់ពណ៌ផ្ទៃ Background ឲ្យចំណងជើង Widget