.:: Cara Pasang HiStats Melayang

Ingin memenuhi permintaan salah satu sahabat yang menanyakan Bagaimana memasang histats.com melayang di Blog kita, saya tidak bisa membuat nya seperti itu. Ada yang bisa membantu? Maksud dari pertanyaan diatas adalah bagaimana memunculkan Histats seperti yang tampak pada pojok kiri bawah halaman ini kan?? Baiklah, kita akan mencoba memberi solusi terkait masalah ini.

Langsung saja kita lihat code Histats yang sudah berhasil Anda pasang di sidebar Anda, seperti yang tampak pada code dibawah ini :

<!-- Histats.com  START (html only)-->
<a href="http://www.histats.com" target="_blank">
[/gigya width=”” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /]</a>
<img src="http://sstatic1.histats.com/0.gif?1587619&amp;101" alt="site hit counter" border="0">
<!-- Histats.com  END  -->

Bila belum membuat widget Histats, Anda bisa mencobanya disini.

Setelah mendapat code diatas, selanjutnya kita akan memodifikasi code tersebut untuk membuatnya terlihat melayang/Floating Histats (ini istilah saya, :-) . Codenya sebagai berikut :

<a style="display:scroll;position:fixed;bottom:5px;left:5px;"> <div style="text-align:left;width:112px;height:75px;margin:0 auto;">[/gigya width=” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"/]</div></a></p>

Keterangan:

  1. Setelah mendapatkan kode diatas, COPY semuanya lalu PASTE-kan di Widget Text Sidebar Anda tanpa judul.
  2. Code yang berwarna hijau adalah code yang Anda peroleh ketika pertama kali berhasil memunculkan Histats di sidebar Anda. Seperti biasa, hilangkan tanda garis miring yang berwarna merah [/] untuk membuat script ini bekerja.
  3. bottom:5px;left:5px  ->code yang berwarna ungu merupakan posisi histats yang akan Anda pasang, seperti contoh diatas. bottom left menunjukkan posisinya dibawah kiri dengan jarak 5 pixel dari pinggir layar monitor Anda.
  4. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi top:5px;left:5px  posisi atas kanan -> top:5px;right:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px

Demikian Cara Pasang Histats Melayang. Semoga Bermanfaat.

(Sumber dari http://irfanhandi.wordpress.com/2011/12/19/cara-pasang-histats-melayang-di-wordpress-com/)

About indraarica

PNS di Lingkungan Dinas Pendidikan Kabupaten Garut, Unit kerja UPTD SKB Garut dan sedang mengabdi juga di SMK Negeri 3 Garut sebagai staf pengajar pada Jurusan Teknik Komputer dan Jaringan mata pelajaran MULTIMEDIA WEBDESIGN. Terhitung Mulai Tanggal 1 Maret 2012 saya mendapatkan kesempatan untuk mengabdi di Dinas Pendidikan Kabupaten Garut Bidang Pendidikan Menengah Seksi Sarana dan Prasarana.

Posted on Maret 11, 2012, in Tips and Triks and tagged , , , , . Bookmark the permalink. 1 Komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

BIDANG PMPTK GARUT

DINAS PENDIDIKAN KAB.GARUT

BIDANG PMPTK GARUT

Just Share Informations

indraarica

Just Share Informations

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.

%d blogger menyukai ini: