أحسن طريقة لوضع صندوق معجبيك على تويتر في مدونتك هي على شكل عائم ومنزلق أحسن من الصندوق التقليدي المربع الشكل الدي يأخد مساحة معتبر من مدونتك أما هده الأداة فلا تأخد اي مساحة فقط القليل جدا وهي عائمة وعند وضع مأشر الماوس عليها ينزلق صندوق معجبيك على تويتر وبه زر تابعنى ,الاداة سريعة في التركيب وهدا مايميز اضافات التويتر السهولة والعملية
نأتي للكود وطريقة التركيب
لاتنسى اخد نسخة احتياطية للقالب
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 كالدي بالأحمر فقط احدفه وضع مباشرة الكود الدي الأسود
ثم احفض القالب
ثم. اذهب للوحة التحكم
الكود:
<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.ثم احفض
ومبروك الاضافة
نأتي للكود وطريقة التركيب
لاتنسى اخد نسخة احتياطية للقالب
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.ثم احفض
ومبروك الاضافة
5 التعليقات:
جزاك الله خيرا اخى موضوع مميز
اتشرف بزيارة مدونتى
http://amar-nana.blogspot.com/
شكرا على الرد الطيب
و لديك مدونة جميلة ومفيدة بصراحة
شكرا جزيلا
لا شكر على واجب
ممكن تعلمني اضافه صوره التويتر الي عندك اسفل الشاشه
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.