السلام عليكم ورحمة الله وبركاته
أهلا وسهلا بكم متابعي مدونة اسمعنى اون لاين من الاضافات المهمة لقالب بلوجر هي طريقة التواصل مع زوار مدونتك منها أداة المتابعة منها يتعرف عليك الزائر ويتابعك عن طريق الفيس بوك واليوتيوب وجوجل بلس وتويتر وانستغرام ما الى ذلك .
اليوم سوف نستعرض أداة جديدة يمكن من تركيبها على مدونتك مع عداد بشكل احترافي
طريقة التركيب
- نقوم بالدخول إلى التخطيط
- ثم اضافة أداة جديد ونقوم بوضع هذا الكود مع بعض التغيرات
<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/AVvXsEi7MwDGZGHTM3nH4t23XYZK8caYkAeOy819BE-LdPlvqYf-AyL3KyHDVfXZCpCagz1JW2XHkpJafTl3J5AzkE0HPIN3b0EcTkooBUtQgyafiKqRjc5jAUvyzBCKzp_HSw-VRyPos62vdLWe/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 وروابط المتابعين #