jQuery conflicting on Blogger widget -

hi i'm new forgive me nobbishness.

recently tried install responsive blogger menu, code

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type='text/javascript'> // <![cdata[ $(function() { var offset = $("#floatingsocialbuttons").offset(); var toppadding = 15; $(window).scroll(function() { if ($(window).scrolltop() > offset.top) { $("#floatingsocialbuttons").stop().animate({ margintop: $(window).scrolltop() - offset.top + toppadding }); } else { $("#floatingsocialbuttons").stop().animate({ margintop: 0 }); }; }); }); // ]]> </script> <style> #floatingsocialbuttons { position: absolute; left: -100px;  background-color: #f2f2f2; border: 1px solid #d8d8d8; border-right: 0; z-index:9; border-radius:10px; -moz-border-radius: 10px; } #floatingsocialbuttons div { margin: 5px 0 0 0; } </style>   <div id='floatingsocialbuttons'> <center> <div style='margin:0px 0 0px 10px;'><div id='fb-root'></div><script src='http://connect.facebook.net/en_us/all.js#xfbml=1'></script><fb:like font='' href='' layout='box_count' send='false' show_faces='false'></fb:like></div> <div><a class='twitter-share-button' data-count='vertical' data-lang='en' href='http://twitter.com/share'>tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div> <div><script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script><g:plusone size='tall'></g:plusone></div> <div style='margin-top: 15px;'><a data-pin-config='vertical' data-pin-do='buttonpin' href='http://pinterest.com/pin/create/button/?url='data:post.url' '><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a> <span style='margin-left:-44px;'><a data-pin-config='vertical' data-pin-do='buttonbookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'></a></span> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script></div> <br /> <p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='www.tipstricksisland.com/2013/05/new-smooth-floating-social-bookmarking-blogger-2013.html' style='color:#cac8c8;'>get this</a></p> </center></div> 

and not working, when asked author said have jquery conflict issue cannot me further. don't know how this. please @ blog , tell me widget causing issue http://dota2android.blogspot.com

thank time

if having jquery conflict issue, should using jquery in noconflict mode.

this means if library or object has claimed use of jquery's $ keyword, still perform expected.

  $.noconflict(); jquery(document).ready(function($) {     // code uses jquery's $ can follow here. });     // code uses other library's $ can follow here.