Kamis, 01 Desember 2011

Cara Menyembunyikan Header & Footer Feedjit

Feedjit merupakan widget blog untuk mengetahui darimana pengunjung blog berasal. Agak sedikit kurang enak dipandang menurut saya ketika header & footer masih tertera di widget tersebut, seperti yang terlihat pada gambar di samping ini. Tampak memanjang dengan adanya header & footer sehingga terlihat menghabiskan tempat, dan tampak sekali kesan gratisannya. Untuk diketahui jika anda menggunakan widget ini dengan berbayar tentu tidak perlu membaca trik ini lebih lanjut. Dengan sendirinya header & footer dapat dihilangkan. Namun seperti saya dan anda-anda yang lain yang hanya mampu mengaplikasikannya secara gratisan tentu sangat berguna sekali trik ini.

Apa yang saya maksudkan dalam trik ini adalah seperti terlihat pada gambar disamping kanan ini. Feedjit tanpa header dan footer, tentu juga tanpa embel-embel iklan. Terlihat sederhana namun tidak menghilangkan fungsi aslinya.

Lalu bagaimana cara mengaplikasikan trik ini?

Ikuti langkah singkat berikut ini.
1. Saya asumsikan anda telah mempunyai widget feedjitnya, jika belum silahkan ikuti langkah pembuatan feedjit disini.
2. Seperti biasa masuk ke bagian desain, page elements, dan cari gadget feedjit dimana anda meletakannya.
3. Jika sudah ketemu kemudian klik dan tambahkan kode berikut ini mengapit kode feedjit anda.

seperti ini contohnya:
========================================
<div id="visitors"> 
.....Kode feedjit anda.....
<script type="text/javascript">
function hideFeedjit() {
   var iframe = window.frames['FJIframe'];
   var table = iframe.document.getElementById('FJ_TList') ;
   var div = document.getElementById('visitors') ;
   var th1 = table.offsetHeight ;
   var dh1 = div.offsetHeight ;
   table.rows[0].style.display = 'none' ;
   table.rows[1].style.display = 'none' ;
   table.rows[table.rows.length-1].style.display = 'none' ;
   table.rows[table.rows.length-2].style.display = 'none' ;
   var th2 = table.offsetHeight ;
   var dh2 = dh1 - (th1-th2) ;
   div.style.height = dh2+'px' ;
}
</script>
</div>
========================================

4. Kemudian simpan perubahan

Dan selesai...
Semoga trik sederhana ini bermanfaat..

Happy blogging kawan
Regards!
Share on:

Tidak ada komentar:

Posting Komentar

 

Themes Editing by Galatema | Published by Galatema Templates | Powered by Blogger.com
Copyright © 2011 The Popays - All Rights Reserved