إضافة أزرار النشر على المواقع الإجتماعية
آخر المواضيع:
جاري التحميل ...

الأربعاء، 16 نوفمبر، 2016

إضافة أزرار النشر على المواقع الإجتماعية

السلام عليكم ورحمة الله
اليوم سنقدم لكم إضافة رائعة ، ألا وهي إضافة أزرار النشر على المواقع الإجتماعية ، وهذه الإضافة تحتوي على جوجل بلس ، تويتر ، فيس بوك

كيفية الإضافة:
  1. من مدونتك اتجه إلى قالب ، ثم تحرير HTML وباستعمال Ctrl +f ، إبحث عن ]]></b:skin> 
  2. قم بلصق الكود التالي فوقه
    /*مشاركة*/
    .sharetool {

    border: 1px solid #eee;
    display: block;
    height: 80px;
    margin: 10px auto;
    padding: 20px;
    width: 390px;
    }
    .sharetool ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    }
    .sharetool li {float: left;}
    .sharetool strong {
    float: right;
    font-size: 13px;
    line-height: 36px;
    }
    .sharetool a::before {
    float: left;
    line-height: 36px;
    text-align: center;
    width: 36px;
    }
    .sharetool a {
    background-color: #333;
    color: #fff;
    display: block;
    height: 36px;
    margin-right: 4px;
    padding: 0 5px 0 0;
    width: 110px;
    }
    .sharetool .fa.fa-facebook::before {background-color: #3b5998;}
    .sharetool .fa.fa-twitter::before {background-color: #11C1FF;}
    .sharetool .fa.fa-google-plus::before {background-color: #DA4835;}
    .sharetool .fa.fa-facebook:hover {box-shadow: 120px 0 0 0 #3b5998 inset;}
    .sharetool .fa.fa-twitter:hover  {box-shadow: 120px 0 0 0 #11C1FF inset;}
    .sharetool .fa.fa-google-plus:hover {box-shadow: 120px 0 0 0 #DA4835 inset;}
    @media screen and (max-width : 540px) {
    .sharetool {padding:0; border:0; width:auto;}
  3. الآن إبحث عن  <div class='post-footer'>  وألصق الكود التالي تحته 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='sharetool'>
    <ul>
    <li><a class='fa fa-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' target='_blank'><strong>فيسبوك</strong></a></li>
    <li><a class='fa fa-twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' target='_blank'><strong>تويتر</strong></a></li>
    <li><a class='fa fa-google-plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&quot;' target='_blank'><strong>جوجل بلس</strong></a></li>
    </ul>
    </div>
    </b:if>
     cn3u

    لا نسمح بنسخ مواضيعنا بدون ذكر المصدر، وذكر المصدر يكون عبارة على وضع رابط الموضوع قابل للضغط

هل إستفدت من هذا الموضوع ؟ من فضلك شاركه على :
روابط هذا الموضوع قابلة للنسخ واللصق
URL
HTML
BBCode

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

جميع الحقوق محفوظة لــ: Azzouweb.com 2016 © المشرف العام ومالك الموقع: Aziz Chalabi