Read More Button එක ලස්සන කරගමු


 කෙනෙක් comment එකක දාල තිබුනා කොහොමද read more කියන එක වෙනුවට පින්තූරයක් දාන්නේ කියලා. එයා try කරාට ඒක හරිගියේ නෑ කියලත් කිව්වා. ඉතින් මේක එයාට උපකාරි වෙයි කියලා හිතනවා... සහ මේ ගැන දන්නෙ නැති අයටත් උපකාරි වෙයි කියල හිතනවා. මම කියල දෙන්න යන්නේ අපිම හදාගත්තු read more button එකක් අපේ blog එකට දාගන්න විදිහයි. net එකෙන් search කරලා ගත්ත එකක් වුනත් මේ ක්‍රමයෙන් දාගන්න පුලුවන්. ඉතින් එහෙනං කියවලාම බලන්න.

මුලින්ම Layout වල තියෙන Edit HTML වලට යන්න.  ඊට පස්සේ Expend widget template කියන එක click කරන්න.  ඒක කරාට පස්සේ පහළ තියෙන code එක හොයාගන්න.

b:if cond='data:post.hasJumpLink'><div class='jump-link'><a expr:href='data:post.url + "#more"'>Read More </a></div></b:if >
ඒහෙම code එකක් හම්බවුනේ නැත්නම් පහළ තියෙන code එක හොයාගන්න බලන්න.
<a expr:href='data:post.url + "#more"'>Read More </a> 
ඔය දෙකෙන් එකක් තියෙන්නම ඕනි. එහෙම එකකුත් නැත්නම් පහළ කෝඩ් එක බලන්න. හැබැයි ඒක තිබුනොත් ඒක ස්ලෙක්ට් කරලා පළවෙනි කෝඩ් එක කොපි කරං ගිහිං රීප්ලේස් කරන්න
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

ඔය වගේ codes ඔයාගෙ Blog එකේ නැත්නම් ඔයාට එහෙම code එකක් ඇතුලු කරගන්න වෙනවා. ඒකට මුලින්ම <data:post.body/> කියන code එක හොයා ගන්න. ඒක හොයාගත්තට පස්සේ පහළ දීල තියෙන code එක ඒ ඔයා හොයාගත්ත code එකට පස්සේ copy කරගෙන ගිහින් paste කරන්න.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >
 දැන් හරි. දැන් ඔයා <a expr:href='data:post.url + "#more"'> කියන එක හොයාගන්න. දැන් එතින්න ඔයාට පහළ තියෙනවා වගේ code එකක් දැකගන්න පුලුවන් වෙයි.

Read More</a></div></b:if >
ඔය උඩ තියෙනවා වගේ පේන code එක දැන් select කරන්න. දැන් මම මේ පහලින් දෙන code එක ඒක උඩට paste කරන්න.
 <p align="Left"><img border="0" src="ඔබේ පින්තූරයේ URL එක"/></p></a>
</div>
</b:if >


 දැන් Save Template කරන්න.  වැඩේ හරියට කරානම් ඔයා වෙනස් කරපු සියල්ලම save වෙනවා.

දැන් Page Elements වලට යන්න. ඒකේ blog post යටතේ තියෙන Edit කියන එක click කරන්න. ඒකේ post page link text: කියන  එක ඉස්සරහින් තියෙන එක delete කරන්න. ඊට පස්සේ තිතක්(.) ටයිප් කරලා save ලබා දෙන්න. ඊට පස්සේ වැඩ හරි.

Demo එක බලන්න.

දැං කියන්නම් අපි හදාගත්තු පින්තූරයක් කොහොමද දාන්නේ කියලා. ඒකට ඔයා Picasa කියන site එකට යන්න. ඊට පස්සේ ඔයා gmail නම් පාවිච්චි කරන්නේ, එහෙමත් නැත්නම් gmail account එකක් තියෙනවනම් ඒක පාවිච්චි කරලා sign in වෙන්න. නැත්නම් ඉතිං Sign Up වෙන්න වෙනවා. කොහොම හරි ඔයා picasa එකේ ඇතුලට යන්න.  දැන් Upload කියල උඩම තීරැවක link එකක් තියෙනවා. අන්න ඒක click කරපුවහම ඔයාගෙ file එක තෝරලා දෙන්න හරි Drag and Drop කරන්න හරි කියනවා. කැමති විදිහකට කරන්න. ඊට පස්සේ ඔයාගෙ පින්තූරෙ upload වුනාට පස්සේ save කරන්න. ඊට පස්සේ ඒ පින්තූරේ open කරගන්න. open උනාට පස්සේ right click කරලා Copy image URL දෙන්න. දැන් අර අදාල තැනට copy කරගත්තු එක paste කරන්න.

එහෙනං ඔන්න මම ගියා.

Share on Google Plus

10 comments:

  1. yaluwe mama eka kara oya dipu eka code ekakwath nane mafe html eke

    ReplyDelete
  2. mata oyawa skype eka haraha meet wenna puluwanda???????? dan hari kamak na

    ReplyDelete
  3. mage skype id eka madusha.dumith

    ReplyDelete
  4. madusha said...

    එහෙනම් ඔන්න ඕක තියෙනවද බලන්න. ඕක තියෙනවනම් ඕක select කරලා මම උඩ දීළ තියෙන තුන්වෙනි කෝඩ් එක කොපි පේස්ට් කරන්න

    ReplyDelete
  5. samawenna yalu oka kiwe mokatada

    ReplyDelete
  6. යාලුවා. කෝඩ් එක comment වලින් දාන්න බෑ. මම පෝස්ට් එක අප්ඩේට් කරා. ඒක බලන්නකෝ

    ReplyDelete
  7. ammee King aiiye Aula thibbe Mata Loku udauwak Goddaaaak Thanxxx

    ReplyDelete
  8. mea code eka nahane? monada karanne?

    ReplyDelete
  9. හ්ම්ම්ම්ම්ම්ම්ම්................ මරු.....
    ස්තුති යාළුවා.....

    ReplyDelete

ඔබට මෙම ලිපිය පිළිබඳ හෝ වෙනත් කාරණයක් පිළිබඳ ගැටළුවක් ඇත්නම් මා හට දන්වන්න.