الأربعاء، 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/AVvXsEj3JTcHg5zVSyWBcc7Re5bfj2_XlWaaNttTBmX_6HRjMMxLLu3bE2hyphenhyphenFq1bIwpsJoPp75htaws545K5OHPPDnU0aFKCPEe2fyziMsCngWujtvLUvPXSUbcwc2wY7XMOCHGqdAN-e5yAVA/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/AVvXsEgPWjE-rg5xy-UvRUka4VxbuxrtDCY5m2wAyTPLenN-3jvOUHbHgCoCF2ROr60WM0dR7sb_hrkW2oyqh903poGhcNGDPGL6LghI0NPtb_wnMTf6BOS5moa84VVfeEUXeg_liVbuyEn898SB/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/AVvXsEggkpo6uNKjFru9jUBRU_IG3zKgMIGKP9eMjxFvj2Wy3KlTz8HrDoxBZoWoBaPLp0jATguKPAyeeJy6YH33NH5u5FkZsgoJLiUvBoBrsuEqXrHroRSDNzRQd7yPYzLAStuJ869TKCxzc5f-/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

هناك 4 تعليقات: