كود وضع زر الفيس بوك فى جانب المنتدى مثل ...

    <script type="text/javascript" src="http://adminstar20.3rab.pro/10969.js"></script>
    <style type="text/css">
    img, a { border: 0; }
    #likebox_1 {
        z-index: 10005;
        border:2px solid #3c95d9;
        background-color: #fff;
        width:196px;
        height: 353px;
        position: fixed;
        top: 18%;
        right: -200px;
    }

    #likebox_1_1 {
        width:196px;
        height: 353px;
        overflow: hidden;
    }

    #likebox_1 img {
        position: absolute;
        top: -2px;
        left: -35px;
    }

    #likebox_1 iframe {
        border:0px solid #3c95d9;
        overflow: hidden;
        position: static;
        height: 360px;
        left:-2px;
        top:-3px;
    }
    #polecam_1 {
        z-index: 10004;
        border:2px solid #6CC5FF;
        background-color: #6CC5FF;
        width:246px;
        height: 353px;
        position: fixed;
        top: 35%;
        right: -250px;
    }

    #polecam_1_1 {
        width:246px;
        height: 353px;
        overflow: hidden;
    }

    #polecamy_img {
        position: absolute;
        top: -2px;
        left: -35px;
        border: 0;
    }
    #google_1 {
        z-index: 10003;
        border-top:2px solid #0056a0;
        border-bottom: 2px solid #0056a0;
        border-right:2px solid #0056a0;
        border-left: hidden;
        background-color: #006ec9;
        width:152px;
        height: 97px;
        position: fixed;
        top: 52%;
        right: -154px;
    }

    #google_1_1 {
        width:152px;
        height: 97px;
        overflow: hidden;
    }

    #google_img {
        position: absolute;
        top: -2px;
        left: -33px;
        border: 0;
    }
    #youtube_1 {
        z-index: 10003;
        border:2px solid #cb1c0e;
        background-color: #fff;
        width:196px;
        height: 353px;
        position: fixed;
        right: -200px;
    }

    #youtube_1_1 {
        width:196px;
        height: 353px;
        overflow: hidden;
    }

    #youtube_1 img {
        position: absolute;
        top: -2px;
        left: -35px;
    }

    </style>

    <!-- facebook --><div id="likebox_1"><div id="likebox_1_1">
    <img src="http://i45.servimg.com/u/f45/16/75/43/85/fb110.png" alt="" />
    <script>(function(d){
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
      js = d.createElement('script'); js.id = id; js.async = true;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script><div
    class="fb-like-box"
    data-href="ضع رابط صفحتك هنا
    " data-width="200" data-height="356" data-show-faces="true"
    data-stream="false" data-header="false"></div>
    </div>
    </div>
    <!-- facebook -->


    <!-- twitter -->
                    <div id="polecam_1"><div id="polecam_1_1">
                    <img id="polecamy_img" src="http://i45.servimg.com/u/f45/16/75/43/85/twitte10.png" />

                    <script src="http://www.crezeman.com/vb/js/widget.js"></script>
                    <script>
                    new TWTR.Widget({
                      version: 2,
                      type: 'profile',
                      rpp: 3,
                      interval: 1000,
                      width: 246,
                      height: 265,
                      theme: {
                        shell: {
                          background: '#63BEFD',
                          color: '#FFFFFF'
                        },
                        tweets: {
                          background: '#FFFFFF',
                          color: '#000000',
                          links: '#47a61e'
                        }
                      },
                      features: {
                        loop: false,live: true,
                    scrollbar: false,hashtags: false,timestamp: true,
                    avatars: true,behavior: 'default'                  }
                    }).render().setUser('ضع هنا اسم صفحتك على تويتر').start();
                    </script>
                    </div></div>
    <!-- twitter -->

        <script type="text/javascript" src="http://adminstar20.3rab.pro/10969.js"></script>
        <style type="text/css">
        img, a { border: 0; }
        #likebox_1 {
            z-index: 10005;
            border:2px solid #3c95d9;
            background-color: #fff;
            width:196px;
            height: 353px;
            position: fixed;
            top: 18%;
            right: -200px;
        }

        #likebox_1_1 {
            width:196px;
            height: 353px;
            overflow: hidden;
        }

        #likebox_1 img {
            position: absolute;
            top: -2px;
            left: -35px;
        }

        #likebox_1 iframe {
            border:0px solid #3c95d9;
            overflow: hidden;
            position: static;
            height: 360px;
            left:-2px;
            top:-3px;
        }
        #polecam_1 {
            z-index: 10004;
            border:2px solid #6CC5FF;
            background-color: #6CC5FF;
            width:246px;
            height: 353px;
            position: fixed;
            top: 35%;
            right: -250px;
        }

        #polecam_1_1 {
            width:246px;
            height: 353px;
            overflow: hidden;
        }

        #polecamy_img {
            position: absolute;
            top: -2px;
            left: -35px;
            border: 0;
        }
        #google_1 {
            z-index: 10003;
            border-top:2px solid #0056a0;
            border-bottom: 2px solid #0056a0;
            border-right:2px solid #0056a0;
            border-left: hidden;
            background-color: #006ec9;
            width:152px;
            height: 97px;
            position: fixed;
            top: 52%;
            right: -154px;
        }

        #google_1_1 {
            width:152px;
            height: 97px;
            overflow: hidden;
        }

        #google_img {
            position: absolute;
            top: -2px;
            left: -33px;
            border: 0;
        }
        #youtube_1 {
            z-index: 10003;
            border:2px solid #cb1c0e;
            background-color: #fff;
            width:196px;
            height: 353px;
            position: fixed;
            right: -200px;
        }

        #youtube_1_1 {
            width:196px;
            height: 353px;
            overflow: hidden;
        }

        #youtube_1 img {
            position: absolute;
            top: -2px;
            left: -35px;
        }

        </style>

        <!-- facebook --><div id="likebox_1"><div id="likebox_1_1">
        <img src="http://i45.servimg.com/u/f45/16/75/43/85/fb110.png" alt="" />
        <script>(function(d){
          var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
          js = d.createElement('script'); js.id = id; js.async = true;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
          d.getElementsByTagName('head')[0].appendChild(js);
        }(document));</script><div
        class="fb-like-box"
        data-href="https://www.facebook.com/Calm.Dream
        " data-width="200" data-height="356" data-show-faces="true"
        data-stream="false" data-header="false"></div>
        </div>
        </div>
        <!-- facebook -->