أداة المتابعة بشكل منبثق

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

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

التركيب؟

1. توجه مباشرة إلى التخطيط
2. في أي مكان أضف اداة HTML JAVASCRIPT
3. ألصقه فيه الكود التالي واحفظ الترتيب

<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/AVvXsEgte1chI_ybI8GcVuI9xCdlEQVNCdUw5QNQDMZaDXPSdQAZWH_BbF4wweNEO3BflWPHo_v7rvx6hQYzLnMR32IbLroLXkf6vk_kkCEBbBboMMdxjYmFgRDPqUXEi9tURn7wx2Tptsh88ySy/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/AVvXsEhZEAVU-my1BotA25By3M_n8T0V0S1o8yO3L1LStd67qxoqNfmgI-KBYyQO4niGLrqEZr-4wWS1g99dzehuKBBj4KAGlpOvXKFfeBuRIUUEeDmkQQxtuVi_b8Jav6hHP1eOPtdz2-XWjyk/s1600/wdbloog.png" alt="إنضما إلينا الأن" /></a> <br /> <p> إنضم الينا ليصلك كل جديد عالمنا</p> </div> </div>

ملاحظة:

    - يمكنك تغيير العبارات الموجودة بالرسالة واللون ... 
    - إستبدل معرف غوغل+ الخاص بي بالخاص بك (الأحمر)

6834270398171671909

#صف

*

أداة المتابعة

*

450KB

*

-

*

غوغل دريف