اضافة انضمام الى الموقع اسفل الشاشة




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








شرح طريقة التركيب:

1. توجه الى لوحة التحكم. 
2. تخطيط >>اضافة اداة  HTML/Javascript الكود التالي:

<style scoped='' type="text/css">
/*<![CDATA[*/
#indzignfollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.indzignfollowButton{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}
.indzignfollowButton span{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM-fnwYv-udlFS8YWg5CxTW_z985MlhCoS6CxE4oXEiEWMoPtip2EXyXhh3CCSB-F8XR1kGH64usAbBf2n7KftJPAqczW7J5g03oEuY5JX2b5kIuDrZIEj4MeOBS5PGTk14Ev4uh556HnE/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.indzignfollowButton:hover,.indzignfollowButton:focus,.followActive,.followActive:hover{color:#fff}
.indzignfollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.indzignfollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.indzignfollowForm p{margin:10px 0}
.indzignFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.indzignFollowFooter a{color:#aaa;background:none;text-decoration:none}
.indzignFollowFooter a:hover{color:#fff;background:none}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(indzign){indzign(document).ready(function(){indzign.extend(indzign.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=indzign("#indzignfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-510px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);indzign(".indzignfollowButton").click(function(e){if(followBox.hasClass("followOpened")){indzign(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{indzign(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>
<div id="indzignfollowSubscribe" style="bottom: -971px;">
  <div class="indzignfollowForm">
    <a class="indzignfollowButton" href="#" title="Follow"><b>+ انضم الينا</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=4106182387019977975&quot; 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/AVvXsEhTVxx8jwSK54WUxpBlIzZ_wCQUv4jx0DwVlnIWoJTVA2wPF0cJOFXWG8soP3nK8TeExuQriNLn2P_cs0RY6BR_DOnSLgtyNP-hcklNYBoJbkptjOvX5s5dbFKaB6vfM-aur0AYawB7x_vI/s1600/Follower.png" alt="Join on this site" /></a>
    <br />
    <p>تواصل Google</p>
  </div>
</div>
* المحدد بالأزرق ضع بدله ID مدونتك.
طريقة ايجاد ID المدونة تابع الصورة التالية.



3. احفظ القالب 

7 comments

avatar

الطريقة لاتعمل ياصديقي (o)

avatar

ضع رابط مدونتك للمعاينة

avatar

جميل جداً ، طيب عاوزها من الناحية التانية اللي هي على اليسار وليس اليمين ، كيف الطريقة
رابط المدونة
sheekaranet.blogspot.com

avatar

شكرآ لمرورك اخي، قم بإستبدال right:10px
بـ left:10px
يمكنك تغير 10px بما يناسبك .

avatar
غير معرف 17 مارس 2016 في 12:59 م
المشرف

اخي لاتعمل

avatar
غير معرف 17 مارس 2016 في 1:00 م
المشرف
أزال أحد مشرفي المدونة هذا التعليق.