فور عربى: اضافات بلوجر اضافة زر المتابعين في المدونة

اضافات بلوجر javascript - اضافة زر المتابعين في المدونة

إضافة اكواد بلوجر جاهزة كزر المتابعين في مدونتك لها أهمية كبيرة لعدة أسباب:

1. بناء جمهور مخلص: يسهل زر المتابعة على القراء الانضمام إلى جمهورك، مما يزيد من فرص تفاعلهم مع المحتوى الذي تنشره.

2. تلقي الإشعارات: المتابعون يحصلون على إشعارات عند نشر محتوى جديد، مما يشجعهم على زيارة مدونتك بانتظام.

3. زيادة الزيارات للموقع: كلما زاد عدد المتابعين، زادت الزيارات المتكررة لموقعك، وهذا يعزز من شعبيته.

4. تعزيز التفاعل: القراء الذين يشعرون بالانتماء لجمهور مدونتك قد يشاركون بنشاط أكبر من خلال التعليقات ومشاركة المحتوى.

5. التواصل المباشر: يوفر زر المتابعة طريقة سهلة للتواصل مع جمهورك، سواء بإرسال تحديثات أو رسائل خاصة.

6. تحسين ترتيب محركات البحث: زيادة الزيارات والتفاعل يساهم في تحسين ترتيب مدونتك في نتائج البحث، مما يجعلها أكثر ظهورًا للجمهور الجديد.

باختصار، إضافة زر المتابعين هي خطوة استراتيجية تعود بالنفع على مدونتك من خلال توسيع قاعدة الجمهور، تحسين التفاعل، وزيادة الزيارات، مما يسهم في نجاحها على المدى الطويل.

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

اضافة زر المتابعين في المدونة

تابع شرح اضافات بلوجر
اذهب الى مدونتك
تخطيط
اضافة اداة
HTML/JavaScript
ضع الكود التالي في الاداة

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><style scoped type="text/css">#elproffollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}.elproffollowButton{background:#464646;color:#fff;font-size:13px;line-height:28px;padding:0 10px;text-decoration:none;position:absolute;top:-28px;right:0;display:block;border-radius:2px 2px 0 0;height:28px;font-weight:700}.elproffollowButton span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYScjMhpquBtR22foQWOE-DLoD-IY7bbm35nk3aG3XRbsBhsBX6-nmweRvLctqhJqq444SX8xvnLc43GHDm7ULXN6H2FCsmdhhYDNTCkJhJXPtNVoHy2Fc7gFDRcrzXngxmMK8soEJO6fN/s1600/follow-blogger.png) no-repeat scroll 0 3px transparent;padding-left:15px}.elproffollowButton:focus,.elproffollowButton:hover,.followActive,.followActive:hover{color:#fff}.elproffollowButton:hover span,.followActive span{background-position:0 -37px!important}.followactive{background-color:#333}.elproffollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}.elproffollowForm p{margin:10px 0}.elprofFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}.elprofFollowFooter a{color:#aaa;background:0 0;text-decoration:none}.elprofFollowFooter a:hover{color:#fff;background:0 0}</style><script type="text/javascript">!function(n){n(document).ready(function(){n.extend(n.easing,{easeOutCubic:function(e,o,t,n,s){return n*((o=o/s-1)*o*o+1)+t}});var o=n("#elproffollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),n(".elproffollowButton").click(function(e){o.hasClass("followOpened")?(n(this).removeClass("followActive"),o.removeClass("followOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(n(this).addClass("followActive"),o.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),e.preventDefault()})})}(jQuery)</script><div id="elproffollowSubscribe" style="bottom:-510px;display:none"><div class="elproffollowForm"><a class="elproffollowButton" href="https://www.blogger.com/blogger.g?blogID=21405188803616028#" title="Follow"><b>+ تابعنا</b></a><a href="http://www.blogger.com/follow-blog.g?blogID=7363821103454506744" onclick='return window.open(this.href,"dmfollow","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521"),!1' style="font-weight:700;text-align:center;text-decoration:none" title="join this site"><img alt="Join on this site" src="https://static.vecteezy.com/system/resources/previews/021/055/234/original/follow-us-button-for-social-media-free-free-png.png?timestamp=1374887910934" width="180px"></a>أنضم إلى مدونتنا وتمتع بمواضيعنا الرائعة</div></div>

تأكد من تحميل jQuery:

أولاً، تأكد من أن jQuery مضاف إلى صفحتك قبل السكريبت الخاص بك. إذا لم يتم تحميل jQuery، فلن يعمل الكود. يمكن إضافة jQuery باستخدام الوسم <script> في <head> أو قبل إغلاق وسم </body>: