tag:blogger.com,1999:blog-72572574414278126162014-10-01T21:32:40.316-07:00AoP EnglishOur Widget customizations and few personal stuff...Bima Aria Shiddiqnoreply@blogger.comBlogger2125tag:blogger.com,1999:blog-7257257441427812616.post-47956836278025697752009-06-04T14:34:00.000-07:002009-06-04T15:09:06.136-07:00Watch Hunting<span style="font-size:130%;"><span style="font-weight: bold;">The Citizen Eco-Drive WR-100</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://fc01.deviantart.com/fs44/i/2009/155/d/2/Eco_Drive_WR_100_by_BacKStbrZ.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 196px;" src="http://th01.deviantart.com/fs44/300W/i/2009/155/d/2/Eco_Drive_WR_100_by_BacKStbrZ.jpg" alt="" border="0" /></a><br /><br />A watch i bought just yesterday...<br /><br />The Citizen Eco-Drive WR-100...<br /><br />A watch with high technology that doesnt use battery.... For its power it uses a solar cell instead...<br /><br />Well I didn't bought the watch though... "I bought the technology"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.mywatchshop.co.uk/wp-content/uploads/2008/11/eco-drive-diagram.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 393px; height: 551px;" src="http://blog.mywatchshop.co.uk/wp-content/uploads/2008/11/eco-drive-diagram.jpg" alt="" border="0" /></a><br /><br />This watch is not sold anywhere anymore... i was so lucky i bought it for $15, the original price was much higher... the cheapest eco-drive would be arround 80$ ( with a much more ugly design)<br /><br />I got that info afteri went to an official citizen distributor to recondition the capacitor of the watch.... (that cost me $25 and a week for waiting the sparepart from japan)<br /><br />These watches (WR-100) would be arround +$200...<br /><br />I love Pawn Shops! they sell it so low coz they dont what they sell....Bima Aria Shiddiqnoreply@blogger.com3tag:blogger.com,1999:blog-7257257441427812616.post-71294676694949462852009-05-22T23:32:00.000-07:002009-05-23T07:59:36.637-07:00Custom GooGle Translate Widget on Blogger<span style="font-size:130%;">What is Google trans??</span><br /><br /><span style="font-weight: bold;font-size:130%;" >Google Translate</span><br /><br /><blockquote><div style="text-align: justify;"><span style=";font-family:times new roman;font-size:130%;" >It's translation produced by state-of-the-art technology, without the intervention of human translators. Automatic translation is also often referred to as machine translation.</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >the translator was developed by Google's research department...</span><span style="font-size:130%;"><br /></span></div><span style="font-size:130%;"><br /></span></blockquote><span style=";font-family:times new roman;font-size:130%;" >After a while google provided their own developed widget, It turned to be very usefull when you are translating english to other languages... vice versa.</span><span style="font-size:130%;"><br /><br /></span><br /><br /><span style="font-weight: bold;font-family:times new roman;font-size:180%;" >The regular widgets would usually appear like this :</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_cSRSs4wu9-w/ShejNDA4j2I/AAAAAAAAABk/nC6LoYhepfM/s1600-h/googlewidgy.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 182px; height: 98px;" src="http://2.bp.blogspot.com/_cSRSs4wu9-w/ShejNDA4j2I/AAAAAAAAABk/nC6LoYhepfM/s400/googlewidgy.JPG" alt="" id="BLOGGER_PHOTO_ID_5338915327813652322" border="0" /></a><div style="text-align: center;"><blockquote><span style="font-size:180%;">you can register your own google widget <a href="http://translate.google.la/translate_tools?hl=en">here</a></span></blockquote></div><br /><span style=";font-family:times new roman;font-size:130%;" >But thats not the main reason i published this tutorial, The main reason was...</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >I'm a sick guy, i ask a lot!... but sometimes you don't get the answers... by the way, its not only the main reason...</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >I love graphic interface customization, i would like to give the stuff on my website to have my own taste.... So basically i wanna make the widget to swiver like the anouncements you see on airports...</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >why airports? because airports are international! it is full with many people from different races, countries and Planets??</span><span style="font-size:130%;"><br /><br /></span><span style="font-size:130%;">All the other stuff i saw by googling only told me to "hey copy this to your face", for me it's kinda hmmm what do you call it?? oh! "un - educational" so...<span style="font-weight: bold;">.</span><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >It really started to make me really curious to know when a fellow indonesian modified his own widget on http://anangku.blogspot.com, the widget looks actually like this with an embeded code following to his website.</span><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_cSRSs4wu9-w/Shegdmwnu1I/AAAAAAAAABc/ssvTaRBcBaE/s1600-h/FLAG.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 205px; height: 68px;" src="http://3.bp.blogspot.com/_cSRSs4wu9-w/Shegdmwnu1I/AAAAAAAAABc/ssvTaRBcBaE/s400/FLAG.JPG" alt="" id="BLOGGER_PHOTO_ID_5338912313752140626" border="0" /></a><div style="text-align: center;"><blockquote><span style="font-size:180%;">you can see it <a href="http://anangku.blogspot.com/2008/09/google-translate-bahasa-indonesia.html">here </a></span></blockquote></div><span style=";font-family:times new roman;font-size:130%;" >I really wanted to ask it how it worked, but you know... i could feel really ashamed asking him to give him his knowledge for free...</span><span style="font-size:130%;"><br /><br /></span><span style="font-size:130%;">Btw It really looked like mad-T's Modified Google Trans.....<br /><br />You can see it <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/">HERE</a><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >so what i did was, to paste his code into my notepad... and did some research on the code...</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >This is what i found... some of you maybe already know but im going to tell you anyway.</span><span style="font-size:130%;"><br /></span><br /><br /><br /><span style="font-size:180%;">HOW DOES IT WORK?<br /></span><br /><br /><span style=";font-family:times new roman;font-size:130%;" >Google translates Language based on LANGPAIRS, it's simply your own language and another language which you want to translate into.</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >What kinds of language that is available to be translated by Google Trans?</span><span style="font-size:130%;"><br /></span><br /><span style="font-size:180%;"><br /></span><div style="text-align: center;"><span style="font-size:180%;"><span style="font-family:times new roman;">you can find them </span><a style="font-family: times new roman;" href="http://www.google.com/intl/en/help/faq_translation.html">here</a><br /></span></div><br /><br /><span style=";font-family:times new roman;font-size:130%;" >After you know what kinds of language that google can translate, now you must know how the code really works.</span><span style="font-size:130%;"><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >i wouldn't brutally ask you to do it yourself, so let's check it out...</span><span style="font-size:130%;"><br /><br /><br /></span><span style=";font-family:times new roman;font-size:130%;" >The Code :</span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_cSRSs4wu9-w/ShenZwbNmdI/AAAAAAAAABs/h81g5PprC_4/s1600-h/the+code.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 214px;" src="http://2.bp.blogspot.com/_cSRSs4wu9-w/ShenZwbNmdI/AAAAAAAAABs/h81g5PprC_4/s400/the+code.JPG" alt="" id="BLOGGER_PHOTO_ID_5338919944208619986" border="0" /></a><br /><ul><li><span style="font-size:130%;">The Text Coloured in</span><span style="color: rgb(255, 0, 0);font-size:130%;" > red</span><span style="font-size:130%;"> is the "title" you can type in what language you want to translate into, my choice is italian since i really want to go there... :D</span></li></ul><span style="font-size:130%;"><br /></span><ul><li><span style="font-size:130%;">The Text Coloured in </span><span style="color: rgb(0, 0, 153);font-size:130%;" >Blue</span><span style="font-size:130%;"> is your "Own Language" the Text after "%7C" is the language you want to translate into, it is coloured in </span><span style="color: rgb(204, 51, 204);font-size:130%;" >violet</span><span style="font-size:130%;">.</span></li></ul><span style="font-size:130%;"><br /></span><ul><li><span style="font-size:130%;">The </span><span style="color: rgb(51, 255, 51);font-size:130%;" >Green</span><span style="font-size:130%;"> text is the source of the image you want to use.</span></li></ul><span style="font-size:130%;"><br />Basicly by editing the codes above you can assemble yourself a custom code, But to do that you must first know the language "id's" to put into....<br /><br />I personally did that by checking the link provided by the "FAQ" google provided for us. Now i will tell you "exclusively"...<br /><br />The Language pair id's are :<br /><br /><span style="color: rgb(255, 0, 0);">Arabic "ar"</span><br /><span style="color: rgb(255, 0, 0);">Bulgarian "bg"</span><br /><span style="color: rgb(255, 0, 0);">Canadian "ca"</span><br /><span style="color: rgb(255, 0, 0);">Italian "it"</span><br /><br />okay thats the example, you may now click <a href="http://www.google.com/intl/en/help/faq_translation.html">this</a> to know for yourself, LOL!!!<br /><br />Now i assume you already made a "taste of your own customized widgy"<br /><br />So i'm gonna explain how to make the stuff swiver arround.<br /><br />It's simply done by using the marquee code. It would simply look like this :<br /><br /></span><span style="color: rgb(153, 153, 255);font-size:130%;" >< div style="overflow:hidden;height:30px;width:180" ></span><span style="font-size:130%;"><br /></span><span style="color: rgb(153, 153, 255);font-size:130%;" >< marquee scrolldelay="50" direction="left" onmouseover="this.stop()" style="width=300px" onmouseout="this.start()" scrollamount="4" ></span><span style="font-size:130%;"><br /><br /></span><div style="text-align: justify;"><span style="font-size:130%;">Okay you've done the "div" code, now its time to put the code you created recently and end it with a </span><span style="color: rgb(153, 153, 255);font-size:130%;" >"</div>"</span><span style="font-size:130%;"><br /><br /></span><span style="font-size:130%;">now you'll have the effect of the google trans widget on my sidebar, but only flag is swivering...<br /><br /></span><span style="font-size:130%;">Okay now i've told you what i have found...<br /><br /></span><span style="font-size:130%;">you may copy this to your blog by simpling "add gejet (gejet is indonesian for gadget)" than "add html/javascript" copy paste into it...</span><br /></div><br /><div style="overflow: scroll; height: 269px; width: 500px;" align="left"><br /><div style="overflow:hidden;height:30px;width:180"><br /><marquee scrolldelay="50" direction="left" onmouseover="this.stop()" style="width=300px" onmouseout="this.start()" scrollamount="4"><br /><a style="cursor:pointer; " target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false; "><img border="0" alt="English" style="cursor:pointer; " src="http://3.bp.blogspot.com/_KL7_V6HnzdI/SN3XCb32jyI/AAAAAAAABTA/rzl27g2sKeA/s320/english.jpeg" height="20" title="English" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en'); return false; "><img border="0" alt="French" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ6YKkvI/AAAAAAAABRg/LjZULAz9R8g/s320/french.jpg" height="20" title="French" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en'); return false; "><img border="0" alt="German" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ40Sm3I/AAAAAAAABRo/Q2O9aHB-bWE/s320/german.jpg" height="20" title="German" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en'); return false; "><img border="0" alt="Spain" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ5TeKRI/AAAAAAAABR4/n-XIUMlMFjc/s320/spanish.jpg" height="20" title="Spain" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en'); return false; "><img border="0" alt="Italian" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZxnaB_I/AAAAAAAABRw/Oz7n09quInQ/s320/italian.jpg" height="20" title="Italian" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=en'); return false; "><img border="0" alt="Dutch" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3Jik1jeqI/AAAAAAAABSo/-aBxInd6w_I/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en'); return false; "><img border="0" alt="Russian" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3LzIo5VYI/AAAAAAAABSw/wrF9OOQaREU/s320/russian.jpeg" height="20" title="Russian" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpt&hl=en'); return false; "><img border="0" alt="Portuguese" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZxKyHLI/AAAAAAAABSA/1F3l_X-QRWs/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en'); return false; "><img border="0" alt="Japanese" style="cursor:pointer; " src="http://2.bp.blogspot.com/_KL7_V6HnzdI/SN3JiXqVOUI/AAAAAAAABSI/R-HtgGYiXlU/s320/japan.jpg" height="20" title="Japanese" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en'); return false; "><img border="0" alt="Korean" style="cursor:pointer; " src="http://4.bp.blogspot.com/_KL7_V6HnzdI/SN3Jic7D82I/AAAAAAAABSQ/DumkmputQVs/s320/korean.jpg" height="20" title="Korean" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en'); return false; "><img border="0" alt="Arabic" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JitvLxwI/AAAAAAAABSg/PTs6D3zolg8/s320/arab.jpeg" height="20" title="Arabic" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en'); return false; "><img border="0" alt="Chinese Simplified" style="cursor:pointer; " src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JiQNoV7I/AAAAAAAABSY/-v8xIVgB3rU/s320/china.jpg" height="19" title="Chinese Simplified" align="absbottom"/></a><a style="cursor:pointer; " target="_blank" rel="nofollow" title="AoP" onclick="window.open('http://www.visualphilology.co.cc(location.href)return false; "><img border="0" alt="Edited by AoP" style="cursor:pointer; " src="http://fc08.deviantart.com/fs45/f/2009/143/9/b/logo_by_BacKStbrZ.jpg" height="20" title="ArtofPerception" align="absbottom"/></a><br/><br/></marquee></div></div><br /><br /><br /><span style="font-style: italic;">Thankzallot for reading, You may share to if you like :D<br /><br /><span style="font-size:85%;">Bima "BacKStbrZ" Aria, 24 Mei 2009</span><br /></span><br /><br /><div style="text-align: center;">__________________________________________________</div><br /><div style="text-align: center;"><a href="http://www.blogger.com/%22http://digg.com/submit?phase=3&url=%22%20+%20data:post.url" target="_blank"><img src="http://digg.com/img/badges/16x16-digg-guy.png" alt="Digg!" width="16" height="16" /></a> <a href="http://www.blogger.com/%22http://del.icio.us/post?url=%22%20+%20data:post.url%20+%20%22&title=%22%20+%20data:post.title" target="_blank"><img alt="Del.icio.us" src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" /></a><a href="http://www.blogger.com/%22http://www.furl.net/storeIt.jsp?u=%22%20+%20data:post.url%20+%20%22&t=%22%20+%20data:post.title" target="_blank" title="Add to Furl"><img alt="Furl" src="http://fc05.deviantart.com/fs42/f/2009/143/e/6/FURL2_by_BacKStbrZ.gif" width="16" height="16" /></a><a href="http://www.blogger.com/%22http://cgi.fark.com/cgi/fark/edit.pl?%20new_url=%22%20+%20data:post.url%20+%20%22&new_comment=%22%20+%20data:post.title" target="_blank" title="Bookmark to Fark"><img src="http://www.fark.com/favicon.ico" alt="Fark" border="0" width="16" height="16" /></a><a href="http://www.blogger.com/%22http://www.netvouz.com/action/submitBookmark?url=%22%20+data:post.url%20+%20%22&title=%22%20+%20data:post.title" target="_blank" title="Bookmark to Netvouz"><img alt="Netvouz" src="http://www.netvouz.com/web/images/netvouz16.gif" width="16" height="16" /></a> <a href="http://www.blogger.com/%22http://slashdot.org/slashdot-it.pl?op=basic&url=%22%20+%20data:post.url" target="_blank" title="Slashdot It!"><img src="http://images.slashdot.org/favicon.ico" alt="Slashdot" border="0" width="16" height="16" /></a><br /><br /><a href="http://www.addthis.com/feed.php?pub=backstbrz&h1=http%3A%2F%2F&t1=" onclick="return addthis_open(this, 'feed', 'http://')" alt="Subscribe using any feed reader!" target="_blank"><img src="http://s7.addthis.com/static/btn/sm-feed-en.gif" alt="Subscribe" style="border: 0pt none ; width: 83px; height: 16px;" /></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script></div>Bima Aria Shiddiqnoreply@blogger.com0