blogger page html codes ေတြ တင္တဲ့အခါ html codes ေတြကို ေဘာင္ခတ္လို႕ရတဲ့ကုတ္ေလးေတြပါ

Box Style 1

The box style 1 code

.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjexjQcUJ1VoNzzuXj_IoZQL30P3cZf_TlJwwRRMMR8kZlxes0g6uSmRi25m7J9zPnY5kRHfzfYsSMwvFby33UouxRleeVJjzr1_UGxLwQpS9n4Zyf1O4lumrqIUdIZ_jKyUyl-_KtEyOAi/s1600/codeview1.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

Box Style 2

The box style 2 code

.code{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFnX8hVaYTYQnCmYjlwrkl9QPGItlbgX_TfKiF-iYTnZqXEGuCN0UgNslpPLHTtnhfN6EhNldlCAmhyphenhyphenRfPYOwhh_4M2H2fqu2WQqcl8tiNn0rsoroHiN2FMZD1Yc6N_PWTu5Lu9MuZh6m/s1600/codeview2.gif) no-repeat left top;
border : 3px solid #eeeeee;
color : #7D7D7D;
}

Box Style 3

The box style 3 code

.code {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSkhOCqc_HA1D_a9WYImS8GXDlphW8vuxvpwtq9eQuwK0swumgen7rSQmu4um-EnM9keCWjeoLe_7g933jNAcQ78_1n0zVJLHWhiE5lmL0D61yPH3lwb_TY_wwjVwMY7FOT-uv0QAvUx89/s1600/codeview3.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #BFBFBF;
}

Once you Choose your favorite box, copy it’s code and go to your blogger account, navigate to Dashboard >> layout >> edit html > and find the following code and paste your code box af

Box Style 4

The box style 4 code

.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDRb28Eciv9sY960k_F8IQdY-ErbmhaazLrU2xIRqIiYnE5dyVddWHajUp2T5kUlrrVMBQaW9XAqdlD8fQ2kRlufE6FY_jIMr-56ZVVs6UCoXC55t5G92qvyFfnntQr8fynYHgkaXPVw8/s1600/codesbg1.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675;
}

 ခု ဘယ္လိုအတ္ရမလည္းေျပာပါ့မယ္ အရင္ဆံုး blogger Dashboard >> layout >> edit html
ကို သြားပါ ျပီးရင္ 

]]></b:skin> ဒီကုတ္ေလးကိုရွာပါ မရွာတတ္ရင္ ctrl+z ကို ႏွိပ္ျပီး ေအာက္မွာေပၚလာတဲ့ box ေလးမွာ]]></b:skin>

ဒီကုတ္ကို  paste လုပ္ျပီးရွာႏိုင္ပါတယ္ ျပီရင္ေတာ့ save လုပ္လိုက္ရင္ရပါျပီး

    အညတရမင္းသားေလး