Minggu, 10 November 2013

Make Link Share One Google Account be Alive

Seperti yang sudah kita ketahui bersama, perusahaan Google sedang melakukan perombakan besar-besaran pada setiap produknya. Alhasil tampak jelas disana-sini tampilan² yang diremajakan terlihat menjadi lebih fresh. Tengok perubahan tampak depan dari halaman blogger features Satu yang pasti perubahan terjadi juga pada bagian sesi sign in google accounts. Di samping perubahan, penambahan produk jg dilakukan oleh pihak google. Contohnya yaitu google web designer Mungkin sobat sudah pada lebih tahu dari pada saya :P

Old Blogger FeaturesNew Blogger Features
old-blogger-featuresnew-blogger-features

Satu yang mencuri perhatian gue ketika melihat tampak muka sign account google, tepatnya pada bagian bawah nampak 7 buah icon! AA pikir ada link hidup yg akan mengarah kemana. Ternyata memang gambar doang bro :P Koben akan menanamkan link hidup disana dengan mamakai gambar tersebut. Gunanya terserah kalian untuk apaan :))one-google
Jika sobat mau resolusi asli gambar one google, saya sudah buatkan di codepen. Rasakan cdpn.io/BfxGb Kalau mau sedikit imut², berikut ramuan yg mesti di godog.

one-google

Save dan hostingkan gambar tersebut! Koben buatkan inline style CSS nya, urusan penempatan terserah masing²
<div style="position:relative;width:210px;height:17px;margin:15px auto">
<img alt="" src="HOST-GAMBAR-ONE-GOOGLE" style="display:block;margin:0 0;padding:0 0;border:none;outline:none;max-width:none;max-height:none;" height="17" width="210" />
<a href="GOOGLE-PLUS-LINK" title="Google Plus" style="display:block;width:14px;height:15px;position:absolute;top:0px;left:196px;">
</a>
<a href="GOOGLE-PLAY-LINK" title="Google Play" style="display:block;width:16px;height:15px;position:absolute;top:0px;left:165px;">
</a>
<a href="GOOGLE-YOUTUBE-LINK" title="YouTube" style="display:block;width:19px;height:15px;position:absolute;top:0px;left:97px;">
</a>
<a href="GOOGLE-DRIVE-LINK" title="Google Drive" style="display:block;width:15px;height:15px;position:absolute;top:0px;left:65px;">
</a>
<a href="GOOGLE-MAIL-LINK" title="Google Mail" style="display:block;width:21px;height:15px;position:absolute;top:0px;left:30px;">
</a>
<a href="GOOGLE-SEARCH-LINK" title="Google Search" style="display:block;width:16px;height:15px;position:absolute;top:0px;left:0px;">
</a>
<a href="GOOGLE-MAPS-LINK" title="Google Maps" style="display:block;width:16px;height:15px;position:absolute;top:0px;left:133px;">
</a>
</div>
Gantikan tulisan gede-gede tersebut jangan lupa! Semoga bermanfaat :)
Happy blogging \m/

Tidak ada komentar:

Posting Komentar