404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

الاثنين، 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 بمعرف بلوجر الخاص بك ولمعرفة معرف بلوجر الخاص بك تابع الصورة التالية .



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

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

هناك 6 تعليقات:

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

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

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

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

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

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

إتصل بنا

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