موضوع جديد على المدونة هو موضوع هام بالنسبه للكثيرون من مستخدمى بلوجر وهى إضافة أداة المتابعة فى بلوجر منبثقه
مثل الذى يتم أستخدامها فى المدونة الخاصه بنا الأن وهى إضافة قد تعجب الكثيرون من المدونون فى بلوجر
. شرح التركيب 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-JOmUBB5gLFqCTxwm6bVxcZemymthz4vnhMGrUS5LKPVklhzaZi48aCeZ9KVDNXulFvUrk8Oc6XnFhk-9tOOjagFhaQEcshhSPVXlGOPW95eRqDo-2hARAp11rMryjycLSqV_HKHoias/s1600/wdbloog.png" alt="إنضما إلينا الأن" /></a>
<br />
<p>إنضم الينا ليصلك كل جديد عالمنا</p>
</div>
</div>
2- الأن يجب تغيير معرف بلوجر الخاص بالمدونة الخاصه بنا هذا 6834270398171671909 بمعرف بلوجر الخاص بك
ولمعرفة معرف بلوجر الخاص بك تابع الصورة التالية
ليست هناك تعليقات:
إرسال تعليق