مرحبا بكم متابع مدونة ويب تيك احضرت لكم الدوم درس كيف اضافة زر المتابعة مدونة بلوجر في نافدة منسدلة وهي اضافة جميلة جدا وهذه هي معاينة الاضافة
- اذهب الى مدونتك >>>تخطيط>>>اضافة اداة >>HTML/JavaScript
- حط الكود التالي في الاداة
<style scoped='' type="text/css">
/*<![CDATA[*/
#arlinafollowSubscribe{background-color:#464646;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/AVvXsEjE14e7Q9TFopM2gV42kgh10zCQ4I8OsuYpyJ-0LHwc6cB2osM4BujUd-qLPdaDRctD_6nEeA3NTwPaNqDAjbYK-yHeRfeX63StY6X-7xFBM9WNtceFvWJzKc0ohT0jzJenErkA6ibBy90/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="Follow"><b>المتابعون</b></a><br />
<a href="http://www.Blogger.com/follow-blog.g?blogID=65758577554338761" 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/AVvXsEgjmAS_ZH32OEISpkDBwDNbX_53hweEmAkFQIsxmuX0RWfQhV-z5Vbd8LIhunbC2LWzw3d3NM2sx06gcHs7Q0eafpa3cvbQEkGoHXXpnOhNqItqC464pvlFILR9KkJk6-Wg-1_oib2Aaf0/s1600/Follower.png" alt="Join on this site" /></a>
<br />
<p>كن من متابعي مدونتنا</p>
</div>
</div>
ملاحضة قم بتغيير 65758577554338761 بمعرف حسابك كما مبين في الصورة
واخيرا احفض الاداة ومبروك عليك الاضافة
الى هنا ينتهي الدرس بالتوفيق
\اضافة جميلة شكرا لكم
ردحذف\اضافة جميلة شكرا لكم
ردحذفجزاك الله خير على المعلومة
ردحذفشكرا لك اخي
ردحذفاحسنت
ردحذفممكن سوال
ردحذفنحمل هذا كود مكان قالب كله لو. في مكان معين
شكرا أخي يونس على هذه التدوينة الرائعة
ردحذفتحياتي:
أشبال الإنترنت
شكرا للافاده
ردحذفhttps://www.tekegypt.com/2022/01/kayfiat-ansha-mudawanat-walribh-minha-2022.html