recent
أخبار ساخنة

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

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

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

اليوم سوف نستعرض أداة جديدة يمكن من تركيبها على مدونتك مع عداد بشكل احترافي

طريقة التركيب 


  • نقوم بالدخول إلى التخطيط 
  • ثم اضافة أداة جديد ونقوم بوضع هذا الكود مع بعض التغيرات 

 <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(//lh6.googleusercontent.com/-eEeGMzcwFsk/VFd2U42GgrI/AAAAAAAAAto/V4nIrsip9HU/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>

التعديل على الاضافة 

قم بتغيير عداد المتابعين 6k وروابط المتابعين #
google-playkhamsatmostaqltradent