إضافة أداة المتابعة فى بلوجر منبثقه - عالم المدون

الاثنين، 2 مايو، 2016

إضافة أداة المتابعة فى بلوجر منبثقه


موضوع جديد على المدونة هو موضوع هام بالنسبه للكثيرون من مستخدمى بلوجر وهى إضافة أداة المتابعة فى بلوجر منبثقه مثل الذى يتم أستخدامها فى المدونة الخاصه بنا الأن وهى إضافة قد تعجب الكثيرون من المدونون فى بلوجر ويمكنك مشاهدة المعاينة فى المدونة .


شرح التركيب

1- الإضافة تتمثل فى كود واحد فقط وهذا الكود يتم وضعه فى أداة جديده من التخطيط أداة HTML/JavaScript وهذا هو الكود .

<style scoped='' type="text/css">
/*<![CDATA[*/
.arlinafollowForm p {font-family: Electrolize,ge_dinar_tworegular;font-size: 13px;}
a.arlinafollowButton.followActive {background-color: #F74047;color: #fff;}
a.arlinafollowButton {color: #FFFFFF;background: #456B8E;}
#arlinafollowSubscribe{background-color:#F74047;width:220px;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="متابعه"><b style="font-family: Electrolize,ge_dinar_tworegular;   font-size: 13px;  font-weight: 100;">تابعنا هنا</b></a>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=6834270398171671909" title="إنضما إلينا الأن" 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://2.bp.blogspot.com/-j4yxBtNjph4/VyUof2U7_HI/AAAAAAAATxA/q3M3k33hTk8c3KPbBGctm3_kTYRrEKlAwCLcB/s1600/wdbloog.png" alt="إنضما إلينا الأن" /></a>
    <br />
    <p>إنضم الينا ليصلك كل جديد عالمنا</p>
  </div>
</div>


2- الأن يجب تغيير معرف بلوجر الخاص بالمدونة الخاصه بنا هذا 6834270398171671909 بمعرف بلوجر الخاص بك ولمعرفة معرف بلوجر الخاص بك سوف تجده فى رابط بلوجر عندما تدخل الى مدونتك  .



وهذا كل شئ فى موضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)

شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

  • اضافة تعليق
  • 8 تعليق على موضوع : إضافة أداة المتابعة فى بلوجر منبثقه

    يسعدنى انها اعجبتك
    بالتوفيق لك

    اداة رائعه وابتكار جميل جدا

    يسعدنى كثيرا انها اعجبتك :)

    اضافة جميل ومفيدا كتيراا شكراا عاليها اخي عبدو دائما انت الافضل

    شكرا لك اخى انت ايضا على دعمك المستمر لنا

    اخى الاضافة تظهر صورة بها مستطيل به علامة تعجب

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

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر