أضف صندوق معجبيك على" تويتر" "twitter"بشكل عائم ومنزلق لمدونة بلوجر

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

نأتي للكود وطريقة التركيب 

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب 
ثم ابحث عن الكود التالي :بالضغط على   alt + f   


</head>



ثم ضع تحته مباشرة الكود التالي




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://makingdifferent.googlecode.com/files/fanbox_init.js" type="text/javascript"></script>



ملاحضة ادا كنت قد اضفت سابقا كود java script  كالدي بالأحمر  فقط احدفه وضع مباشرة الكود الدي الأسود



ثم احفض القالب




ثم. اذهب للوحة التحكم 

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار Html/Javascript

الكود:

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".mdslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">.mdslikebox{background: url("http://3.bp.blogspot.com/-erfRWcXzmgU/TwFo5Voq2oI/AAAAAAAACLA/9sdI9M7iwhg/s1600/%255Bwww.gj37765.blogspot.com%255Dtwitter.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 275px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.mdslikebox div{border:none;position:relative;display:block;}.mdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdslikebox span a{color: #808080;text-decoration:none;}.mdslikebox span a:hover{text-decoration:underline;}</style><div class="mdslikebox" style=""><div><div id="twitterfanbox"><script type="text/javascript">fanbox_init("شامل كول");</script>
</div id="twitterfanbox"><span>By <a href="http://chamelcool.blogspot.com/">chamelcool</a> / <a href="http://chamelcool.blogspot.com/2012/01/add-static-twitter-pop-out-fan-follow.html">+Get This!</a></span></div></div>