hit counter
ADFLY


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="http://2.bp.blogspot.com/_nJrVnRU3Hfo/TCaFkuHHlXI/AAAAAAAABN4/byYWWqSQ6i0/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="http://4.bp.blogspot.com/-euliJ3gyqI0/TxHkuT9LfII/AAAAAAAAHUw/NL6eOXZrZz4/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://lh6.googleusercontent.com/-F-JynbqTCQ8/U-PqRDxTjwI/AAAAAAAABSw/1C02IPleqTg/s256-no/HOME%2BDAFTAR%2BISI.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


5 Responses to "Cara Membuat Widget Facebook-Twitter Melayang"

  1. Nice info. Boleh buat rujukan :)

    ReplyDelete
  2. Siap... Terima Kasih sudah berkunjung :)

    ReplyDelete
  3. Menarik infonya.. berkunjung berbagi

    ReplyDelete
  4. Terimakasih atas informasinya ya..!! artikelnya sangat bermanfaat sekali.
    semoga artikel ini memberikan manfaat untuk orang-orang yang sudah membacanya.


    ReplyDelete

Sampaikan lah apa yang menjadi pikiranmu.
Kebingungan..
Rasa terimakasih..
Karena sejatinya manusia adalah makhluk sosial yang rindu akan sebuah Interaksi

1. Baca lah
2. Berkomentar lah dengan Sopan
3. Kami Akan Berkunjung balik, Nantinya