ဘယ္ဘက္မွာ ေပၚတဲ႔ Read More ကို ညာဘက္သို႔ေရႊ႕နည္း

How to Change Jump Break (Read More) Font, Color & Background Color in Blogger Template Designer

What is Jump Break or Read More Link?

If you don't know anything about Jump Break or Read More links, please read the following article in the official Blogger help.

1.  
   
2. Scroll down a bit and you'll see this code:
3. ေအာက္ကကုတ္ကိုရွာ ေတြ႔ရင္ ေအာက္ကကုတ္ကို သူ႔ေအာက္မွာ ထည္႔ေပးပါ
   

   /* Variable definitions
   ====================

   Tip: Windows users can press 'Ctrl + f' to fing the code.
4. Replace the above code with the following code:
   

   /* Variable definitions
   ====================
   
      <Group description="Read More" selector=".jump-link">
        <Variable name="readmore.font" description="Font" type="font"
            default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 30px 'Courier New', Courier, FreeMono, monospace"/>
        <Variable name="rm.link.color" description="Link Color" type="color" default="#FFFFFF" value="#666666"/>
        <Variable name="rm.link.hover.color" description="Link Hover Color" type="color" default="#222222" value="#f5f5f5"/>
      </Group>
   
      <Group description="Read More Background" selector=".jump-link">
        <Variable name="rm.bg" description="Background Color" type="color" default="#00000" value="#222222"/>
      </Group>

5. After that, find ]]></b:skin> and replace it with the following code:
6. ဒီကုတ္ကိုထပ္ရွာပါ]]></b:skin>ေတြ႔ရင္ သူ႔အေပၚမွာ ေအာက္ကကုတ္ထည္႔ေပးလိုက္ပါ

   .jump-link { float: right; font: $(readmore.font); background: $(rm.bg); }
   .jump-link a, .jump-link a:visited { color: $(rm.link.color); }
   .jump-link a:hover { color: $(rm.link.hover.color);  }
   

အေရာင္ေျပာင္းခ်င္ရင္ ေအာက္ပါနည္းအတိုင္းလုပ္ၾကည္႔ပါ

1. Now, save your template.
2. After saving template, open the 'Template Designer'.
3. In 'Template Designer', expand the Advanced tab and you'll see "Read More Link" tab at the top.
4. 
5. You can change the font, color and background color and instantly see the preview. However, changes in hover link color will not be visible in the preview.
6. After customizing the Jump Break or Read More link, click 'APPLY TO BLOG' link to save your changes.

Credit.... http://www.betatemplates.com/2011/02/change-jump-break-read-more-font-color.html