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

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

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

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

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

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

1 - ادخل الى مدونتك >> ثم التخطيط >> اضافة اداة >> HTML/JavaScript

<style scoped='' type="text/css">
/*<![CDATA[*/
#arlinafollowSubscribe{background-color:#464646;width:160px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.arlinafollowButton{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}
.arlinafollowButton span{background:url("https://4.bp.blogspot.com/-fc3-0J--iW8/VyPNjRmxJtI/AAAAAAAAD7U/emRRY6ntYEg3IaL-mev9XxE9M1OKh50fACLcB/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.arlinafollowButton:hover,.arlinafollowButton:focus,.followActive,.followActive:hover{color:#fff}
.arlinafollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.arlinafollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.arlinafollowForm p{margin:10px 0}
.arlinaFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.arlinaFollowFooter a{color:#aaa;background:none;text-decoration:none}
.arlinaFollowFooter 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("#arlinafollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".arlinafollowButton").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="arlinafollowSubscribe" style="bottom: -971px;">
  <div class="arlinafollowForm">
    <a class="arlinafollowButton" href="#" title="Follow"><b>المتابعون</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=7229036925969153002" 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://1.bp.blogspot.com/-HViEx99kxmQ/VyPMrPGAvEI/AAAAAAAAD7M/bWz5CKpHrHkxtVdgL0z-xJQa_nA_tK0gACLcB/s1600/Follower.png" alt="Join on this site" /></a>
    <br /></div></div>

ملاحظة ضرورية : عندما تقوم بتركيب الكود على جافا سكريبت قم بتغيير هذا الرقم 7229036925969153002 الى الرقم الخاص بك في المدونة كما في الصورة ثم عملية الحفظ .