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

الأربعاء، 15 أكتوبر، 2014

الأربعاء، 15 أكتوبر، 2014

آداة مواضيع مقترحة مع أزرار المتابعة

recommended post blogger widget
حصرياً آداة مواضيع مقترحة مع ازرار المتابعة الإجتماعية تعتبر هذه الآداة هي الإصدار الثاني من آداة رسالة تنبيهية للإشتراك في المواقع الإجتماعية الآداة هي من اعدادى الخاص وتتميز بانها تجمع اكثر من آداة في آداة واحده فهي تجمع أدوات المتابعة في ابسط صورها واخفها Facebook Twitter Google Plus وايضاً تجمع آداة مواضيع مقترحة عشوائية تعرض على الزائر مع طبعا خاصية الإنزلاق وتم دمج زر الصعود لأعلى بالإضافة وذلك حتى لا يتعارض ان تم استخدام كل منها بمفرده ولهذا هي تعتبر خفيفة مقارنة بما تقدمه لكن طبعا الإصدار القديم أخف لكن هذا أقوى وأشمل يمكنك الإطلاع على الآداة بالتمرير للأسفل 
تركيب الآداة أضف الكود التالي في آداة HTML/JavaScript

<script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/slidesubsc.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#cnmurecom").show("slow");else $("#cnmurecom").hide("slow");});function closecnmurecom(){$('#cnmurecom').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<style>
#cnmurecom {
  background:#fff;
  border: 1px solid #bbb;
  bottom: 2px;
  padding: 5px 14px;
  position: fixed;
  right: 2px;
  width: 300px;
  z-index: 3;
}
#random-posts {
  margin: 0;
  padding: 8px 0;
  width: 100%;
}
#random-posts li {
  height: 75px;
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#random-posts img {
  background: #fff;
  border: 1px solid #999;
  float: left;
  height: 64px;
  margin-right: 10px;
  padding: 3px;
  width: 64px;
}
#random-posts a {
  font: 17px tahoma;
}
.topwclo {
  border-bottom: 1px dashed #ddd;
  display: block;
  height: 30px;
  margin: -5px -14px 0;
  overflow: hidden;
}
.toptext {
  float: left;
  font: 18px tahoma;
  margin-left: 5px;
}
.closerb {
  background: #ddd;
  color: #000;
  display: inline-block;
  font: bold 12px arial;
  padding: 3px 6px;
  float:right;
}
.sosialreco {
  border-top: 1px dashed #ddd;
  display: block;
  margin: 0 -14px;
  padding: 8px 0 0;
}
.backtotop {
  cursor: pointer;
  float: right;
  height: 24px;
  margin: -2px 3px;
  opacity: 0.5;
  transition: all 1s ease 0s;
  width: 24px;
}
.backtotop:hover {opacity: 1;}
.facesoreco {
  float: left;
  height: 22px;
  max-width: 90px;
  margin:0 3px;
}
.twittersoreco {
  float: left;
  height: 22px;
  max-width: 90px;
  margin:0 3px;
}
.gplaussoreco {
  float: left;
  height: 22px;
  max-width: 120px;
}
</style>
<div style="display: none;" id="cnmurecom">
<div class="topwclo">
<a class="closerb" href="javascript:void(0);" onclick="return closecnmurecom();">X</a>
<span class="toptext">نوصي بقراءة الموضوع التالي , ومتابعتنا</span>
</div>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=1;
var rdp_snippet_length=150;
var rdp_info='no';
var rdp_comment='تعليق';
var rdp_disable='بدون تعليقات';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-v6XbCYAVV7o/UEMRCev1H-I/AAAAAAAADf0/PFwqDiY4jVg/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
<div class="sosialreco">
<div class="backtotop">
 <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/2014/back-to-top.js"></script>
 <img class="cnmu-back-to-top" src="https://lh6.googleusercontent.com/-E9UZuwPf7io/VD5Ts7dcPsI/AAAAAAAAE38/3WAtfCNo1-M/s24/backtotop.png" />
</div>
<div class="facesoreco">
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/pagename&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;appId=525964147427714" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>
</div>
<div class="twittersoreco">
<a class="twitter-follow-button"
  href="https://twitter.com/TUser"
  data-show-count="false"
  data-size="normal"
data-show-screen-name="false">
Follow @twitter
</a>
<script type="text/javascript">
window.twttr = (function (d, s, id) {
  var t, js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src= "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
}(document, "script", "twitter-wjs"));
</script>
</div>
<div class="gplaussoreco">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/u/0/GPID" data-rel="publisher"></div>
</div>
</div>
</div>

التنسيق

لجعل الآداة على اليسار استبدل right: 2px; بـ left: 2px;
لتغيير لون خلفية الآداة استبدل هذا اللون #fff باللون الذي تريد
الرقم 1 هو حجم لاإطار الخارجي للآداة 
واللون #bbb هو لون الإطار
وطبعا يمكنك تعديل العبارة نوصي بقراءة الموضوع التالي , ومتابعتنا

ضبط ادوات المتابعة

فيس بوك

استبدل pagename بإسم رابط صفحتك على الفيس بوك
مثال هذا رابط صفحة كن مدون
https://www.facebook.com/cnmu.blogspot
نأخذ فقط الجزء الاخير

تويتر

استبدل TUser باسم حسابك في تويتر

جوجل بلس

استبدل GPID برابط صفحتك على جوجل بلس
مثال هذا رابط صفحة كن مدون
https://plus.google.com/103493424512122750358
نريد الرقم او المعرف الأخير
تم بحمد الله

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

  1. أزال المؤلف هذا التعليق.

    ردحذف
  2. شكرا لك اخي عمرو صراحة اضافة اكثر من رائعة و سوف يتم استخدامها =r

    ردحذف
    الردود
    1. حياك الله أخي منير وشاكر لمرورك يا غالي

      حذف
  3. أزال المؤلف هذا التعليق.

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

      حذف
    2. أزال المؤلف هذا التعليق.

      حذف
    3. هههههههه خيراً أخي ياسر تابع معي لعلنا نكتشف المشكلة اريد منك اضافة الآداة القديمة واخبرني هل تعمل جيداً ام تحدث المشكلة
      http://cnmu.blogspot.com/2013/01/Slide-Subscription-widget.html

      حذف
    4. أزال المؤلف هذا التعليق.

      حذف
    5. اذا مشكلتك مع الآداة المنزلقة نفسها وليس مع ما بداخلها جرب أخي اضافة الكود التالي بعد كود الآداة القديمة واخبرني ان حدث تغيير
      <div class='clear'></div>

      حذف
    6. أزال المؤلف هذا التعليق.

      حذف
    7. =x آخر الحلول لدي هي تجربة وضعها في القالب وليس في آداة
      احذف الآداة اولا ان كانت لازالت مضافة
      ثم
      خذ نسخة احتياطية من القالب
      ثم انسخ اكواد الآداة واضفها فوق الوسم </body>
      ان لم يتغير شئ فلا اظن ان لك نصيب في هذه الآداة مع قالبك =s

      حذف
    8. أزال المؤلف هذا التعليق.

      حذف
    9. هههههههههههههه لعله خيراً أخي غالبا مشكلتك هي كود جافا متعارض مع الإضافة ويسبب تلك المشاكل

      حذف
    10. أزال المؤلف هذا التعليق.

      حذف
  4. شكرا ياكبير موضوع رائع =a

    ردحذف
  5. شكرا لك اخي على هذه الاضافة
    تم تركيبها في مدونتي
    www.mzdhr.com

    لقعد واجهتني مشكلة وهي بالنسبة لزر الفيس بوك فانة لايعمل اي حتى لو قام الزائر بالضغظ عليه فانه يظهر علامة صح دون التتبع او الاشتراك الحقيقي في الصفحه
    لحل هذه المشكلة قمت باستبدال الكود:

    "//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fpagename&width=70&layout=button&action=like&show_faces=false&share=false&height=35&appId=525964147427714" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowTransparency="true">

    بهذا الكود:

    "//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpagename%2F&width=70&layout=button&action=like&show_faces=false&share=false&height=35&appId=525964147427714" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowTransparency="true">
    ثم غيرت pagename الى اسم صفحتي

    المشكلة كانت في ان روابط الفيس قد تغيرت فبدل ان تكون هكذا
    https%3A%2F%2Fdevelopers.facebook.com

    اصحبت الان كهذا
    https%3A%2F%2Fwww.facebook.com

    كتبت هذا التعليق شاكرا لك وعسى ان ينتفع احد بتصحيح المشكلة التي واجهتي
    وشكرا

    ردحذف
    الردود
    1. كلامك صحيح اخي تغير بالفعل نظام فيس بوك في تلك الجزئية
      شكراً لك على التنبيه وتم تحرير الموضوع وضبطه

      حذف
  6. شكرا على الاضافة الجميلة ممكن طريقة تغير اللون تبع بقراءة الموضوع التالي

    ردحذف
    الردود
    1. تحت كود
      .toptext {
      أضف التالي
      color:#000;
      مع تغيير #000 باللون الذي تريد

      حذف
  7. اضافة جميلة آخ عمرو ودا مش جديد عليك f= بس انا عندى بتظهر فى الصفحة الشخصية وكنت محتاجها فى الاقسام بس x= بعد إزنك إية الحل ؟

    ردحذف
    الردود
    1. راجع الجزء الثاني في هذا الموضوع أخي الكريم
      http://cnmu.blogspot.com/2013/02/blog-post.html

      حذف
  8. هل هذه الاداة ممكن تعرض وصف للموضوع

    ردحذف
    الردود
    1. هي اداة مختصر فقط يعني مخصصه لعرض العناوين
      بالوقوف على النوان بالمؤشر يعطي وصف مختصر
      لكن وصف داخلي غير ممكن لكن ربما في إصدار قادم يتم تلبية هذا الامر تحياتي

      حذف

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

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