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

بقلم الاستاد جمال تيديكلت

الكود من تجميعي الشخصي اي بمعنى جمعت بين عدة اكواد حتى تحصلت على النتيجة و قد تعبت عليه

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

صورة لكود





http://download.mrkzy.com/u/0813_43cd31bea7b81.jpg


طريفة التركيب


لوحة الادارة

عناصر اضافية

ادارة اكواد javascript

تضغط على

انشاء كود جديد

تسميه اي اسم تريد تضغط على مربع المواضيع لكي يظهر في المواضيع فقط

توضيح بالصورة




http://download.mrkzy.com/u/0813_339a32d4d9951.jpg


و الان مع الكود

ما عليك سوى وضع الروابط الخاصة بك على الفيس بوك و التويتر

الكود
الرمز:تظليــل.هذاالكـــود
var copyright ="this.code.by.vistacode.on.arabcodey.only";
    $(document).ready(function() {
 
    $('.postbody:first').before('
            </li></ul><div
        id="follow_fdf"><a target="_blank" href="رابط الفيسبوك"><img alt="Facebook"
        src="https://2img.net/i/fa/optimisation_fdf/fr/facebook10.png"/></a><a
        target="_blank" href="رابط تويتر"><img alt="Twitter"
        src="https://2img.net/i/fa/optimisation_fdf/fr/twitter10.png"/></a>
    <div/>

            <style>

            #follow_fdf {
              float: right;
           
         
          }

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

        ');
        });
بقلم الاستاد جمال تيديكلت

شكرااااا لكم و يعطيكم الف عافية