-->

اضافة اداة المتابعة على مواقع التواصل الاجتماعي مع عداد بشكل احترافي

السلام عليكم ورحمة الله
بدون مقدمات'''''''''''''

  • ☻نتوجه الى لوحة التحكم
  • ☻نختار التخطيط
  • ☻ثم  اضافة اداة
  • ☻JAVASCRIPT/HTML
  • تظهر لنا صفحة نقوم بادخال الكود التالي : 
<style>.linkedin:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.whatsapp:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.facebook:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.google-plus:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.youtube:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.instagram:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.twitter:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}.rss:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}li.linkedin{ background:#4a74a0 !important}li.facebook{ background:#366299 !important}li.google-plus{ background:#CB2027 !important}li.twitter{ background:#4099FF !important}li.youtube{ background:#D1252A !important}li.instagram{ background:#c08d64 !important}li.rss{ background:#FFA700 !important}li.whatsapp{ background:#1ca933 !important}border-raduis:10px.fanscount{}.fanscount li {    padding: 0px 20px;    float: right;    width: 88%;    border-radius: 6px;    margin-bottom: 5px;}.fanscount li a {    float: right;    height: 35px;    line-height: 40px;    color: white;    font-size: 20px;    transition: 1.3s;}.fanscount li i {    font-size: 30px;    line-height: 40px;    float: right;    padding: 0px 0px 0px 10px;}.fanscount li a:hover {    color: #fff;}.fanscount li p {    float: left;    line-height: 40px;    font-size: 20px;    color: white;}.fanscount li:hover {    box-shadow: 0 2px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);    background: #2d4562 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtz-c_s8yf6INgRNKq-R2B2knpLU5b-NuNg9MyKSrXBVkE9zedCjTcP50ahpjFaQMycf3HJHLDBGeti7TAgopL5fGV-R8YpA5CO_V6o3QEjLgjpShdJVlzSPTNuMlpMMfQvrCk-N8EHWkW/w938-h350-no/header-6.png) repeat-y center !important;    background-image: linear-gradient(110deg, #254E71 0%, #446FAA 50%, transparent 50%, transparent 100%) !important;}</style>
<div class="fanscount"><li class="facebook" ><a href="#"><i class="fa fa-facebook-square"></i>فيس بوك</a><p>6K+</p></li><li class="youtube" ><a href="#"><i class="fa fa-youtube-square"></i>يوتيوب</a><p>6K+</p></li><li class="google-plus" ><a href="#"><i class="fa fa-google-plus-square"></i>جوجل بلس</a><p>6K+</p></li><li class="twitter" ><a href="#"><i class="fa fa-twitter-square"></i>تويتر</a><p>6K+</p></li><li class="instagram" ><a href="#"><i class="fa fa-instagram"></i>إنستاغرام</a><p>6K+</p></li><li class="rss" ><a href="#"><i class="fa fa-rss-square"></i>خلاصة RSS</a><p>6K+</p></li><li class="whatsapp" ><a href="#"><i class="fa fa-whatsapp"></i>الواتساب</a><p>6K+</p></li><li class="linkedin" ><a href="#"><i class="fa fa-linkedin"></i>لينكيدن</a><p>6K+</p></li></div>
  1. التعديل على الاضافة
  • قم بتغير عداد المتابعين 6K+ و روابط الحسابات مكان # .
  • و اخيرا قم بالحفظ

0تعليقات