مساحة إعلانية

الثلاثاء، 29 يناير، 2013

الثلاثاء، 29 يناير، 2013

رسالة تنبيهية للإشتراك في المواقع الإجتماعية

Social Media Subscribe slide message
إضافة مميزة لتذكير الزوار بالإشتراك ومتابعتك في المواقع الإجتماعية الإضافة خفيفة وتنزلق عند الوصول لمنتصف الصفحة
تحتوي الإضافة على أربع أزرار زر الإعجاب في الفيس بوك وروابط صفحات تويتر جوجل بلس ويوتيوب
يمكنك معاينة الإضافة بالتمرير لأسفل ولا تنسى متابعتنا ^_^
<script type='text/javascript'>
//<![CDATA[
var _0x84fe=["\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x68\x65\x69\x67\x68\x74","\x73\x6C\x6F\x77","\x73\x68\x6F\x77","\x23\x63\x6E\x6D\x75\x73\x6F\x63\x69\x61\x6C\x73\x6C\x69\x64\x65","\x68\x69\x64\x65","\x73\x63\x72\x6F\x6C\x6C","\x72\x65\x6D\x6F\x76\x65","\x50\x4F\x53\x54","\x2F\x66\x61\x63\x65\x62\x6F\x6F\x6B\x70\x61\x67\x65\x2E\x70\x68\x70","\x61\x6A\x61\x78"];$(window)[_0x84fe[6]](function(){if($(document)[_0x84fe[0]]()>=$(document)[_0x84fe[1]]()/4){$(_0x84fe[4])[_0x84fe[3]](_0x84fe[2])}else {$(_0x84fe[4])[_0x84fe[5]](_0x84fe[2])}});function closecnmusocialslide(){$(_0x84fe[4])[_0x84fe[7]]();$[_0x84fe[10]]({type:_0x84fe[8],url:_0x84fe[9]})}
//]]>
</script>
<style>
#cnmusocialslide {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #bbbbbb;
  border-radius: 9px;
  bottom: 13px;
  box-shadow: 0 1px 2px #999;
  display: none;
  height: 70px;
  padding: 12px 14px;
  position: fixed;
  right: 2px;
  width: 300px;
  z-index: 3;
}
.closebo {
  background-color: #cc0000;
  border-radius: 100%;
  color: #fff;
  font: bold 16px/20px arial;
  height: 20px;
  left: 8px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 10px;
  width: 20px;
}
#cnmusocialslide h6 {
  color: #444;
  font: bold 16px tahoma;
  margin: 0 0 0 30px;
  padding: 0;
}
.inslidsoc {
  display: block;
  height: 20px;
  margin-top: 24px;
  overflow: hidden;
}
.inslidsoc span {float: left; margin-right: 4px;}
.inslidsoc span a {
  color: #fff;
  display: block;
  font: bold 14px/20px arial;
  padding: 0 8px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.inslidsoc span a:hover {background-color:#000;}
.twittslis {background-color: #5ea9dd;}
.gplusslis {background-color: #dc4a38;}
.youtslis {background-color: #c12025;}
</style>
<div id="cnmusocialslide" style="display: none;">
<a class="closebo" href="javascript:void(0);" onclick="return closecnmusocialslide();">X</a>
<h6>لا تنسى الإنضمام لمتابعينا</h6>
<div class="inslidsoc">
<span>
<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/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://facebook.com/cnmu.blogspot" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</span>
<span>
<a class="twittslis" href="https://twitter.com/cmudaiwn" rel="nofollow" target="_blank">تويتر</a>
</span>
<span>
<a class="gplusslis" href="https://plus.google.com/u/0/103493424512122750358" rel="nofollow" target="_blank">جوجل بلس</a>
</span>
<span>
<a class="youtslis" href="https://www.youtube.com/user/cnmutv/videos" rel="nofollow" target="_blank">يوتيوب</a>
</span>
</div>
</div>

استبدل التالي

الكود الازرق برابط صفحتك على الفيس بوك
الكود الأخضر برابط تويتر
الكود الأحمر برابط جوجل بلس
الكود الوردي برابط يوتيوب
وطبعاً يمكنك استبدال الكلمات العربية بما تريد

هناك 16 تعليقًا:

  1. Thank you for this widget i am using it in my blog

    ردحذف
  2. You are welcome mark
    Thank you for your kind comment

    ردحذف
  3. اشكرك اخي الكريم على هذه المدونة الرائعة اولا وعلى هذه الاضافة والدروس المفيدة التي تتحفنا بها وبارك الله فيك اخي العزيز

    ردحذف
  4. الشكر لله أخي الكريم
    وفيك بارك رب العالمين

    ردحذف
  5. السلام عليكم ورحمة الله تعالى
    شكـرا اخي الطيب على الإضافة الجميلة
    في انتظار كل جديدك تقبل تحياتي

    ردحذف
  6. وعليكم السلام ورحمة الله وبركاته
    حياك الله يا طيب
    ويسعدني مرورك دائما فلا تحرمنا منه
    تحياتي

    ردحذف
  7. أولاً : انت كاتب
    ( إستبدل pageurl بإسم رابط صفحتك على الفيس بوك )
    وانا هذا رابط صفحتي http://www.facebook.com/pages/SAHB/441428962603748

    فـ ايش اللي احطه ؟؟؟

    ثانياً : انا حطيت الكود نفس ما هو وطبعا حطيت المطلوب وسويته واشتغل لكن اللون يطلع
    http://im32.gulfup.com/1uZNc.png

    ردحذف
  8. إسم الرابط هو معرف الصفحة على الفيس بوك كل صفحة يتم إضافة إسم خاص بها
    ولان صفحتك جديدة أنت لم تضف الإسم لا تستخدم الرابط كله ولكن إستخدم هذا الجزء فقط
    pages/SAHB/441428962603748
    أما بالنسبة للون الغضافة تأخذ لون الكتابة في مدونتك ولون الكتابة في مدونتك أبيض
    قم بإضافة هذا الكود color:#000;
    بجوار font-size: 20px;

    ردحذف
  9. تم الحل ..
    وشكرا على الحل .

    ردحذف
  10. عند إضافتها بموقعي يتم تحويلي أوتوماتيكيا على موقع للقوالب هل يوجد حل لهذا المشكل

    ردحذف
    الردود
    1. اظن المشكلة تتعلق بقالبك وليس بالإضافة بعض القوالب تكون محمية الحقوق عن طريق خاصية الآي فريم ربما كود الحقوق يتعارض مع الإضافة أو ان هناك خطا في القالب يحول موقعك تلقائياً لموقع القوالب مصمم قالبك

      حذف
  11. شكرا لك اخي العزيز على هذه الاضافة
    تمت التجربة ولكن ايقونة تويتر لا تظهر
    اما ايقونة الفيسبوك وكوكل بلس فانها تظهر بشكل طبيعي

    ردحذف
    الردود
    1. يبدوا ان تويتر اوقف الزر لكن ما يزال يظهر رابط للإشتراك وربما يتم تحديث الآداة

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©