Cara mengatasi konflik antar script di blogger

Sahabat blogger yang suka desain-desain tampilan blognya pasti pernah mengalami konflik antar script. Yang saya alami disini ketika menambahkan Gadget Likebox Facebook justru bentrok dengan Menu, sehingga Menu tidak bisa menampilkan submenu-submenunya. Setelah saya cari di google ternyata masalahnya terletak pada script jQuery. Script pada Menu mengalami kesamaan dengan script Likebox Facebook sehingga kedua-duanya terjadi konflik saling meniadakan. :u: :u: :u:

untuk cara mengatasinya yaitu mengganti karakter $ pada jQuery dengan karakter lain dengan menambahkan variable yang menjelaskan karakter tersebut.

var f=jQuery.noConflict(),

Kode ini digunakan untuk merubah alias untuk jQuery dari karakter $ menjadi f.

Contoh 1 Gadget Likebox facebook

Cari script di dalam Gadget likebox yang ada karakter "$"

Sebelum dirubah:

<script type='text/javascript'>

jQuery(document).ready(function($){

  if($.cookie('popup_facebook_like') != 'yes'){

    $('#fanback').delay(1000).fadeIn('medium');

    $('#fanclose, #fan-exit').click(function(){

      $('#fanback').stop().fadeOut('medium');

    });

  }

  $.cookie('popup_facebook_like', 'yes', { path: '/', expires:0});

});

</script>

dengan menambahkan var bambang = jQuery.noConflict();

maka karakter $ diganti dengan bambang

Setelah dirubah menjadi:

<script type='text/javascript'>

var bambang = jQuery.noConflict();

jQuery(document).ready(function(bambang){

  if(bambang.cookie('popup_facebook_like') != 'yes'){

    bambang('#fanback').delay(1000).fadeIn('medium');

    bambang('#fanclose, #fan-exit').click(function(){

      bambang('#fanback').stop().fadeOut('medium');

    });

  }

  bambang.cookie('popup_facebook_like', 'yes', { path: '/', expires:0});

});

</script>

Contoh 2 Gadget Likebox facebook

Cari script di dalam Gadget likebox yang ada karakter "$"

Sebelum dirubah:

<script type='text/javascript'>

    $(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         $('#kotak-facebook').animate({bottom:"50px"}, 1000);

        // hilangkan kotak pesan saat tombol (x) di klik

         $('a.close').click(function() {

             $(this).parent().fadeOut();

         return false;

         });

    });

    </script>

dengan menambahkan var bambang = jQuery.noConflict();

maka karakter $ diganti dengan bambang

Setelah dirubah menjadi:

  <script type='text/javascript'>

var bambang = jQuery.noConflict();

    bambang(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         bambang('#kotak-facebook').animate({bottom:"50px"}, 1000);

        // hilangkan kotak pesan saat tombol (x) di klik

         bambang('a.close').click(function() {

             bambang(this).parent().fadeOut();

         return false;

         });

    });

    </script>

Sudah selesai..:14: :14: :14:
silahkan dicoba...:37: :37:
sekian terimakasih..semoga bermanfaat..:38: