اليوم سنتعرف على إضافة جديدة كليا لبلوجر يمكنك بها جمع الكثير من المتابعين و هي أداة تابعني على جوجل حيث تنزلق بشكل جذاب من زاوية الشاشة الأيمن عند الضغط عليها و هي لاتؤثر أبدا على سرعة المدونة أو أدائها.
طريقة تركيب الإضافة بسيطة جدا كل ماعليك هو الدخول إلى لوحة التحكم في بلوجر ثم التخطيط ثم إضافة أداة في أي مكان تريده فالمكان لا يهم ثم 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/AVvXsEi1qs98ZWnSPXE0wTlmRApxU_76TgMCXMJsuV3OWUfxtuLPrZlgLrfn2kxhr6BJ76l84_DeMs4F-kEjleRa6Z-aaIMt9LjtOmtOmOToBh08QmEfO_1DILfzOu0k51alsJ7cRyOETdwkuKCG/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>+ Follow</b></a>
<br />
<a href="http://www.Blogger.com/follow-blog.g?blogID=7342017194742683056" 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/AVvXsEiL180RblQOM_6qQRpPPEke2ZtzZfgW4AVvq9oLU6M0lYrFNPZsiFvN-e7aL-DAqS8gKf6D27J3lytHhXlbCDotak8D3C3-KBTNgpid1UMYP9LbnZLwvDiOZNTD3WWXv83fbNSSTinuraNE/s1600/Follower.png" alt="Join on this site" /></a>
<br />
<p>with Google Friend Connect</p>
</div>
</div>مع تغيير ما تم تلوينه بما يناسب:
أولا قم بتغيير + Follow التي تم تلوينها بالبنفسجي إذا كنت تريد بكلمة تابعنا أو أي شيء تريده أو اتركها كما هي.
ثانيا قم بتغيير ما تم تلوينه باللون الأسود مثلا إلى "انظم إلى قائمة الأصدقاء" أو ما شابه ذلك أو يمكنك تركها كما هي.
ثالثا و أخيرا قم بتغيير ما تم تلوينه باللون الأزرق إلى الID الخاص بمدونتك و هذه الصورة أسفله توضح كيفية الحصول عليه:
و النتيجة أنك ستحصل على مثل هذه الإضافة:
أرجو أن ينال الموضوع إعجابكم لا تنسوا الإعجاب بالمدونة و ترك تعليق بالأسفل لتشجيعنا على الاستمرار.
ليست هناك تعليقات:
إرسال تعليق