السلام عليكم ورحمة الله تعالى وبركاته
اليوم جئتكم باضافة جديدة وجميلة عبارة عن اطار صغير يضم ازرار (اعجاب،المشاركة) يعطي رونق خاص للشبكة.لاحظنا مواقع و مدونات يتم تسجيل اعجاب مواقعهم عن طريق نافدة بها زر X ، او نافدة اسفل المدونة بحجم كبيرتغطي نسبة من منشور وبذلك يصعب على الزائر قراءة منشوراتك.
متل هاته النوافد تشكل عائقا كبيرا كما انها تسبب لك فقدان زوارك.
الاضافة تحتوي على:
- صورة متحركة للشخص يرشدك الى الزر بصيغة Gif
- ازرار اعجاب والمشاركة اضافة الى عداد
مميزات الاضافة:
- اطار صغير يمكنك تعديله
- يوضع على جوانب المدونة (يمين،شمال)
- ازرار المشاركة و الاعجاب مع العداد
طريقة التركيب:
- 1 ادهب الى التخطيط
- 2 اضافة اداة
- 3 Java Script/Html
- 4 ضع الكود التالي:
<!-- يشرفنا اعجابك --> <div style="position: fixed; bottom: 20px; border: dashed 1px; right: 2px; padding-top: 1px;padding-right: 6px;z-index: 999;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bAlEXoxXYHS-t_NMiZMFap82ZuWxnMKTroE74cK7m4sES-tr2riMPHxGQSN2beFV-K7_U6cyEB53v99C6blIWDka1nP-_NhXXLPtc_4IMwWtKw8JyFH6sNUfx7vH7lRP2szKbkHmOMYA/s1600/subscribe.gif');background-repeat: no-repeat;background-color: #ffffff;height: 115px;width: 160px;"> <font color="#000000"><center><br /><br /><br /><br /><b> يشرفنا اعجابك على facebook </b></center></font>
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fal-nnasr.blogspot.com%2F&width=400&layout=button_count&action=like&show_faces=true&share=true&height=21&appId=327926174026782" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 140px; height: 20px;padding-top: 2px;padding-right: 11px;" allowtransparency="true"></iframe> </div><!-- يشرفنا اعجابك -->
قم بتغير رابط اللون الاحمر برابط مدونتكقم بتغيير ماكتب باللون الأزرق الى التي العبارة تريد ظهورها
قم بحذف ما لونه اخضر ان كنت تتوفر عليه في القالب
0 التعليقات :
إرسال تعليق