Translate Up ile blog’uğunuzu birden fazla dilde yayınlayın

Bir önceki yazımızda blog ziyaretçilerimizin istekleri doğrultusunda yeni uygulamalar hazırlayıp bloglarına ekleyebilecekleri gadgetlar haline getireceğimizi belirtmiştik.

Translate Up adını verdiğimiz bu uygulama da daha önce tanıttığımız Translate İs alternatifi olbilecek bir uygulama.

Kendi uygulamamızı kısaca tanıtmak istersek uygulamayı blog’uğunuza gadget olarak ekledikten sonra kenar çubuğuna yerleşen ülke bayrakları sayesinde Google translateyi kullanarak blog’uğunuza kullanılan yaygın bir çok dil seçeneği ekleyebiliyorsunuz.

Test edebilmeniz için ünlü test blog'uğumuza ekledik Uygulamayı test et.

Aslında Gooogle translate’nin blogger için bir gadgetı bulunuyor fakat bu uygulama çevirileri farklı bir sayfada açarak yapıyor ve blog’uğunuzun tepesine kendi penceresini yerleştiriyor bizim uygulamamızda ise çeviriyi sayfayı yenilemeden ve penceyi gizleyerek yapıyor.

Sayfanın çevirildiğini belirtmek için sayfanın tepesinde sayfa çeviriliyor diye birde uyarı mesajı ekledik tabi uyarı kendiliğinden kapancak.

Uygulamamaızda şuan özelleştirme imkanı bulunmuyor, kodlara müdehale ederek istekleriniz doğrultusunda özelleştirebilirsiniz koddan anlamayan blog ziyaretçilerimiz içinse ilerleyen günlerde renk ayarları gibi bası özelleştime seçenekeleri sunabileceğimiz ve uygulamanın daha farklı versiyonlarını yayınlamayı düşünüyoruz

Translat Up’ı blog’uğunuza ekleyin

<style type="text/css"> a#translate-uper{ width:92px; background-color: #222 ; float:left; margin:5px 0px 0 5px; padding: 4px 0 2px 4px; color:#ddd; border:1px solid #222; -moz-border-radius: 4px; -webkit-border-radius: 4px; } span.translate-flag{ width:63px; float:left; margin:-3px 0px 0 3px; padding: 0px 0 2px 0px; color:#ddd; } #translate-up-inner { background: transparent ; padding:5px; } #translate-top{ top:0px; left:0px; background-color:#111; opacity:.9;filter:alpha(opacity=90);padding:7px; color:#fff; font:normal 12pt arial; padding: 5px 5px 0px 10px; position:fixed; display:none; width:100%; height:30px; border-bottom:2px solid #000; text-shadow:0 1px 0 #ccc; z-index:1000; } </style> <span id="preserveb0649ca8b08c447785076301ebbd7ddc" class="wlWriterPreserve"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script></span> <span id="preservee15863762ee74496b0e0d46f0e5cd051" class="wlWriterPreserve"><script src="http://jquery-translate.googlecode.com/files/jquery.translate-1.3.7.min.js"></script></span> <span id="preserved7b4b3b5f2554f86873f4bc6d05d6d3c" class="wlWriterPreserve"><script src="http://translate-bar.googlecode.com/files/jquery.cookie.pack.js"></script></span> <span id="preserve6ed4163faf6041fe9bf8fd3cffe98851" class="wlWriterPreserve"><script type="text/javascript"> $(document).ready(function(){ $(".translate-up").click(function(){ $("#translate-top").delay(200).slideDown(800).delay(8000).slideUp(700); }); }); </script></span> <span id="preserve320f79bc5e5f4d7fa88dd9ec068cc59e" class="wlWriterPreserve"><script> lang = '' if (lang != '' ){ $.cookie('destLang', lang ); }; //jquery-translator with cookies var destLang = $.cookie('destLang'); if( destLang ) { $( function() { $('body').translate('tr', destLang); }); } </script></span> <div id="translate-up-inner"> <a onclick="$.cookie('destLang', 'en' ); $('body').translate( 'tr', 'en'); " class="translate-up" id="translate-uper" href="javascript:;" title="English"> <span class="translate-flag">English </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmEzFQThltbxyS72Exk0GTScbTTPBXMkRPFGDxnUeS6y5Ak6uw1sxMHfJgAXibrJYoP7TPAwgxMcP-EFH94pbaIs2STmJNBun0e9bt8UVj36d8tBZc2Amsyh8hrSU1sPJSPagkKYC3EQw/s1600/gb.gif" alt="English" border="0" /></a> <a onclick="$.cookie('destLang', '' ); $('body').translate( 'tr', 'de');" class="translate-up" id="translate-uper" href="javascript:;" title="Deutsch"><span class="translate-flag"> Deutsch</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwv1MuptoAdclF19103W9__-TuAqbd3d4VoyoefWJN3NKA0KppKCgjiFKc8gpIk_w9KejO2gnOWs_rKEG2iaCjKF4Z9LHFL9s-bTZeHU9ssGEumTc1FpW6DtIzRaUj3TIFPYgkQItbCds/s1600/de.gif" border="0" /></a> <a onclick="$.cookie('destLang', 'fr' ); $('body').translate( 'tr', 'fr');" class="translate-up" id="translate-uper" href="javascript:;" title="Français"><span class="translate-flag"> Français </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwN6L3Y0No6yvaEns1qDd4xkn8m30ZD2yjG6vNA0sFlEQcqAdQZdBj1cTKWIDa2LpxKwQa9zIsmlLuR-wrE_nDZFR6U21Ukw47ln0YymBTTBejNUSkc5oh6pno5ebeZpPb-dIhsqlqZxU/s1600/fr.gif" alt="French" border="0" /></a> <a onclick="$.cookie('destLang', 'es' ); $('body').translate( 'tr', 'es');" class="translate-up" id="translate-uper" href="javascript:;" title="Español"><span class="translate-flag"> Spanish </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZekgBD9XfUAa3IxLED-WO5bKJw2kniGoBLQQTop5d2ZALT89uWHwxdiP2ezRJQHkMWmnd56XCE1df2sQxObHQMC7xk4sueBMkCKtVXtTHxxko5MkVsF7gbrTZ4WmMD8IDueuRyJRBuRU/s1600/es.gif" alt="Spanish" border="0" /></a> <a onclick="$.cookie('destLang', 'it' ); $('body').translate( 'tr', 'it');" class="translate-up" id="translate-uper" href="javascript:;" title="Italiano"><span class="translate-flag"> Italiano </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4y2ditE8Hei-veF_v7i7VGrtIqaSydkhnKD7gVh4DU6nJthyphenhyphenZZaxsOD7x_9rdJCviU2DB5M0-4Rfb97n3ErS9DXUIhJAShKuMHixjhtAqT9Vcn0m1jLWFtblBIzsd1k7yTW0E_Hm2IZc/s1600/it.gif" alt="Italian" border="0" /></a> <a onclick="$.cookie('destLang', 'pt' ); $('body').translate( 'tr', 'pt');" class="translate-up" id="translate-uper" href="javascript:;" title="Português"><span class="translate-flag"> Portugue </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGVbaey41ZQ4241TbBnubjOkB8E92q0enPGiNaq8a2X32Hv_37L0_1c5DIqc7gTB6tvDYYNQsY0rU_5c1e_uOL0tJh2oA2TK1KgRkOhA8cnhdgRQ5yHY-mMYLc1tB5m9v9uCGomevt3c/s1600/pt.gif" alt="Portuguese" border="0" /></a> <!-- <a onclick="$.cookie('destLang', 'nl' ); $('body').translate( 'tr', 'nl');" href="javascript:;" title="Nederlandse"> <img src="templates/gm_tf_jq_2//pix/languages/nl.gif" ALT="Nederlandse" border="0"></a> --> <a onclick="$.cookie('destLang', 'pl' ); $('body').translate( 'tr', 'pl');" class="translate-up" id="translate-uper" href="javascript:;" title="Polska"><span class="translate-flag"> Polska </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-UpMnv8c-2k31r0zFDjoAG_eUiGon8BhVzigSzoZ6Kageeq0XcgzTiZI2Ora048KCuQ0b-JV3WXIr2Txb4a_u7UUQoUlZnUDuFj3c3rdT72k-ZKASvudLjl1qNazqpf7yhJ3nwClGVc/s1600/pl.gif" alt="Polska" border="0" /></a> <a onclick="$.cookie('destLang', 'da' ); $('body').translate( 'tr', 'da');" class="translate-up" id="translate-uper" href="javascript:;" title="Danske"><span class="translate-flag"> Danske</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbmeB8dVuIJ70Zci-yeowmXPK-9izFdn9Gtp3dLbejxlc9Bww4KXkOxlHaDrxOGvVt4plLsdUTKCHNIQNzjuOEskxNVLa0L2oeKyDYu51HX1QWuIkx8Nu1P-W-M1Zge3Nu0xMbNKmnMQ/s1600/dk.gif" alt="Danske" border="0" /></a> <a href="http://www.bloggermodifiye.com/2011/02/translate-up-ile-blogugunuzu-birden.html" class="translate-up" id="translate-uper" target="_blank" title="Danske">Traslate Up » </a> <div class='clear'></div> <div id="translate-top"> <-- Please wait while the page is being translated --> </div> </div>