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

الكود:


</li></ul><div
 id="follow_fdf"><a target="_blank" href="رابط صفحتك على الفيس
بوك"><img alt="Facebook"
src="http://2img.net/i/fa/optimisation_fdf/fr/facebook10.png"/></a><a
 target="_blank" href="رابط صفحتك على تويتر"><img alt="Twitter"
src="http://2img.net/i/fa/optimisation_fdf/fr/twitter10.png"/></a></div>


<style>

#follow_fdf {
  float: right;
  background: url('http://i40.servimg.com/u/f40/11/60/75/36/follow14.png') no-repeat scroll 0 5px transparent;
  padding-left: 1098px;
}

#follow_fdf img {
  vertical-align: middle;
  max-height: 50px;
  transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}

#follow_fdf img:hover {
    transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
}
</style>

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

تحياتى

وهذا موضوع اخر يوجد به شرح كامل + صور للكود

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

https://help.ahlamontada.com/t999097-topic

ممكن اشوف شكل كود الفيس

jookr كتب:وهذا موضوع اخر يوجد به شرح كامل + صور للكود

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

https://help.ahlamontada.com/t999097-topic

هذه الصوره الخاصه بهذا الموضوع

كود الفيس و تويتر لا يظهر
صورة

اختى عندما تضعى الكود يظهر فى جانب المنتدى مثل هذا

لم يظهر علي الجانب

اعتزر عن التاخير اختى

هذا هوه الرابط لا يحتاج سوى تغير صغير فقط وهوه

هتبحثى داخل الكود على كمله ضع هنا رابط صفحتك على تويتر

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

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

الكود:

    <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="ضعى هنا رابط جوجل"></script>
 <g:plusone size="tall"></g:plusone>
 </div></div></div>

 <!-- google_1 -->

طريقه التركيب

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


















اتمنى اكون وفقت فى الشرح وفى انتظار الاجابه بان الكود يعمل جيدا

<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="https://i.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/pages/%D9%85%D9%86%D8%AA%D8%AF%D9%89-%D9%85%D9%8A%D9%86%D8%A7%D8%AA%D9%88-%D8%A7%D9%88%D8%B2%D9%88%D9%85%D8%A7%D9%83%D9%8A/116450608534244?ref=hl
" 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="https://i.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="https://i.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 -->

اخي الكود هده لايشتغل علي منتداي تاكد

لوحه التحكم >عناصر اضافيه >البوابه والعناصر >اداره العناصر المستقله على المنتدى >انشاء عنصر شخصى >
وسحبتها عند المنطقى البيضه لاكنها لايشتغل


ماهو الحل