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


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



لن أطوّل عليك ونمرّ مباشرة إلى الشرح :

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/XXXXX"><span></span><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPCDDX7eoVqvu5T6Zo_Ots-w8-4UtSYagfDtbREVAkZtWtSR_U-U07JjfLGEOQDrR5sTV2FvKxGRFICBuVyD60T_7L1PSnx1S8aOWAICe-3hE53H3o6FsZCd3HNzqbSsDDUD1nKpCi94/s320/facebook.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPCDDX7eoVqvu5T6Zo_Ots-w8-4UtSYagfDtbREVAkZtWtSR_U-U07JjfLGEOQDrR5sTV2FvKxGRFICBuVyD60T_7L1PSnx1S8aOWAICe-3hE53H3o6FsZCd3HNzqbSsDDUD1nKpCi94/s320/facebook.png" /></a></li>

<li><a href="http://feeds.feedburner.com/XXXX"><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/XXXX"><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/XXXX"><span></span><img alt="technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KDxBhEuUZItiwfbXVYg0WnRGoqxkfKiUkVVsPWMUrpkxVmRyOzS-uLCr9Vk8KQlWbvs0oX8WTOBEBcWxUbDOY3CN5Fm6u_9obyZz5SWkxZj-XIDB12_3oxuWjbI7flKVqtbRolwTYLg/s320/twitter.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KDxBhEuUZItiwfbXVYg0WnRGoqxkfKiUkVVsPWMUrpkxVmRyOzS-uLCr9Vk8KQlWbvs0oX8WTOBEBcWxUbDOY3CN5Fm6u_9obyZz5SWkxZj-XIDB12_3oxuWjbI7flKVqtbRolwTYLg/s320/twitter.png" /></a></li>



<li><a href="http://delicious.com/ْْْXXXXX"><span></span><img alt="delicious" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPth_fJq5UuTG4E52rdwy6-7gMDpRUfFsG7FSi7TD2-H-1OFpOvLZUBHhh0k5AC6tcLQ9A4gQWiRXyH1Hauze18_J8Eps8rw2birxcvj0qvD0D1xIicztJV30zuKGSW8ttZ7U5SqWSto4/s320/delicious.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPth_fJq5UuTG4E52rdwy6-7gMDpRUfFsG7FSi7TD2-H-1OFpOvLZUBHhh0k5AC6tcLQ9A4gQWiRXyH1Hauze18_J8Eps8rw2birxcvj0qvD0D1xIicztJV30zuKGSW8ttZ7U5SqWSto4/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.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار 
أتمنّى أنّ درس اليوم أعجبك إلى موضوع أخر إن شاء الله ,





تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

كود المساحات الاعلانيه الرائع

صورة
السلام عليكم ورحمة الله وبركاته : اليوم اعرض عليكم كود المساحات الاعلانيه الرائع المستخدم في مدونة رفاد " طبعا الكود ليس من ا نشاء المدونة ولكن بمه ان الكود ذا مظهر جميل وغير مسخدم بكثره  فاهو يعتبر افضل كود تم طرحه الي الان : مميزات الكود : انه يعطي المعلن لديك  الفضليه في ظهور اعلانه بشكل افضل فاهذ الكود يمنح المعلن مساحة بنر 125*125 وهي مساحة جيده للمعلن كم يمتاز هذ الكود الرائع بتنسيقه جيد والذي يتنسب مع اي قالب مستخدم في مدونتك كم عند الضغط علي بنر المعلن لديك  عن طريق زائر يقوم الكود بتوجيه فورا في صفحة اخري للمدونة المعلن وتبقي مدونتك في نافذه الاخري وهكذا يمضي الزائر وقت اكثر في فتح مدونتك داخل متصفحه وهذ يساعد في رفع ترتيب مدونتك في وقت قريب: الكود يعطيك 6امكان للاعلانان في مدونتك بمساحة125*125 ودعنا نقول انك اذقمت بي التبادل الاعلاناني عن طريق هذ الكود مع 6معلنين فاتكون قد كسبت 6روابط خارجيه لمدونتك ممايزيدا من تدفق زوائر في مدونتك ويزيد مع الوقت من رفع مكانة مدونتك مع محرك البحث  : صورة الكود ؟؟؟
.

طرق جلب الزوار الجزء الثاني

صورة
لتكملة الموضوع و معرفه باقي الطرق برجاء زياره صفحه الموضوع هنا http://www.farahat-library.com/blog/2014/09/20-%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D9%84%D8%AC%D9%84%D8%A8-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1-%D9%85%D9%86-%D9%81%D9%8A%D8%B3-%D8%A8%D9%88%D9%83/ طريقة 1-    ضع رابط صفحتك الشخصيه او البروفيل الخاص بك علي  فيس بوك فى موقعك طريقة 2-    قم بعمل صفحه فيس بوك للموقع الذى تملكه بغرض جلب الزوار طريقة 3-    قم بالنشر فى مجموعات الفيس بوك ذات عدد كبير من الزوار و المتعلقة بتخصص موقعك طريقة 4-    هذه الطريقة لجلب الزوار طريقه فعاله وقليل من يعرفها وهى امتطاء اكتاف العمالقة الذي يسيطرون علي فيس بوك للحصول علي زوار من منشوراتهم طريقة 5-    استخدم الـInsights الخاص بصفحتك على الفيس بوك وله فوائد عديدة طريقة 6-    جدوله المنشورات يمكنك استخدام الجدوله  الموجودة فى صفحات الفيس بوك نفسها طريقة 7-    استخدم الـevent وقم بدعوة جميع اصدقائك او معجبى صفحتك الى احداث هامه وهادفة
.

أكواد HTML مهمة لكل مدون بلوجر

صورة
السلام عليكم ورحمه الله وبركاته , في تدوينة اليوم أصدقاء مدونة رفاد سنتطرق إلى 10 أكواد تطرقت إليها مسبقا , إذ ان جل او اكثر مدوني بلوجر لا يعرفون معنى الـ Html , وبالطبع هي لغة صعبة نوعا ما لكن إن كنت مدون بلوجر فيجب على الأقل أخذ نظرة ولو بقريبة عن الـHtml , وإن لاحظت أخي أن جل المنصات تشترك في لغة الا وهي Html  لذا اقترح عليك عدة اكواد تجعلك على صلة او دراية وتصقل لك مهاراتك في التدوين ....
.