عدنا إليكم من جديد في قسم إضافات بلوجر على موقعكم المتميز دوماً ، وإضافة اليوم من الإضافات التي يبحث عنها ويحتاجها أصحاب المدونات والمواقع، وهي إضافة عداد المتابعين التي يُبرز من خلالها أصحاب المواقع قيمة شعبيتهم في مواقع التواصل الاجتماعي، وسنقدم اليوم لكم تصميم راقي وجميل لهذه الإضافة، ويبقى عليكم تغيير عدد المتابعين كما تشاؤون.
لكي تضيف الإضافة لمدونتك عليك بكل بساطة الذهاب إلى صفحة التخطيط في مدونتك ثم تقوم بإنشاء أداة جديدة ثم تلصق الكود التالي بداخلها:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/><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><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/Droidt3ch">عدد المتابعين</a></li><li><i class="fa fa-youtube" style="color:#f22;"></i><a href="https://www.youtube.com/Droidt3ch">عدد المتابعين</a></li><li><i class="fa fa-twitter" style="color:#55ACEE;"></i><a href="https://twitter.com/myouhansson">عدد المتابعين</a></li><li><i class="fa fa-google-plus" style="color:#CA0606;"></i><a href="https://plus.google.com/Droidt3ch">عدد المتابعين</a></li></ul></div>
وبعد لصق الكود تقوم بتغيير عدد متابعيك في الشبكات الاجتماعية بالرقم الذي تريده، وللقيام بذلك تنزل إلى الأسطر الأخيرة من الكود وتقوم بتغيير"عدد المتابعين" بالعدد الذي ترغب به وكذلك تغيير الرابط، بعدها تقوم بحفظ الأداة، و تمتع بالتصميم الأنيق والمميز لهذه الإضافة على صفحا مدونتك وموقعك.
إذا أعجبتكم هذه المقالة واستفدتم منها ساهموا معنا في نشرها واستمروا بدعمنا ومتابعتنا لنشر كل جديد في عالم لتقنية.
المصدر درويد تيك
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).