اضافة اداة المتابعين بشكل منبثق للبلوجر

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

شرح التركيب : 

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg11TZ-SbBN0AkNM9c5umNjeDslCiZRzvRWtYhlkQ6rlB52_05UfHTQKTTexmGIDqhyYWcwax-5uuIDNctVTNcaGYljsvZYEGlHVZBLioh0dufPz4Ujxehczroi8Wyi80liMzotNGp23FVq/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/AVvXsEjyRcosLMyr0NJnMBMd-Z86YZDWhRX-c_GGhHgDZBB5UqXFyq9NEM2KX_RK9dFun-g6vlywiOYPAmwzdmbCYHyNguG9BPuBuPDqh9wXzhbmm_27dljYKw9jo9FpDVreJkI-aX33iAAkQ70/s1600/wdbloog.png" alt="إنضما إلينا الأن" /></a> <br /> <p>إنضم الينا ليصلك كل جديد عالمنا</p> </div> </div>

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

شارك الموضوع ..