Facebook Comment Box එකක් ඔයාලගෙ Blog එකට දා ගමු...

 

ඔන්න මම දදෙන්න යන්නෙ මම ගොඩාක් කල් හොයපු දෙයක් ඇත්තටම මම මගෙ බ්ලොග් එකට මෙ comment box එක දා ගන්න ගොඩාක් මහන්සි වුනා ඒ වගෙම හැම තැනම හෙවුව.. ඔයාල දන්නවනෙ උත්සහ වන්තයා ජය ගන්නව කියල ඔන්න ඉතින් අන්තිමට මම ජය ගත්ත..

ඇත්තටම දැනට තියන Blogger comment box එකේ comment එකක් දාන්න ගියාම security code වගේ දේවල් අහන නිසා ගොඩක් අය ඒකට කැමති නෑ. 

ඔයාගේ Blog ඒකට Comment අඩු වෙන්න මේකත් එක හේතුවක් තමයි..

ඒක නිසා මම හිතුව ඔයාලටත් මෙක කියල දෙන්න......


ඔන්න එහෙනම් අපි වැඩෙ පටන් ගමු..

මුලින්ම මේකට ඔයාගේ Blogger comment box එක remove කරන්න ඕනේ. මේකට අලුත් User Interface 1 use කරන අයටයි, පරණ ක්‍රමේ use කරන අයටයි ක්‍රම 2 ක් තියනවා..

New Interface Users: dashbord >> settings >> posts and comments >>> Comment Location

Old Interface Users: dashbord >> settings >> comments
(මේක තේරෙන්නේ නැත්නම් www.blogger.com වලට ගිහින් ඔයාගේ blog 1 select කලාම dashboard එකට යනවා..)
මෙතනින් comment location > Hide දෙන්න..





දැන් ඔයාට Template ඒකට යන්න අවශ්‍ය වෙනවා. මේ සදහා.......


New Interface Users: dashbord >>> template >>> Edit Html >>> Proceed

Old Interface Users: Dashbord >> Design >> Edit Html

වලට යන්න..





මෙතැන Expand Widget Templates යන්න click කරන්න..



දැන් Google chrome, firefox use කරන අය Ctrl + f මගින් find වෙත ගොස් <data:Post.body/> ලෙස type කරන්න.

දැන් මේ code 1 එතනට paste කර save කරන්න..


<h3>Post Comment</h3>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='500'/>




ඔයාට මෙතන මේ තියන code එකේ Post Comment කියලා තියන එකට ඔයාට කැමති විදියකට දෙන්න පුලුවන්....
(මමනම් දාලා තියෙන්නේ "වැඩේ කොහොමද කියල comment එකකුත් දාලා යන්න ඈ" කියලා )



දැන් ඉතින් Save Template දීල ඔයාලගෙ බ්ලොග් එකට ගිහින් බලන්නකො.....

වැඩෙ කොහොමද කියල බලල මට Like,follw පාරක් එහෙම   
...........................................................................................දාන්ඩ ඈ....

Facebook Like Box එකක් ඔයාලගෙ බ්ලොග් එකට දා ගමුද..

ඉතින් කොහොමද කස්ටියට අවුරුදු එහෙම සරුද....
ඔන්න මම අද කියලා දෙන්න යන්නේ මේ වගේ Fb Like Box එකක් කොහොමද ඔයාලගේ Blog එකට දාගන්නේ කියලා.

මුලින්ම මේ link එකට යන්න.(ආ ඊට කලින් කියන්න ඔන මෙක කරන්න නම් ඔයාලට facebook page එකක් තියෙන්න ඔන...)   Get Like Box Code... හරි දැන් ඕකේ ඔය Facebook Page URL කියන එකට ඔයගේ fb page එකේ නම දෙන්න. (http://www.facebook.com/****** ) තව ඔයාලට අවශ්‍ය විදිහට ඕකේ වෙනස්කම් කරගන්න. ඔයාලට ඕන විදිහට පෙනුම හදාගත්තට පස්සේ Get Code කියන එක click කරන්න. දැන ලැබෙන Popup Box එකේ IFRAME කියන එක Click කරන්න. දැන් ඔය Code එක copy කරගන්න......

හරි දැන් Blogger Dashboard > Layout යන්න.

දැන් Sidebar කොටසේ Add a Gadget click කරන්න.

දැන් ලැබෙන Window එකේ HTML/JavaScript යන්න Click කරන්න.

දැන් ලැබෙන Window එකේ ඔයාලා Copy කරගත් Code එක Paste කරගෙන Save කරන්න.

දැන් වැඩේ හරි දැන් ඔයාලගෙ බ්ලොග් එකට ගිහින් බලන්නකො වැඩෙ කොහොමද කියල....

ඔන්න එහෙනම් මතක් කරල Like,Follw පාරක් එහෙම දාලම යන්න ඈ.... 

Twitter Bird කෙනෙක් ලෙසියෙන්ම බ්ලොග් එකට එකතු කරගන්න...

ඉතින් කොහොමද යාලුවනේ.. ඔන්න මම අද වෙනස්ම දෙයක් දෙන්න යන්නෙ...
මම අද ඉදල ඔයාලට blog වැඩ කැල්ලි ටිකක් දෙන්න හිතුව.... ඔන්න එහෙනම් මගේ පලවෙනි බ්ලොග් වැඩකැලි පෝස්ට් එක.....

මුලින්ම මම ලස්සන Twitter කුරුල්ලෙක් ඔයාලගෙ බ්ලොග් එකට දාන හැටි කියල දෙන්න යන්නෙ...
මගෙ Blog එක පුරා මෙයා පියාබනවා ඔයාලා දකින්න ඇතිනෙ.(දැක්කෙ නැත්නම් Blog එකෙ වට පිට බලන්න).
මෙයා Blog එකෙ එහෙ මෙහෙ පියාබනවා. Blog එකෙ තැන තැන වහලා ඉන්නවා. මෙ වගෙ කුරුල්ලෙක් දා ගත්තම Blog එකට අමුතුම ලස්සනක් වගේම අමුතුම ගතියක් එනවා.
ඒ වගේම
follow me කරගන්න පුලුවන්......


එහෙනම් බලමු වැඩෙ කරන්නෙ කොහොමද කියල..

මුලින්ම මෙක Copy කරගන්න...

 <!-- Twitter Bird Widget for Blogger by Help World --> <script type="text/javascript" src="https://helpworld.googlecode.com/svn/trunk/tripleflap.js"> </script> <script type="text/javascript"> var twitterAccount = "samantha indika"; var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; tripleflapInit(); </script> <span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Help World' href="http://www.helpworld.cc.cc" target='_blank'>www.helpworld.cc.cc</a></span> <!-- Twitter Bird Widget for Blogger by Help World -->                
 

ඊට පස්සෙ ඔයාලගෙ බ්ලොග් එකට ගිහින්  Design එකෙ Edit HTML කියන එකට ගහින් Ctrl + F තද කරන්න.
එතකොට  Search Bar එකක් මතු වෙනවා. එකෙ </body> කියලා ගහලා Enter කරන්න.එතකොට පහලින් තියන Pictures වගෙ වින්ඩො එකක් ලැබෙයි...අලුත් කස්ටියගෙ මෙ වින්ඩො එක ටිකක් විතර වෙනස් වෙයි එහෙම වුනා කියල වෙනසක් නෑ....





එකෙ </body> කියන තැනට උඩින් අර Copy කර ගත්ත එක Paste කරන්න. එකෙ කහ පාටින් තියන samantha indika කියන එක වෙනුවට ඔයාලට Twitter Account එකක් තියනවා නම් එ නම දාන්ඩ. ඔයාලට Twitter Account එකක් නැත්නම් ඔය නමම තිබ්බ කියල අවුලක් වෙන්නෙ නැහැ...
ඊට පස්සෙ දැන් "Save Template" කියලා දීලා ඔයාලගෙ Blog එක පැත්තෙ ගිහින් බලනකොට පොඩි නිල් පාට කුරුල්ලෙක් Blog එක පුරා රවුම් ගහනවා දකී.......

ඔන්න එහෙනම් වැඩෙ ඉවරයි මෙක ඔයාලත් දාලා... වැඩෙ කොහොමද කියල කියන්නකෝ...



ඔන්න එහෙනම් මම යනවෝ..... මතක් කරල Like,Follw පාරක් එහෙම දාල යන්න  ඈ....