أخر المقالات
إنتظر من فضلك...
إشترك معنا ليصلك جديد الموقع

بــريدك الإلكترونى فى أمان معنا

الخميس، 16 أبريل 2015

الزيارات:
كود اعجبني الموقع في اطار صغير

السلام عليكم ورحمة الله تعالى وبركاته 
اليوم جئتكم باضافة جديدة وجميلة عبارة عن اطار صغير يضم ازرار (اعجاب،المشاركة) يعطي رونق خاص للشبكة.
لاحظنا مواقع و مدونات يتم تسجيل اعجاب مواقعهم عن طريق نافدة بها زر 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&amp;width=400&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;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 التعليقات :

إرسال تعليق