اضافة اداة المتابعة على مواقع التواصل الاجتماعي مع عداد بشكل احترافي
السلام عليكم ورحمة الله
بدون مقدمات'''''''''''''
- ☻نتوجه الى لوحة التحكم
- ☻نختار التخطيط
- ☻ثم اضافة اداة
- ☻JAVASCRIPT/HTML
- تظهر لنا صفحة نقوم بادخال الكود التالي :
.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/AVvXsEiZ49AepXKELp9qVY4b-C1rs_25BbrPHZU4gIcyzwqD376dswGJYE27Eqpug_b6IvH0AtuiQLNaeOf5aC3Usg2qV5tffyUpsqkxSuL7eCdtzd9-StucL-CcZL7VBu38yoOo2C4E-uyPxVz2/w938-h350-no/header-6.png) repeat-y center !important; background-image: linear-gradient(110deg, #254E71 0%, #446FAA 50%, transparent 50%, transparent 100%) !important;}
- التعديل على الاضافة
- قم بتغير عداد المتابعين 6K+ و روابط الحسابات مكان # .
- و اخيرا قم بالحفظ
تعليقات
إرسال تعليق