Skip to main content

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/AVvXsEicM2EXdP1C1_quZQpidYjr1-YRf3Gl6nNexKZ3CJ29U_V0Rfm85pLJ1Bx2B1NYqbJvuPoWG9rKWQELu7Z420_czfYBunCy8o70nbrA4IO16utw3fVEPjZhGhWqOGqbdDZTTvzQf9jmxw/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/AVvXsEjzL-aMgXKeSJaMrS0qxicI-m5M-cjpEokN6zf8QXYN1WV4tzjJHeQh93-a7HVyLKn9x97qoka30yrpnSy3NlI8_Zj_xAbpi7VLndrsBZG-cOb8qMmDQHwPdF2kGJBis5CCb5zraD_g8JrO/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/AVvXsEigwc-1pa7Ac-aoD4Muk3oqkzcCTNKoy6-qf5v-EryfyHErmpJmfHJ2iCyfVDur6CA2BV_XTLmaPtLYFahfVtPb00w9SwdORpqOZYs79Fg1qNKdI9G2grGEL3No7ulPrx1fthxXRxz3d9e1/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

Posted by at
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Share Internet Modem Ke Wifi Android

Posted by at
Semua orang pasti sudah biasa saat mencoba menggunakan android sebagai tathering, supaya akses internet yang ada di android bisa di gunakan di laptop atau PC. Hal yang menjadi permasalahan adalah batrai android tidak bertahan lama dan cepat habis. sehingga jika ingin membagi internet dari wifi android ke PC jelaslah harus siap sedia charger. andai ini terus berlanjut kualitas batrai sendiri akan cepat turun dan rusak. karena idealnya, pengcesan batrai itu dianjurkan dengan kondisi HP yang mati atau minimal internet Data yang nonaktif. Pertanyaan baru mulai bermunculan. Bisakah berlaku sebaliknya? Akses internet PC yang berasal dari modem bisakah di bagi/share ke android. Saya sendiri lebih sering Online di PC dari pada android. karena itu amat penting bagi saya untuk mencoba mencari cara membagi koneksi internet dari modem ke android. Dan inilah solusinya. Dengan Aplikasi connectify, semua itu ternyata bisa terjadi. Pada prinsipnya, aplikasi connectify ini menciptakan sumber wifi b...
12 comments
Read more

Cara Lengkap Menggunakan Aplikasi Audacity : Edit Sound Music

Posted by at
Suara adalah sebuah bentuk energi mekanik  terindah yang diberikan tuhan dengan cuma-cuma tanpa pernah kita minta. Maka karena keindahan itulah tak heran jika suara seorang manusia menjadi idola atau pujaan manusia yang lainnya. Hingga kemudian suara tersebut direkam dan disimpan dalam berbagai format musik seperti : AU, AIFF, WAV  dan raw header-less PCM. ATRAC, MP3, Vorbis,  AAC, Mousepack, dan Windows Media Audio (WMA). Tom's lossless Audio Kompressor (TAK), Monkey's Audio (filename extension APE), FLAC, TTA, WavPack (filename extension WV),  Apple Lossless, MPEG-4 ALS, MPEG-4 SLS, MPEG-4 DST,  Shorten, ATRAC Advanced Lossless, Windows Media Audio Lossless (WMA Lossless). Terkadang kita perlu mengedit File Suara untuk berbagai keperluan. Seperti memperbesar suara hasil rekaman,  memotong lagu untuk menjadikan ringtone HP, Memotong suara karena sensor (berbicara tidak sopan), Menggabungkan file suara rekaman dengan musik backround,  men...
8 comments
Read more

Denah dan maps kampus ITB Bandung

Posted by at
ITB (Institut Teknologi Bandung) Merupakan salah satu kampus tertua yang ada di indonesia. Beralamat di : Alamat : Jl. Tamansari 64, Bandung, Jawa Barat 40116 Jika Kita lihat di dalam peta bandung Utara, Lokasi Kampus ITB ini berada di tengah kota. Cukup dekat dengan Dago, Jembatan layang Surapati, Gazebu (Gazibu), dan berada di Samping kebun Binatang Bandung. Bisa Sahabat lihat dengan Lokasi bertanda Biru. Jika Kita masuk Lebih dekat, kita akan menjumpai beberapa lokasi di dalam kampus ITB yang menyediakan denah kampus. Sehingga orang luar yang tak terbiasa datang dan kenal kampus ITB juga bisa mudah menemukan lokasi-lokasi gedung Kampus ITB. Dibawah ini merupakan Peta Denah dan Maps kampus ITB Bandung beserta Penjelasan Nama-nama gedung di Kampus ITB Bandung : Keterangan Gambar : Sasana Budaya Ganesa Stasiun Mandala Wangi Kolam renang UPT olahraga Menwa Labtek III ; Matematika, HIMATIKA, Astronomi, HIMASTRON, Pusat Penelitian dan Pengembangan dan Penerapan Matematika) Teknik Industr...
Post a Comment
Read more