تركيب زر المتابعين فى بلوجر منزلق

شرح طريقة اضافة صندوق المتابعين فى بلوجر منزلق مع الصعود والنزول بطريقة جميلة وهذا هو وقت السيو فى بلوجر فى هذا الشرح سوف تعرف كيفية اعداد تثبيت "المتابعين فى بلوجر" مع تأثير الانزلاق installing slip follow blogger button طريقة جعل متابعون بلوجر ثابت مع الصعود والنزول للصفحة التدوينة تركيب متابعة مدونة بلوجر بشكل منزلق اضافة سلايدر منزلق المتابعين فى بلوجر
كيفية إضافة أداة المتابعين في بلوجر منزلق

تركيب زر المتابعين فى بلوجر منزلق

وسوف يظهر هذا الزر بسهولة من قبل الزوار. وعلاوة على ذلك، إذا كان الزائر مهتمة في المواد قراءة، لم يستبعد الزائر سينضم فورا وتابع لدينا المدونة عبر "المتابعين" أن نضع على الجزء السفلي من المدونة بحيث هذا الزر يعمل ومفيد.

سلايدر منزلق المتابعين فى بلوجر

تركيب زر المتابعين منزلق اسفل المدونة

1- اذهب الى المدونة الخاصة بك و التخطيط إنشاء واجهة مستخدم جديد ثم قم بإضافة اللى هي دي Create a new widget وبعدها اضف هذا الكود

<style scoped='' type="text/css">
/*<![CDATA[*/
#tvtionfollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.tvtionfollowButton{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}
.tvtionfollowButton span{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipssSLtRpm_QqW9tGmRrpP-Cej3wUAPzG2nxRFHX5AcaVhFT4-AulmuAXAIMhN-6u7iPC_JZ718WptQaQwLH7FRveAs3bv8CpDp7W7Y7Tp95H_D2xBsMf5XX7G9ZxIB6AcNj-8_uUK-4Ka/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.tvtionfollowButton:hover,.tvtionfollowButton:focus,.followActive,.followActive:hover{color:#fff}
.tvtionfollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.tvtionfollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.tvtionfollowForm p{margin:10px 0}
.tvtionFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.tvtionFollowFooter a{color:#aaa;background:none;text-decoration:none}
.tvtionFollowFooter a:hover{color:#fff;background:none}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
!function(e){e(document).ready(function(){e.extend(e.easing,{easeOutCubic:function(e,o,t,a,n){return a*((o=o/n-1)*o*o+1)+t}});var o=e("#tvtionfollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".tvtionfollowButton").click(function(a){o.hasClass("followOpened")?(e(this).removeClass("followActive"),o.removeClass("followOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(e(this).addClass("followActive"),o.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),a.preventDefault()})})}(jQuery);
/*]]>*/
</script>
<div id="tvtionfollowSubscribe" style="bottom: -971px;">
  <div class="tvtionfollowForm">
    <a class="tvtionfollowButton" href="#" title="Follow"><b>+ المتابعين</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=3291597391075247296" title="join this site" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SbGxVoDfPLuEaEozV-Ko-Z_szlSyz_03TlMDXdKRRkFxSn52uhvbP9UB_obqsno46qq4EP31OgEGX2su-exXYI0tTtiz0HwIcCYvQ7mbTBwVYtb_wRoLlNcuvWJ27L4AggCxNJfWIm5G/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <p>with Google Friend Connect</p>
  </div>
</div>

استبدال رمز التي تم وضع علامة مع معرف الأصدقاء كود بلوق. رمز هوية بلوق الأصدقاء يمكن أن نرى عادة على شريط البحث في بلوق متصفح فى الاحصائيات كما هو موضح أدناه فى الصورة

تركيب زر المتابعين فى بلوجر منزلق

2- حفظ كل شئ عملناه

زر المتابعين فى بلوجر منزلق

المعاينة والنتيجة