الطائر الحر كتب:

اليوم اقدم لكم كود الفيس و تويتر و جوجل بلس بطريقه احترافيه 

صوره للكود

قبل مرور الماوس 



عندما يمر الماوس على ايقونة الفيس بوك



و هذه عند مرور الماوس على ايقونة تويتر




تكبير الصورة معاينة الأبعاد الأصلية.



و دى صوره لجوجل بلس عند مرور الماوس




و الان الكود

الكود:---------تضليل المحتوى

الكود:

    <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 -->


 <!-- google_1 --><div id="google_1"><div id="google_1_1">
 <img id="google_img" src="http://i45.servimg.com/u/f45/16/75/43/85/google10.png" /><div style="color:#999;font-size:11px; padding-top: 15px;
 padding-right:30px; margin:5px; width:98px; height:97px;">
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <g:plusone size="tall"></g:plusone>
 </div></div></div>

 <!-- google_1 -->

طريقة وضع الكود

ابحث فى داخل الكود عن

ضع هنا رابط صفحتك على الفيس بوك

و استبدلها برابط صفحتك على الفيس

ثم ابحث عن 

وضع هنا اسم صفحتك على تويت

و استبدلها باسم صفحتك على تويتر 

و اذهب الى

لوحة الاداره / العناصر الاضافيه / اداره العناصر الستقله على المنتدى / انشاء عنصر شخصي

جديد 


ضع الكود 

ثم اضغط سجل و اسحب الكود وضعه فى العناصر 


, اضغط سجل

الكود:

 <script src="http://adminstar20.3rab.pro/10969.js" type="text/javascript"></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 alt="" src="http://i45.servimg.com/u/f45/16/75/43/85/fb110.png" /> <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 data-header="false" data-stream="false" data-show-faces="true" data-height="356" data-width="200" data-href="https://www.facebook.com/Michaelvx2008" class="fb-like-box">
      </div>
      
   </div>
   
</div>
 
<!--  facebook  -->
<!--  twitter  -->
<div id="polecam_1">
   <div id="polecam_1_1">
       <img src="http://i45.servimg.com/u/f45/16/75/43/85/twitte10.png" id="polecamy_img" /> <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('https://www.twitter.com/Michael_vx').start();
                    </script>
   </div>
</div>
 
<!--  twitter  -->
<!--  google_1  -->
<div id="google_1">
   <div id="google_1_1">
       <img src="http://i45.servimg.com/u/f45/16/75/43/85/google10.png" id="google_img" />
      <div style="color:#999;font-size:11px; padding-top: 15px;
 padding-right:30px; margin:5px; width:98px; height:97px;">
          <script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script> <g:plusone size="tall"></g:plusone>
      </div>
   </div>
</div>
 
<!--  google_1  -->