الرئيسيةأحدث الصورالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Ahmed Hamdi
.:: مؤسس الموقع ::.
Ahmed Hamdi


معلومات العضو

إضافة أزرار تابعني لمدونات بلوجر  Empty
مُساهمةموضوع: إضافة أزرار تابعني لمدونات بلوجر    إضافة أزرار تابعني لمدونات بلوجر  Icon_minitimeالأربعاء 27 يونيو 2012, 11:26 am

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

هذه الإضافة عبارة على "سلة" تحتوى على هذه الأزرار وتقوم بالقفز من السلة
عند النقر عليها ,و تعود الأزرار داخل السلة بطريقة جميلة عند النقر مرة
ثانية ويمكنك أيضا التحكم في موضع هذه الأداة حسب تنسيق مدونتك.إضافة أزرار تابعني لمدونات بلوجر  Abu+iyad
المعاينة

مدونة الكول تون


طريقة التركيب

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

الكود:
<blockquote>
]]></b:skin></blockquote>

2.ثم قم بلصق قبله هذا الكود :

الكود:
.stack {
position: fixed;
bottom: [color=red]-5px; right: 940px[/color]; }
.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="[color=blue]http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png[/color]" ilo-full-src="[color=blue]http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png[/color]" /><ul id="stack">

<li><a href="[color=red]http://www.facebook.com/pages/mdwnt-abw-ayad/129817460386636[/color]"><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="[color=red]http://feeds.feedburner.com/feedburner/simo[/color]"><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="[color=red]http://www.youtube.com/simochardo[/color]"><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="[color=red]http://twitter.com/abuiyad007[/color]"><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="[color=red]http://delicious.com/chardo007[/color]"><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>

لا تقم بتبديل صورة السلة التي تتمثل بالروابط ذات اللون الأزرق فإن بدلت الروابط لن يظهر لك شىء مكان الأداة
لا تنسى تبديل الروابط ذات اللون الأحمر بالروابط الخاصة بك .
1.رابط صفحة الفيسبوك لديك
2.رابط الخلاصات RSS
3.رابط قناتك الخاصة على التويتر
4.رابط التويتر
5.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار المراد تركيبها
توقيع : Ahmed Hamdi
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 

 مواضيع مماثلة

-
» إضافة القائمة البريدية لمدونات بلوجر من FeedBurner Google
» كود إضافة زر أعجبني (like ) لتدوينة بلوجر
» إضافة شريط لأيقونات المواقع الإجتماعية تحت كل مقالة في بلوجر
» إضافة أيقونة غووغل Buzz أمام كل مقالة في بلوجر
» طريقة إضافة حالة الطقس لمدونتك بلوجر و الووردبريس و موقعك
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كراكيب :: المنتديات العامة :: منوعات دوت كوم-