សួស្ដីអ្នកទាំងអស់ នៅក្នុងមេរៀនេះ អ្នកនឹងបានរៀនអំពី ការធ្វើឲ្យ Blogger របស់អ្នកមាន Responsive Theme
សូមធ្វើតាមជំហ៊ាន ខាងក្រោម ៖

1. Choose the right sidebar by going to Theme tab-Customize-Layout. (សូមមើលវីឌីអូ)

2. ស្វែងរកកូដខាងក្រោមនេះ នៅក្រោមពាក្យ <head> tag នៅក្នុង HTML.

<meta expr:content='data:blog.isMobile         ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"         : "width=1100"' name='viewport'/>

3. ហើយ ចម្លង ចម្លងកូដ ខាងក្រោមនេះ ទៅដាក់ជំនួស កូដខាងលើ:

<meta expr:content='data:blog.isMobile         ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"         : "width=1100"' name='viewport'/>

4. ស្វែងរកកកូដនេះ នៅក្នុងHDMI
]]></b:skin> to till ]]></b:template-skin>
ហើយចម្លងកូដខាងក្រោមទៅដាក់ជំនួសវិញ:

/*CSS for responsive theme*/

.post-body iframe{width:100%; display:block;}.post-body img{width:100%; display:block; margin:-5px;}
.separator a{margin-left:0px!important;margin-right:0px!important;}.post img{max-width:100%;height:auto;}
@media screen and (max-width:1024px){body{width:100%!important;padding:0;}.content-inner{overflow: hidden;}}

@media screen and (max-width:768px){.main-inner .column-center-outer, .main-inner .column-right-outer {float:none;width:100%!important;}     

.Header h1{font-size:35px;text-align:center;} .Header .description{font-size:13px;text-align:center;}

.footer-inner, .main-inner .column-center-inner, .main-inner .column-right-inner{padding:0;}}       

@media screen and (max-width:414px){.footer-inner .section, .main-inner .column-center-inner .section, .main-inner .column-right-inner.section {margin:10px;}}     

 @media screen and (max-width:320px){fauxcolumn-right-outer .fauxcolumn-inner{border-left:none;}.fauxcolumn-left-outer .fauxcolumn-inner{border-right:none;} footer-inner .section, .main-inner .column-center-inner .section, .main-inner .column-right-inner .section{margin:0;}     
       
]]></b:skin>

<b:template-skin>
     
<![CDATA[
   
body{width:1133px; margin:0 auto;min-width:$(content.width);}
.main-inner .column-right-outer{width:30%; float:right; margin-right:-$(main.column.right.width);}
.main-inner .column-center-outer{float:left; width:70%;}
#layout {min-width: 0;}
#layout .content-outer{min-width:0; width:800px; margin-left:1px;}
#layout .region-inner{min-width:0; width:auto;}       
body#layout div.add_widget{padding:8px;}
body#layout div.add_widget a{margin-left:32px;}       

]]></b:template-skin>

របៀបធ្វើ Blogger មានភាពបង្រួមទៅតាម ប្រភេទ Devices

1. Choose the right sidebar by going to Theme tab-Customize-Layout. (សូមមើលវីឌីអូ)

2. ស្វែងរកកូដខាងក្រោមនេះ នៅក្រោមពាក្យ <head> tag នៅក្នុង HTML.

3. ហើយ ចម្លង ចម្លងកូដ ខាងក្រោមនេះ ទៅដាក់ជំនួស កូដខាងលើ:

4. ស្វែងរកកកូដនេះ នៅក្នុងHDMI
]]></b:skin> to till ]]></b:template-skin>
ហើយចម្លងកូដខាងក្រោមទៅដាក់ជំនួសវិញ:

ចប់...........

Popular Posts

Subscribe Us

របៀបធ្វើ Blogger មានភាពបង្រួមទៅតាម ប្រភេទ Devices

1. Choose the right sidebar by going to Theme tab-Customize-Layout. (សូមមើលវីឌីអូ)

2. ស្វែងរកកូដខាងក្រោមនេះ នៅក្រោមពាក្យ <head> tag នៅក្នុង HTML.

3. ហើយ ចម្លង ចម្លងកូដ ខាងក្រោមនេះ ទៅដាក់ជំនួស កូដខាងលើ:

4. ស្វែងរកកកូដនេះ នៅក្នុងHDMI ]]></b:skin> to till ]]></b:template-skin> ហើយចម្លងកូដខាងក្រោមទៅដាក់ជំនួសវិញ:

ចប់...........

Popular Posts

Subscribe Us

4. ស្វែងរកកកូដនេះ នៅក្នុងHDMI
]]></b:skin> to till ]]></b:template-skin>
ហើយចម្លងកូដខាងក្រោមទៅដាក់ជំនួសវិញ: