Labels

صناعة آداة مشاركة اجتماعية على ذوقك

Custom Social Media Buttons
طبعا الإضافات الإجتماعية أصبحت اساس في مدونات بلوجر بل جميع المواقع وهناك العديد والعديد من الإضافات على الإنترنت لكن احيانا يكون لكل شخص ذوق معين ويريد ان يصنع آداة تتناسب مع ذوقه في تنسي موقعه ولهذا بإذن الله هذا الشرح المبسط سيكون بداية لك لتصنع ما تريد من هذا النوع من الآداوت ببساطة نموذج بسيط عبر روابط وصور ويكون كافي بالغرض اولا يمكنك معاينة النموذج الي سنعدل عليه من هنا

طريقة التركيب والتعديل

الكود الاول يضاف فوق الوسم ]]>
/*cnmu.blogspot.com Custom Social Media Buttons*/
#cnmucsos {margin: 10px 0; padding: 0;}
#cnmucsos li {
    list-style:none;
    float:right;
    display:block;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 500ms;
 }
#cnmucsos:hover li {opacity:.2;}
#cnmucsos li:hover {opacity:1;}
#cnmucsos li a img {
    width:120px;
    height:34px;
    margin-left:2px;
}
#cnmucsos li,#cnmucsos li a img {
    border:0 !important;
    box-shadow:0 !important;
    background:none !important;
    padding:0 !important;
}
الرقم 120 هو عرض الصور التي ستستخدمها في الآداة
الرقم 34  هو ارتفاع الصور
الرقم 2 هو الفراغ الفاصل ما بين الصورة والأخرى

الكود الثاني



كل ما عليك فعله في هذا الكود هو استبدال الثلاث روابط الملونة
الرابط الاول هو صورة فيس بوك
الرابط الثاني هو صورة تويتر
الرابط الثالث هو صورة جوجل بلس
فقط ابحث في جوجل عن ايقونات تكون على ذوقك ومتساوية في الحجم واستبدل الروابط وستصبح الإضافة الشكل الذي اعدته

والكود السابق يضاف فوق احد هذه الاكواد

ان اردته في بداية التدوينة أضفه بعد احد هاذين الكودين



وان اردته في نهاية التدوينة أضفه بعد احد هاذين الكودين




وبهذا أصبح لديك إضافة على ذوقك تجربة موفقة  مع تحياتي

Labels: