السبت، 18 فبراير، 2012

أضف صندوق معجبيك على" تويتر" "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>



ملاحضة :غير شامل كول  باسم صفحتك في التويتر

 ملا حضة ولمن لا يعرف تابع ,,,,




انسخه وضعه في الكود7.ثم احفض

                                                                     ومبروك الاضافة




Social Sharing Widget bychamelcool


5 التعليقات:

جزاك الله خيرا اخى موضوع مميز
اتشرف بزيارة مدونتى
http://amar-nana.blogspot.com/

شكرا على الرد الطيب

و لديك مدونة جميلة ومفيدة بصراحة

ممكن تعلمني اضافه صوره التويتر الي عندك اسفل الشاشه

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog