اضافة المواقع الاجتيماعية على المدونة الخاصة بك

السلام عليكم اصديقائي اليوم سوف اريكم طريقة 

اضافة المواقع الاجتيماعية على المدونة الخاصة بك

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

صورة الاضافة:

طريقة إضافة الاداة:

أذهب إلى لوحة التحكم في مدونتك  >>> تخطيط >>> إضافة أداة >>> ثم أختر HTML/javascripte ثم أضف الكود التالي :

<style>
.button {
    background: #DCE0E0;
    position: relative;
    display: block;
    float: left;
    height: 40px;
    margin: 4px;
    overflow: hidden;
    width: 156px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.icon {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 38px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    text-align: center;
}
.icon i {
    color: #fff;
    line-height: 42px;
}
.slide {
    z-index: 2;
    display: block;
    margin: 0;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 118px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.slide p {
    font-family: Open Sans;
    font-weight: 400;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
}
.button .s

وبعدها غير:
almahwouss1 الى اسم صفحتك على الفيس بوك
almahwouss2 الى اسم ملفك الشخصي على جوجل+
almahwouss3 الى رابط قناتك على اليوتوب
almahwouss4 الى اسم حسابك على التويتر

اي استفسار المرجو وضعه في التعليق وشكرا  

/* ---- Code By Ezzaii.com ---- */

معلومات عن التدوينة بتاريخ: dimanche 1 juin 2014 الساعة: 05:41 عدد الزيارات: (جارى التحميل) .. عدد التعليقات: 0 الكاتب: Unknown العامة للإبلاغ عن رابط معطوب اضغط هنا جميع الحقوق محفوظة ( مدونة NET POINT )

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode