Wednesday, July 9, 2014

Cara Membuat Widget Facebook-Twitter Melayang

Agar membuat blog menjadi lebih interaktif dan tak berkesan tak ter-urus, boleh kita tambahkan widget yang bisa mengarahkan pengunjung ke tempat dimana pengunjung bisa menghubungi kita dengan cepat. sekedar pengganti kontak lah. Daripada Blak-blakan taruh nomor HP. Hehehe
Saya sendiri memasang widget untuk facebook dan twitter, yang bisa temen-temen lihat di pojok kanan dan kiri bagian bawah.
Bagaimana Cara membuat Widget facebook dan twitter yang melayang... ?
temen-temen bisa ikuti cara berikut ini.

Saat Widget tersebut di klik, temen-temen akan langsung di arahkan ke akun facebook dan twitter saya.



Cara Membuat :
Ketika Temen-temen log in di blog miliki temen-temen.
Temen-temen cukup perlu pergi ke Tata Letak (Layout)
Tambah widget
Cari Tambah HTML
Lalu Copi Paste Scrip ini

<div style="display:scroll; position:fixed; top:520px; left:-6px;">
<a class="linkopacity" href="https://www.facebook.com/mahfudin.indrawijaya" target="_blank" rel="nofollow" title="Add me on Facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6GggMAfflJwF0w7uKmEWYwcfVpCq6HQrn_aJanEWLYB8JkbY9YlODsqwE2z7tL0FFijeRz6JwQLVOBcRBPMkcT2dmoR0UOhj3WoU4bzaINssEbkXnH61pkuWzQWeh7AxFyv6jUB9XIg/s320/facebook+black.png" width="135px" height="135px"/></a>
</div>
 <div style="display:scroll; position:fixed; top:520px; Right:-6px;">
<a class="linkopacity" href="https://twitter.com/mahfudin_IndraW" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEg_XvJD2B3EnhJrW00mDoERAjqBnYnB1A5UEjQvIWnY7UpLFvCQv_UVTKCkX820VJ_vkovfpm2sJOmt0tpHfaVUoZZ9JztRXJxxNZ67XVASiDhv735WqEfcO0SXsL0sMxKxK6l5oqVWI_/s300/websitedublintwitter.png" width="135px" height="135px"/></a>
</div>
<div style="display:scroll; position:fixed; top:10px; left: -6px;">
<a class="linkopacity" href="http://pelajarterbaikupi.blogspot.com/2014/07/Membuat-Widget-Facebook-Twitter-Melayang-di-blog.html" target="_blank" rel="nofollow" title="Daftar Isi Blog Ini" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii3uZ6sfVb5eVmx9Q919DUhV7aCjz-jrymXUjW61wr0xLrcP9GbUWsHD5n-AwPlU35FyjEVlUJ_zKIbph6eUjqwO_A655iJ8GgESbSuxaAbV-9fJITT8Uif_kM2M7P7hDn-jSH6n48BLcx/s256-no/HOME+DAFTAR+ISI.png" width="125px" height="125px"/></a>
</div>


Penjelasan Script
Warna Merah adalah scrip untuk posisi widget Temen-temen.
(Tinggal Rubah angkanya)
Sementara warna Biru adalah URL Akun FB dan Twitter kamu.
Sementara warna Hijau, adalah Ukuran dari Logo yang digunakan.

Baca Juga :
Cara Membuat Gambar Zoom di Blog
Cara Membuat Kotak Script Blog
Cara Membuat Pesan Di Blog yang Berubah-Ubah Tiap Har
Membuat Buku Tamu di Blog dengan Cbox
Membuat Daftar Isi Blog Otomatis
Daftar Artikel Blog

No comments:

Post a Comment