Saturday, 22 December 2012

Insert JumpLink button for blog post





Post ေတြမွာ တ၀က္ဘဲေဖာ္ၿပၿပီး ဆက္ၾကည့္ခ်င္ရင္ Readmore link လုပ္တဲ့ဟာေလးပါ...။
Blogspot ရဲ႔ေနာက္ပုိင္း Update design ေတြမွာ insert jumplink ဆုိတာပါၿပီးသားပါ ..

ပထမ ဦးဆုံး Design>Edit HTML ကေနၿပီး the Expand widget templates box ကို check လုပ္ေပး select ေပးေပးပါ။. ၿပီးရင္ Control F ကို တဲြႏွိပ္ပါ။ၿပီးရင္



<b:if cond='data:post.hasJumpLink'> ကို ရုိက္ၿပီး ကုဒ္ကုိရွာပါ
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
ဒီအတုိင္းေတြ႔ပါလိမ့္မယ္...။ အဲ့ဒီအခါက်ရင္
အေပၚက ကုဒ္ေတြအားလုံးကို ေအာက္က code ေတြနဲ႔အစားထုိးလုိက္ပါ...


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a target="_self" expr:href='data:post.url + "#more"' expr:title='data:post.title'> <input name="ဆက္လက္ဖတ္ရႈ႕ရန္.." value="ဆက္လက္ဖတ္ရႈ႕ရန္.." onmousemove="this.style.color='red'" onmouseout="this.style.color='blue'" onclick="this.style.color='green'" type="button" border="3px" /> <data:post.title /></a>
</div>
</b:if>


template ကုိ SAVE လုိက္ပါ...။ New post ကိုသြားၿပီးေရးၾကည့္ပါ..။
ၿပီးရင္ ကိုေဖာ္ၿပခ်င္တဲ့ post မွာ တ၀က္ေလာက္ေနရာမွာ ေအာက္ပါအတုိင္းေပးပါ..။



အေပၚကပုံအတုိင္း post ကုိေခါက္ၿပီးသားၿဖစ္သြားမွာပါ..ဆက္စပ္ေလ့လာၾကည့္ပါ ...Thank !!!
 

No comments:

Post a Comment