مشكلة بهذا الكود

مشكلة بهذا الكود هذا كود جافا اين اضعه في الرئيسية ام البوابة ام مكتبة الصور ام ماذا
انا اخذت الكود من مركز الاعتمادات العربي
وهذا الكود

الكود:

<li class="L1">var CopyrightNotice='Codey Arabe';$(function(){var a=$('.postprofile').get();for(i=0;i<a.length;i++){var b=$(a[i]).find('dl')[0];var c=$(b).find('a')[1];x=$(c).find('strong')[0];if(x){y=x.innerHTML;$(b).append('<div class="friend-admin"><a href="profile?friend='+y+'&mode=editprofile&page_profil=friendsfoes">أضفني كصديق  </a></div>')}else{y=c.innerHTML;$(b).append('<div class="friend"><a href="/profile?friend='+y+'&mode=editprofile&page_profil=friendsfoes">أضفني كصديق</a></div>')}}});</li>

الكود عبارة عن اضفني كصديق
المهم بكمل
بعدين قال ضعي هذا الكود في ورقة تصميم

الكود:

<li class="L2">  .friend-admin {</li><li class="L3">            background: none repeat scroll 0 0 #FFC;</li><li class="L4">            border: 1px solid red;</li><li class="L5">            border-radius: 3px 3px 3px 3px;</li><li class="L6">            color: #E96D10;</li><li class="L7">            display: block;</li><li class="L8">            font-family: Tahoma;</li><li class="L9">            font-size: 11px;</li><li class="L0">            height: 21px;</li><li class="L1">            line-height: 23px;</li><li class="L2">            margin-top: 9px;</li><li class="L3">            padding-bottom: 5px;</li><li class="L4">            padding-left: 5px;</li><li class="L5">            padding-right: 5px;</li><li class="L6">            text-align: center;</li><li class="L7">        }</li><li class="L8">        </li><li class="L9">        .friend {</li><li class="L0">            background: none repeat scroll 0 0 #FFE5CD;</li><li class="L1">            border: 1px solid #F4C182;</li><li class="L2">            border-radius: 3px 3px 3px 3px;</li><li class="L3">            color: #E96D10;</li><li class="L4">            display: block;</li><li class="L5">            font-family: Tahoma;</li><li class="L6">            font-size: 11px;</li><li class="L7">            height: 21px;</li><li class="L8">            line-height: 23px;</li><li class="L9">            margin-top: 9px;</li><li class="L0">            padding-bottom: 5px;</li><li class="L1">            padding-left: 5px;</li><li class="L2">            padding-right: 5px;</li><li class="L3">            text-align: center;</li><li class="L4">        }</li>


وعندما وضعته وضغطت سجل طلعتلي انو الكود هتمل فمسحته
وهو مكتوب بالشرح انو كود ورقة تصميم مو هتمل
وما اعرف اي مكان اضع فيه الكود
ارجو ان تجابوني على اسئلتي الثنتين
وهذا رابط الموضوع
http://www.e3tmadat.com/t13023-topic

الكود للنسخة الثالثة اخي

هذا الكود اختي :

الكود:


    var CopyrightNotice='Adding Add as Friend link to post profiles for Invision and phpbb3 boards for forumotion. Copyright ©  by Forum.ahlamontada.org. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without this entire copyright in the original, copied, or modified script';
    $(function(){
    var a=$('.postprofile').get();
    for(i=0;i<a.length;i++) { var b=$(a[i]).find('dl')[0]; var c=$(b).find('a')[1];
    x=$(c).find('strong')[0];
      if (x) { y=x.innerHTML;
    $(b).append('<a href="http://forum.ahlamontada.org/profile?friend=' + y + '&mode=editprofile&page_profil=friendsfoes">أضفه للائحة أصدقائك</a>');
          } else {  y=c.innerHTML;
    $(b).append('<a href="http://forum.ahlamontada.org/profile?friend=' + y + '&mode=editprofile&page_profil=friendsfoes">أضفه للائحة أصدقائك</a>');
          }
        }
    });

كود جافا سكريبت .. طبعاً كالكود الذي في الموضوع للنسخة الثالثه
ويعمل مع الاخيرة ايضا