Tutorial Wordpress

Cara Pasang Histats Melayang di WordPress.com

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 blog ini. Baiklah, saya 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 pastekan 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:5pxdan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px

Diskusi

Belum ada 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

Powered by Wordpress ~ Designed by WooThemes ~ Redesigned by Fathin Afif
Jump To Top

Kategori

RSS TERBARU DARI RED

  • Sebuah galat telah terjadi; umpan tersebut kemungkinan sedang anjlok. Coba lagi nanti.

RSS TERBARU DARI MAS FAJAR

  • Sebuah galat telah terjadi; umpan tersebut kemungkinan sedang anjlok. Coba lagi nanti.

ARTKEL MENARIK LAINNYA

%d blogger menyukai ini: