03:18:20PM

  

كود اضافة اعجاب ومشاركة في اطار صغير

مرسلة بواسطة روح و ريحان يوم الاثنين 0 التعليقات

السلام عليكم ورحمة الله تعالى وبركاته 
اليوم جئتكم باضافة جديدة وجميلة عبارة عن اطار صغير يضم ازرار (اعجاب،المشاركة) يعطي رونق خاص للشبكة.
لاحظنا مواقع و مدونات يتم تسجيل اعجاب مواقعهم عن طريق نافدة بها زر 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/AVvXsEgjQx8wTkNKPtBgvX05ibem8tMkSLyTjsLlmvTmtjxIMnZzZnjl0K2UEZDVPiFXiLdFo2ubkNDSEjun4gVvQo_sVakVp1MloerQinvVsprVN-bTy_M80kC6ifkdtUhy3B5kWfG9lRSH2lTn/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%2Fmerimiweb1.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><!-- يشرفنا اعجابك -->
قم بتغير رابط اللون الاحمر برابط مدونتك
قم بتغيير هذه العبارة يشرفنا اعجابك على facebook)الى التي تريد ظهورها
قم بحذف ما لونه اخضر ان كنت تتوفر عليه في القالب 

ساهم في نشر الموضوع للفائدة:

شارك الموضوع

تعليقات
0 تعليقات

0 التعليقات:

إرسال تعليق