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

اليوم معنا اضافه خاصه بمدونات بلوجر

وهى اضافه عداد متابعين الشبكات الاجتماعيه للمدونه

مع امكانيه التحكم فى عدد المتابعين ليظهر

للزائر بالعدد الذى تختاره 

توجه الى صفحه التخطيط بمدونتك

اختر اضافه اداه  HTML/JAVA

قم بنسخ الكود بالاسفل والصقه بالاداه واضغط حفظ :

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/><br /> <style> /*-------------------- font --------------------*/ @font-face { font-family: "Ta3alamFont"; font-weight: normal; font-style: normal; src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot); src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'), url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'), url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype'); } /*-------------------- #font# --------------------*/ .conteurfans{ margin: -11px; background: #515151; border: 1px solid #1D0000; border-radius: 5px; padding: 20px 10px; box-shadow: 0px 0px 30px -10px #000 inset; } .conteurfans h3{ width: 100%; color: #fff; font-weight: normal; font-size: 25px; text-align: center; height: 50px; } .conteurfans i{ margin: 0px 0px 0px 8px; font-size: 20px; } .conteurfans ul{ width: 260px; height: 80px; margin: 0px 10px; padding: 0px; } .conteurfans ul li{ width: 55px; height: 60px; border-radius: 4px; background: #FFFFFF; float: right; display: block; margin: 0px 5px 0px; box-shadow: 0px 0px 30px -15px #000 inset; padding: 4px 0px 10px; text-align: center; } .conteurfans ul li a{ color: #515151; font-weight: bold; } .conteurfans ul li a:hover{ color:#000; } .conteurfans ul li i{ width: 44px; font-size: 30px; padding: 9px 0px 6px; margin:0px; } </style><br /> <div class="conteurfans"> <h3> <i class="fa fa-users"></i>عداد المتابعين</h3> <ul> <li><i class="fa fa-facebook" style="color:#43609C;"></i><a href="https://www.facebook.com/tecnolinebloger">عدد المتابعين</a></li> <li><i class="fa fa-youtube" style="color:#f22;"></i><a href="https://www.youtube.com/user/MrShikotop">عدد المتابعين</a></li> <li><i class="fa fa-twitter" style="color:#55ACEE;"></i><a href="https://twitter.com/OxOaHmeD">عدد المتابعين</a></li> <li><i class="fa fa-google-plus" style="color:#CA0606;"></i><a href="https://plus.google.com/+MrShikotop">عدد المتابعين</a></li> </ul> </div> <div> </div> </div>

استبدل روابط الشبكات الاجتماعيه بروابط الخاصه بك .

استبدل كلمه (عدد المتابعين) لكل موقع بالعدد الذى تريد ان يظهر .