ازرار الاعجاب بالموقع

عايزة كود الاعجاب بالموقع زى اللى هنا فى الدعم على اليمين يظهر

ازرار المواقع الاجتماعية

بشكل كويس

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

الكود:

  

<div id="follow_fdf">
  <a class="social-button fb-but" href="https://www.facebook.com/" target="_blank" title="Facebook"></a>
 <a class="social-button yt-but" href="https://www.youtube.com/user/" target="_blank" title="Youtube"></a>
<a class="social-button tw-but" href="https://twitter.com/" target="_blank" title="Twitter"></a>
  <a class="social-button gp-but" href="https://plus.google.com/" target="_blank" title="Google+"></a>
 <!-- <a class="social-button pi-but" href="/#" target="_blank" title="Pinterest"></a> -->
  <a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a></div>
   
<style>
                            .social-button {
    background: url(http://i18.servimg.com/u/f18/18/21/41/30/fa_fol12.png) no-repeat 0 0 #ADADAD;
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    margin: 3px;
    transition: 250ms background-color;
    width: 32px;
}
                            #follow_fdf {
    float: right;
    height: 40px;
    padding: 2px 10px 0px 0px;
}
                            .social-button.fb-but {
    background-position: -0 0;
}
     .social-button.fb-but:hover {
    background-color: #3B5998;
}                      
                            .social-button.tw-but {
    background-position: -32px 0;
}
                            .social-button.tw-but:hover {
    background-color: #5EA9DD;
}
                            .social-button.gp-but:hover {
    background-color: #DD4B39;
}

.social-button.gp-but {
    background-position: -64px 0;
}
                            .social-button.pi-but:hover {
    background-color: #B00;
}
.social-button.pi-but {
    background-position: -96px 0;
}
                            .social-button.yt-but:hover {
    background-color: #E52C27;
}
.social-button.yt-but {
    background-position: -128px 0;
}
                            .social-button.rs-but:hover {
    background-color: #FAA21B;
}
.social-button.rs-but {
    background-position: -160px 0;
}
                          </style>




تسلمى حبيبتى انا اقصد معرفة عدد المعجنين بالموقع سواء تويتر او الفيس بوك او جوجل لانى وضعت الكوت لقيت الازرار ولما بدوس على اى زرار بيفتح على موقع اجتماعى  انا عايزة كل واحد يسجل اعجاب  يظهر عدد المعجبين

اهلا اختي من خلال لوحة الادارة . عناصر لضافية . ادارة العناصر المستقله على الرئيسية
. اختاري عناصر شخصية وستجدين مستطيل
Like/Tweet/+1
قومي باضافته كعنصر على يمين او يسار وسجلي
شرح اضافة عناصر البوابة على الرئيسية
help.ahlamontada.com/t145400-topic

دى مدونة حبيبتى وليس منتدى