6/13/2013 05:30:00 ص

إضافة أزرار تابعني تقفز من داخل السلة لمدونات بلوجر






1.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

]]></b:skin>
2.ثم قم بلصق قبله هذا الكود :

.stack {
position: fixed;
bottom: -5px; right: 940px; }
.stack > img { position: relative;
cursor: pointer;
padding-top: 28px;
z-index: 2;
}
.stack ul { list-style: none;
position:absolute;
top: 5px;
cursor: pointer; z-index: 1;
}
.stack ul li { position: absolute;
}
.stack ul li img { border: 0;
}
.stack ul li span { display: none;
}
.stack .openStack li span { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
display:block;
height: 0px;
position:absolute;
top: 17px;
right:60px;line-height: 14px;border: 0;background-color:transparent;padding: 0px 0px;
border-radius: 10px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;color: #4F3939;text-align: center;
text-shadow: #000 1px 1px 1px;opacity: .85;filter: alpha(opacity = 85);
}/* IE Fixes */.stack { _position: absolute; }.stack ul { _z-index:-1; _top:-15px; }.stack ul li { *right:5px; }
يمكنك تبديل القياسات ذات اللون الأحمر لإختيار موضع الأداة في مدونتك .

3.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
(لا تضع للأداة أي عنوان)

<div class="stack">
<img alt="stack" src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" ilo-full-src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" /><ul id="stack">

<li><a href="http://www.facebook.com/pages/mdwnt-abw-ayad/129817460386636"><span></span><img alt="Facebook" src="http://1.bp.blogspot.com/_JUJEXEamsyU/SseBy0fACpI/AAAAAAAAAko/mVIO1rP2a7g/s320/facebook.png" ilo-full-src="http://1.bp.blogspot.com/_JUJEXEamsyU/SseBy0fACpI/AAAAAAAAAko/mVIO1rP2a7g/s320/facebook.png" /></a></li>

<li><a href="http://feeds.feedburner.com/feedburner/simo"><span></span><img alt="RSS" src="http://www.trables.com/social_images/rss.png" ilo-full-src="http://www.trables.com/social_images/rss.png" /></a></li>

<li><a href="http://www.youtube.com/simochardo"><span></span><img alt="youtube" src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" ilo-full-src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" /></a></li>

<li><a href="http://twitter.com/abuiyad007"><span></span><img alt="technorati" src="http://2.bp.blogspot.com/_JUJEXEamsyU/SseBvuXqEbI/AAAAAAAAAkY/sZbUDV5zNH0/s320/twitter.png" ilo-full-src="http://2.bp.blogspot.com/_JUJEXEamsyU/SseBvuXqEbI/AAAAAAAAAkY/sZbUDV5zNH0/s320/twitter.png" /></a></li>



<li><a href="http://delicious.com/chardo007"><span></span><img alt="delicious" src="http://1.bp.blogspot.com/_JUJEXEamsyU/SseB3LY7lkI/AAAAAAAAAk4/1lsxOZ_klP4/s320/delicious.png" ilo-full-src="http://1.bp.blogspot.com/_JUJEXEamsyU/SseB3LY7lkI/AAAAAAAAAk4/1lsxOZ_klP4/s320/delicious.png" /></a></li></ul></div>

<!-- end div .stack --><script src="https://sites.google.com/site/mohamedabuiyad/button/jquery.min.js" type="text/javascript"></script><script src="https://sites.google.com/site/mohamedabuiyad/button/fisheye-iutil.min.js" type="text/javascript"></script>

<span ><a href="http://www.monte-escalier-prix.org/" target="_blank"></a></span>
لا تقم بتبديل صورة السلة التي تتمثل بالروابط ذات اللون الأزرق فإن بدلت الروابط لن يظهر لك شىء مكان الأداة::(
لا تنسى تبديل الروابط ذات اللون الأحمر بالروابط الخاصة بك .:yawn:
1.رابط صفحة الفيسبوك لديك
2.رابط الخلاصات RSS
3.رابط قناتك الخاصة على التويتر
4.رابط التويتر
5.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار المراد تركيبها









0 التعليقات:

إرسال تعليق


إذا لم يكن لديك جيميل يرجى التععليق بصفتك غير "معرف / مجهول"
كن من أعضاء المدونة من هنـــــــــــــــــــــــــــــــــــــــــــــــا