බ්ලොගයේ පොස්ට් අතරට දාන Html code වලට දෙමු පොඩි ගතියක් PART 2 9

 මම ඔයාලට දෙන්න යන්නේ කලින් දුන්න Html code Highlight එකට වඩා වෙනස් එකක් එක තමා මම පාවිච්චි කරන්නෙත්..ඉතින් ඔයලා කැමති නම් මේක දා ගන්න මම ඔයාලට උදව් කරන්නම්..මම පහල කියල තියෙන
විදියට වැඩ ටික කරන්න.

පලමුව ඔයාලා Layout >> Edit Html >> යන්න..මතක ඇතුව Expand Widget Templates තැනට හරිය දෙන්න..දැන් ඔයලා යතුරු පුවරුවේ Ctrl+F යතුරු එක වර ඔබන්න..දැන් ඔයාලට ලැබේයි සේර්ච් බාර් එකක්.

එතන ]]></b:skin> කියලා ටයිප් කරන්න..දැන් ඔයලාගේ HTML box එකේ මේ code එක Highlight වෙලා තියෙනවා පෙනෙයි..දැන් ඔයලා ]]></b:skin> කොඩ් එකට උඩින් මම පහල දිලා තියෙන කොඩ් එක Copy,Past කරන්න..

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

දැන් Template එක Save කරන්න... Save Template 

දැන් ඔයාලා පොස්ට් එකක් ලියනකොට මොකක් හරි කොඩ් එකක් Highlight කරලා පෙන්වන්න ඔනේ නම් පහල දිලා තියෙන කොඩ් එක පොස්ට් එකට කොපි,පෙස්ට් කරලා කොඩ් එකේ දම් පාටින් ඇති තැනට ඔයාලා දාන්න බාලපොරොත්තුවන කොඩ් එක දාන්න.


<div class="code">

Your generated code should added here 

</div>

වැදගත්

අපි Highlight කරන්න ඔනේ කොඩ් එක Your generated code should added here  තැනට දානකොට එම කොඩ් වල උඩින් සහ යටින් තියෙන කොඩ් 2කට නොගැවන සේ ඔයලා දාන්න බාලාපොරොත්තුවන කොඩ් එක දාන්න..එම කාර්ය නිවරදිව උනේ නැත්නම් අපි දාන්න බාලාපොරොත්තුවන කොඩ් එක  Highlight වි පෙන්වන්නේ නැ.


ඉට පස්සේ පොස්ට් එක publish කරලා බලන්න ඔයාලා දලා තියෙන කොඩ් එක Highlight වෙලා තියෙනවාද කියලා ..

කොහොමද වැඩේ...
මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න..

ඔබට ජය