Senin, 03 September 2012

Membuat Floating Social Bookmark Di Blog

Sekarang ini banyak sekali situs jejaring sosial, banyaknya orang yang kian hari mendaftar ke beberapa situs jejaring sosial akan menjadi seuah kesempatan besar bagi para blogger untuk menampilkan situs blognya menggunakan situs jejaring sosial tersebut. Hal ini dapat membuat traffic visitor para blogger meningkat,  dan akhirnya blog blogger tersebut kian dikenal masyarakat luas. Kini,  semakin banyak saja website-website situs jejaring sosial, seperti : Facebook, Twitter, Frienster, Yahoo, dan lainnya yang selama ini kita ketahui.
Website-website tersebut merupakan lahan emas bagi para blogger untuk memperkenalkan blognya, apalagi jika para blogger tersebut mempunyai teman yang banyak ataupun follower yang semakin banyak juga. Maka dari itu, tidak heran jika kita sering mengetahui bahwa di setiap website atau blog yang kita jumpai, kebanyakan pasti terdapat Widget Social Bookmark. Social Bookmark tersebut sangat berguna untuk memberikan gambaran tentang bagaimana blog kita ini. Maka dari itu untuk menambah Traffic blog ke blog kita, kita harus memasang Widget Social Bookmark pada blog kita.
Agar  Widget Social Bookmark tersebut kelihatan unik dan menarik dan tidak memakan tempat pada blog kita, maka kita dapat mendesain Widget tersebut tampil melayang di blog kita.
Dan Cara Untuk Membuat Floating Social Bookmark Di Blog adalah sebagai berikut:
1. Masuk pada Dashboard anda
2. Pilih Tata Letak – Tambah Gadget – HTML/JavaScript
3. Lalu masukkan kode dibawah ini.
<a href="URL Akun Jejaring Sosial Kita" rel="nofollow" title ="judul" target="_blank" style="display:scroll;position: fixed; bottom:255px;left:5px;">
<img src="URL Icon Sosial Bookmark"/></a>
<a href=" URL Akun Jejaring Sosial Kita " title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:205px;left:5px;">
<img src=" URL Icon Sosial Bookmark "></a>
<a href=" URL Akun Jejaring Sosial Kita " title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:155px;left:5px;">
<img src=" URL Icon Sosial Bookmark "></a>
<a href=" URL Akun Jejaring Sosial Kita " title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:105px;left:5px;">
<img src=" URL Icon Sosial Bookmark "></a>
4. Dan Jangan lupa untuk menekan Simpan
Keterangan :
  • Ubah URL Akun Jejaring Sosial Kita dengan URL akun dari jejaring milik kita masing-masing.
  • Ubah URL Icon Sosial Bookmark dengan URL gambar icon social bookmark yang sudah kita upload.
  • Ubah left menjadi posisi letak floating social bookmark icons sesuai keinginan kita.
  • Ubah judul dengan kalimat atau kata yang akan muncul saat kursor didekatkan dengan icon.
Dan Jangan Lupa Untuk Berkomentar Yaa


SOURCE  : http://www.dhafintutorial.blogspot.com/ 

0 Comment:

Posting Komentar