Cara membuat widget Sosial Media Melayang - Berbagai cara untuk menghemat ruang pada postingan blog. Salah satu cara adalah menambahkan widget melayang baik di kanan, kiri, atas dan bawah, itu tergantung kebutuhan. Penempatan widget secara tepat akan membuat blog menjadi tambah keren, namun dapat sebaliknya blog bisa menjadi lambat jika salah dalam memilih widget.
Terlepas dari semua pertimbangan tersebut, berikut adalah pembuatan sosial media melayang di kanan blog. Cara mudah yang dibagikan adalah menempatkan kode langsung pada gadget HTML/Javascript. Sehingga jika widget tersebut mengganggu atau bosan dapat dihapus dengan mudah.
Login ke dasboard blog Anda
- Pilih Tata Letak/Layout
- Pilih Add a gadget / Tambahkan Gadget
- Pilih HTML/JavaScript
- Kemudian copy dan pastekanlah kode script di bawah ini kedalam gadget HTML/Javascript.
<!--stickysocial_dock-->
<style type='text/css'>
.stickysocial {
background: #ffffff;
position: fixed;
top: 35%;
right: 0.25%;
z-index: 100;
vertical-align: bottom;
width: 37px;
text-align: center;
}
.stickysocial a:hover {
opacity: .73;
-moz-opacity: .73;
filter: alpha(opacity=73);
}
</style>
<div class='stickysocial' id='stickysocial_dock'>
<a href='https://plus.google.com/USERNAME' target='_blank' title='Follow us on Google+'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdGd1utTsh1WDecteyXqd7BHtHFIo66tgUdmfewAHrMgtGX2WDXp7lAqcLcbwsl8U4Lfi0rFgeZaBZpCC9O4TMRg4v9WUJN9o2QvcMtyAs5GljtIHZ0_rVAtblVrOWJkWaUfK5vC9GWU/s1600/g+.png' style='position:relative; width:37px'/></a>
<a href='http://www.facebook.com/USERNAME' target='_blank' title='Follow us on Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD-cRbTvSYS9CzjGO6rGCHpJQnszGGIahjQMx_V4O58gJf8aRjgFG-1AO2Cy8Dz2q2ud5GdqEKITtMCIo31fpwfabBp1KhGHQ-Peu50ns2SNAoKlH5ipb2wScQgBg5C14B3YTsZzyNUMA/s40/facebook.png' style='position:relative; width:37px'/></a>
<a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYIsPsWAGgO-73UwORU0IEAhf4fLcdGsVY3Uo9K_RLejZWdqlNb2sjNQeCY7L5Li7tVE-pIacmISb2QbO4wQN-6hg51COW0lNAd2AznMbLf5HSLGDg3dl3qGQ7J8oKGB2OjIFu-GEiv4Q/s40/twitter.png' style='position:relative; width:37px'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNERANDA' target='_blank' title='News latters'><img alt='mail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8dn9cLYijxAK3albfBMqY-vyy1CAWG42tSYN5B9HYG7VMz57DSV8MxjYgneaLCW-DVTejmglN6syYDzpHweDr2dzLe9uP61A7ScHqIsctIApFnjfb3rAcVw94H1gtnp36U-A-P-TvSo/s40/mail.png' style='position:relative; width:37px'/></a>
<a href='http://feeds.feedburner.com/USERNAME' target='_blank' title='Feed'><img alt='SC' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghRwGoxhrE_-FOWGDsLi4wJTgDYdAP9AGBV-6z0TWSlfNjfBv_t9sHoPDVsndagHosz0XQw_C9tnzRjpzJSt2azd1CkuYFJ_NVHBxMkQ1LZc6PlV8VeI92YPao7Wsf_nYXv6Nv1463-ck/s40/rss.png' style='position:relative; width:37px'/></a>
</div>
Keterangannya:
Ganti semua tulisann USERNAME dan ID FEEDBURNERANDA yang berwarna merah diatas dengan USERNAME Anda. sementara untuk mengganti warna background pada widget silahkan untuk mengganti kode warna yang tercetak tebal dan berwarna orange.
Jangan lupa untuk menyimpan. Semoga sukses!
Kata-kata Mutiara:
"Seseorang yang tidak pernah melakukan kesalahan berarti tidak pernah mencoba sesuatu yang baru."
Albert Einstein
0 Komentar