Tutorial Unik Blogspot (2) - Floating Vertical Google Translator

Tutorial Unik Blogspot (2)

Bismillah...

Lihat dulu Bagian Pertamanya, liat juga Demonya.

Sekarang kita masuk ke Tutorial Unik Blogspot (2), postingan ini seharusnya terkonsentrasi pada hari Sabtu atau Minggu tapi berhubung kemarin adminnya kesiangan heheh...jadi postingan di percepat hari ini.

Sekilas Tentang Pentingnya Translator WEB

Yang make Internet ini bukan hanya kita saja bro & sist yang notebene adalah orang Indonesia tapi bisa menjangkau siapa saja hingga kepenjuru dunia. Berhubung Blog adalah salah satu bagian dari internet yang bisa menjangkau orang yang paling bawah peta dan orang yang paling atas peta, maksudnya orang yang tinggal di kutub utara dan kutub selatan gitu heheh...., bahkan tanpa sengaja pun kita biasa nyasar ke blog-blog asing, blognya orang-orang Bule gitu maksudnya. Kan kasihan kalau orang-orang bule yang nyasar itu sampai bingung menatap blog kita, kagak ngerti bahasa Indonesia. Lagian dengan adanya Translator Web bisa menaikan trafik pengunjung asing. Langsung saja kita ke TKP.
Pemasangan Floating Vertical Google Translator ini sangat simple, gk perlu cari kode ini & itu lalu copas kode ini diatas kode itu heheh..., cukup dengan Penambahan Gadget HTML/dan masukkan kode dibawah ini, Save dan Lihat hasilnya.

<div class='widget-content'> <div style="text-align: center; position: fixed; top: 10px; left: 10px;"><a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" 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 alt="English" title="English" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2zg1evnI/AAAAAAAAA28/PZAUBaDqImw/United-Kingdom-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" title="French" src="http://lh5.ggpht.com/_TWC8zfBIdik/S_q2l0MnTLI/AAAAAAAAA2Y/CJnwMIyv9Tk/France-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" title="German" src="http://lh6.ggpht.com/_TWC8zfBIdik/S_q2l0kQqeI/AAAAAAAAA2c/EP1z8LGTLbE/Germany-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" title="Spain" src="http://lh4.ggpht.com/_TWC8zfBIdik/S_q2zkpTh4I/AAAAAAAAA24/-dFiq_U7wpk/Spain-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" title="Italian" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2l9I16lI/AAAAAAAAA2g/Y7ZzowQXZKM/Italy-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" title="Dutch" src="http://lh4.ggpht.com/_TWC8zfBIdik/S_q2udVMSeI/AAAAAAAAA2o/dYsGmtf0nZw/Netherlands-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" title="Russian" src="http://lh6.ggpht.com/_TWC8zfBIdik/S_q2uQeOlGI/AAAAAAAAA2s/2E4uGfq9ZBo/Russia-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" title="Brazilian" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2lmuuugI/AAAAAAAAA2Q/p9ge_WyEsC8/Brazil-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" title="Japanese" src="http://lh5.ggpht.com/_TWC8zfBIdik/S_q2uOd-1hI/AAAAAAAAA2k/Qg5qjoVc_G8/Japan-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" title="Korean" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2unoC31I/AAAAAAAAA20/gPtk7BgZ30M/South-Korea-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" title="Arabic" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2uRqjEmI/AAAAAAAAA2w/x9EH12G-Vno/Saudi-Arabia-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2lsja_bI/AAAAAAAAA2U/f7tvdHVh7NU/China-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a></div><style></style><br /> <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> </div>

Yang jago bahasa HTML silahkan bereksperimen *smile

Lihat Demonya.

Sumber Script: Mycommunity