آخبار الموقع
recent
404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة
  • العودة الى الصفحة الرئيسية
  • الثلاثاء، 6 سبتمبر، 2016

    إضافة أيقونات المشاركة باللغة ماتيريال ديزاين إلي منصة بلوجر

    إضافة أيقونات المشاركة باللغة ماتيريال ديزاين إلي منصة بلوجر


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

    شرح تركيب الإضافة :
    1. أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط علي تحرير HTML.
    2. قم باللصق الأكواد الأتية بعد هذا الوسم  <data:post.body/>
    <h4 class='post-bawah'>شارك التدوينة عبر :</h4>
    <div class='sharepost'>
        <ul>
            <li>
                <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook' /></a>
            </li>
            <li>
                <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter' /></a>
            </li>
            <li>
                <a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus' /></a>
            </li>
        </ul>
    </div>
    1. بعد هذا قم باللصق الأكواد الأتية بعد هذا الوسم ]]></b:skin>
    h4.post-bawah {
        text-align: center;
    }
    .sharepost {
        padding: 20px;
        text-align: center;
    }
    .sharepost li a {
        padding: 10px;
        width: 20px;
        height: 20px;
        color: #fff;
        display: inline-block;
        border-radius: 50%;
        margin: 0 10px;
        transition: all 0.5s;
        box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
    }
    .sharepost li a:hover {
        box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    }
    .sharepost li a.facebook {
        background: #3A5795;
    }
    .sharepost li a.twitter {
        background: #1DA1F2;
    }
    .sharepost li a.gplus {
        background: #DB4437;
    }
    1. ثم قم بالحفظ النموذج

    إلي هنا ينتهي الدرس إلي اللقاء في تدوينة جديدة .
    تابعونا على

    أنا عادل إبراهيم مؤسس موقع إتقان ويب هدفي الأول هو تطوير المحتوي العربي وذلك عن طريق مدونتي التي أنشر فيها دروس وشروحات تقنية يوميا لي خبرة في البرمجة والتصميم والموشن جرافيك وغيرها

    الكاتب : Adel Ibrahim

    ليست هناك تعليقات:

    إرسال تعليق

    تصميم : عالم المدون