Home » » Tutorial Unik Blogspot (2) - Floating Vertical Google Translator

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
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Rohis Facebook

+ Create Comment + 16 Responses so far.

7 Desember 2011 16.03

keren yah kalau ada terjemahannya :-D

7 Desember 2011 20.51

jadi berada di samping kiri ya sob :D mantap juga ya bisa terbang seperti superman #lebay :)) ahhaa

7 Desember 2011 23.48

Sangat menarik sobat, bisa terbang hehehe.Izin menyimak ya, soalnya belum handal di HTML masih newbie hehehe

8 Desember 2011 06.35

keren gan tombol translatenya :)

8 Desember 2011 13.09

Woow keren Gan,bisa translate ke Arabic yach.Ijin pake,makasih ya.Happy blogging.

8 Desember 2011 15.16

jiah al jafara@
iya.., perlu translator web ini prlu tuk setiap blog..,

Farixsantips@
bisa dikanan juga bro.., silahkan diacak2 scripx..

Bisnis Online Blog@
sama bro, sy juga newbi.., silahkan acak2 scripx untuk penempatan kiri & kananx

8 Desember 2011 15.19

Cirebon-Cyber4rt@
iya sob...

Er'end@
silahkan.., penempatan kanan & kiri bisa di atur pada scrip ini :

center; position: fixed; top: 10px; left: 10px

8 Desember 2011 15.43

yupz. sangat menarik dan perlu di coba. karena anememang belum pakai traslator. kalau tidak nganggu sript yg lain nanti ane pasang:D thnks sob

8 Desember 2011 21.47

floatingnya bisa diganti ama gambar2 lain kan sob? coba dulu ah. biar blog rame dikit

8 Desember 2011 21.56

Wisata Murah@
sama2 bro..,semoga bekerja scripx..

rusydi hikmawan@
iya bisa sob...,

10 Desember 2011 14.11

hahahah nice widget bisa melayang

12 Desember 2011 08.46

kren sob jika ada terjemahannya, tks infonya boleh dicoba nih sob

12 Desember 2011 09.59

asuransioke@
iya silahkan.., smg bermanfaat..!

12 Desember 2011 21.07

wessh mantab okeyy mksh sob hihih iya simple banget ga perlu ke menu edit HTML hahah

12 Desember 2011 21.19

Green KLOPERER@
iya simple.., makasih juga telah memakaix..., semoga sukses sodara *smile

1 April 2012 05.20

Wiihh... keren nih, letaknya di samping, ane malah baru tau ada yang di samping kayak gini, terima kasih atas tutornya sob, ane langsung coba nih

Posting Komentar

Terima Kasih banyak atas saran dan kritiknya.

Sama seperti peraturan yang dibuat oleh para blogger pada umumnya.., cuma disini saya harapkan agar para pengunjung untuk lebih fokus pada artikel kami yang bertemakan Agama (Islam), khususnya untuk saudara-saudari kami yang Muslim dan Muslimah.

0. Yang OOT silahkan masuk ke menu Buku Tamu/Blogwalking!
1. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
2. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
3. Harus Sopan
4. Admin tidak meladeni Debat kusir
5. Bercanda gk boleh ada unsur pornonya dan unsur Bohongnya
6. Silahkan melampirkan link Mati, gk boleh link hidup