Google Translate widget එක ඔබේ වෙබ් අඩවියට

සමහර වෙලාවට අපි බ්ලොග් කියවන්නෙ නිවසේ හෝ තමන්ගෙ පරිගණකයෙන් නොවෙන්න පුළුවන්, එතකොට කොමෙන්ට් කිරීම් වැනි කටයුතු වලදී ඒ පරිගණකයේ සිංහල යුනිකේත නොතිබුණොත් සිංග්ලිෂ් වලින්, එහෙමත් නැති නම් Online tool එකක පිහිට පතන්න අපිට සිදු වෙනවා.
එහෙමත් නැත්නම් බ්ලොග් නොලියන ඇනෝ කෙනෙක් වගේ බොහෝ විට කොමෙන්ට් කරන්නෙ සිංග්ලිෂ් වලින්.. ඔවුන්ට උදව්වක් වෙන්නයි, වෙබ් අඩවියේ බහුතර කොමෙන්ට් යුනිකෝඩ් කරගන්නයි පුළුවන් වෙන්න Google Translate IME එක වගේම පොඩි Widget එකක් බ්ලොග් එකට/වෙබ් එකට දාගමුද ?

මේ මගේ බ්ලොග් එකේ වම් පැත්තෙ පහල තියෙන "සිංහල" කියන පොඩි Button එක Click කරල බලන්නකෝ, ඔක්කොම පැහැදිලි වේවි.. ඕක කිසිම කරදරයක් නැති අහිංසක, ඒත් ප්‍රයෝජනවත් widget එකක්..  ඕක ලේසියෙන්ම වෙබ් අඩවියට එකතු කරගන්න හැටි දැන් කියන්නම්..

• ◘ ඔයාට තියෙන්නෙ blogger blog එකක් නම් Dashboard එකට log වෙලා Template >> Edit HTML වෙත යන්න. වෙනත් වෙබ් අඩවියක නම් කෙලින්ම Code View එකට Edit කරගන්න.
• ◘ දැන් Ctrl + F ගහල </head> ටැග් එක හොයා ගන්න.
• ◘ දැන් </head> ටැග් එකට ඉහලින් මේ පහත කේතය Copy - Paste කරගන්න.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
  $(function() {
$('#toggle2').click(function() {
 $('.toggle2').toggle();
 return false;
});
  });
 </script>

මේ කේතයෙන් තමයි jquery plugin එකයි form action එකේ main function එකයි call කරන්නෙ.

• ◘ දැන් ඊළඟට blogger කට්ටිය blog එකේ Layout වෙත ගිහිල්ල HTML/JavaScript widget එකක් අරගෙන මේ පහත code එක ඒකට copy -paste කරගන්න.
• ◘ අනිත් වෙබ් අඩවි සඳහා </body> ටැග් අතරෙ කැමති තැනකට මේ කොටස ඇතුලත් කර ගන්න..
  

<div style="bottom: 4px; position: fixed; left: 4px; z-index: 2000; border:thick" >
<a href="#" id="toggle2"><img src="http://goo.gl/ltTTQ8" title ="Singlish වලින් වචනය ලියා space bar හෝ Enter Press කරන්න." /></a>
<p class="toggle2" style="display:none;"><iframe src="http://goo.gl/qJY76n" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:120px; text-align:center;" allowtransparency="true"></iframe></p>
</div>

මේකෙ තියෙන්නෙ ගොඩක් සරල method එකක්.. javaScript සහ css, jquery වැඩ්ඩොන්ට නම් මේක දැක්කම හිනා යාවි මංතුමාට නම් මේක පැටලි පැටලි customize කරගන්න දවස් දෙකක්ම ගියා. අවුලක් නෑ මේක කරගන්න ගිහින් අළුතින් ඉගෙනගනිපු ටික මාරම වටිනවා..

Google Translate වල header js file එක textbox එකකට point කරනවා. ඒක iframe එකකින් මෙතන පෙන්නනවා, සරලව එච්චරයි.

********************************************************************* 

මීට කලින් හදපු Data ඉතිරි කරන බ්ලොග් කියවනයත් තවම වැඩ කරනව හොදේ

Code ගනිපු අඩවි : http://css-tricks.com , http://stackoverflow.com , http://tamilcube.com/

********************************************************************* 

---

බ්ලොග් මිතුරු මිතුරියන් කිහිප දෙනෙක්ම බ්ලොග් ජීවිතයට සමු දීලා ඔවුන්ගේ බ්ලොග් සම්පූර්ණයෙන්ම ඉවත් කරගෙන..
♠ ළිහිණිගේ ජීවිතය ලියපු ළිහිණි
♠ Sanjaya සිතුවිලි ලියපු සංජය
♠ ~ තටු සිඳුනු කිරිල්ලී ~
♠ !!!නඟාගේ ලෝකය!!! ලියපු නඟා
♠ .:: කටු මැටි ගේ ::. ලියපු හිත හොඳ (last update 7 months ago)
♠ BLOG ගඩොල් (last update 5 months ago)
♠ Bunny ගේ සිතුවිලි ලියපු බනියා (last update 7 months ago)
♠ dreams (last update 8 months ago)
♠ e - අටුවාව ලියපු හසිත (last update 5 months ago)
♠ හා පැටික්කි (MS) (last update 8 months ago)
♠  හූණු පිටුව ලියපු හූණා
♠ Shagg's zone ලියපු ශැගියා
♠ ..::අහිංසකී ::..
♠  ~~~සිහින නිම්නය~~~ ලියපු දඟකාරී
♠  කට කහන කතා ලියපු දුමී (last update 8 months ago)
♠  අක්ෂර   (last update 8 months ago)
♠  අනන්තය ලියපු සිත්කවි
♠ අමුතු කතාවක් ලියපු මුචලින්ද
♠ ඇත්ත කතා ලියපු ගීතක
♠ ඇහිපිල්ලම යට ලියපු උමංගනා
♠ කටු සටහන ලියපු ඉසුරු
♠ කුරුල්ලෙක් මං ලියපු කුරුල්ලා
♠ ගැහැණු ලමයි ලියපු ලිහිණි
♠ තාරාගේ සිතුවිලි ලියපු තාරා
♠ නිසූගේ කතා ලියපු නිසූ
♠ නීල දිගන්තේ ලියපු ආශා
♠ පංසල් හන්දිය

මං follow කරන බ්ලොග් වලින් තව බොහෝමයක් තියෙනවා.. ඒවයින් සමහරක් link එකක්වත් දාන්න හොයා ගන්නවත් නෑ