تم تقليل نسبة الإعلانات إلى حد كبير بناء على طلبكم , بالتوفيق.

طريقة اظهار موضوع عشوائى عند الوصول لنهاية التدوينة فى بلوجر


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

مميزات الاضافة

  1. خفيفة و متجاوبة مع معظم القوالب 
  2. منسقة و منظمة تناسب جميع الأذواق
  3. مفيدة و تعمل على مساعدة الزائر 

معاينة و تفعيل الاضافة


ويمكنك معاينة عمل الآداة بالتمرير لأسفل الموضوع التالى

معاينة الاضافة


لتركيب الاضافة فى مدونتك 
انتقل إلى لوحة تحكم مدونتك >> التخطيط >> اضافة أداة >> HTML/JavaScript
ثم الصق بالأداة الكود التالى
<style>
.cnmu-moqtarhat {
  background-color: #fff;
  border-top: 3px solid #009efa;
  bottom: 13px;
  box-shadow: 0 1px 2px #999;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
  padding: 210px 5px 5px;
  position: fixed;
  right: 2px;
  width: 300px;
  z-index: 99;
}
.closebq {
  background-color: #009efa;
  color: #fff;
  font: bold 14px/24px arial;
  height: 24px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
  z-index: 9;
}
.cnmuranqRandomPostBS {
  color: #666;
  display: block;
  font: 14px/1.8em tahoma;
  position: relative;
  text-align: center;
}
.cnmumoqta ul {
  list-style: outside none none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cnmumoqta a {text-decoration: none !important;}
.cnmumoqta h2 {
  background-color: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  color: #009efa !important;
  display: block !important;
  font: bold 14px/1.8em droid arabic kufi !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden;
  text-align: center !important;
}
.cnmumoqta li img {
  height: 200px;
  margin: 0 !important;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 290px;
}

</style>
<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>
<div style="display: none;" id="cnmusocialslide" class="cnmu-moqtarhat">
<a class="closebq" href="javascript:void(0);" onclick="return closecnmusocialslide();">X</a>
<div class="cnmumoqta">
<script style='text/javascript'>
//<![CDATA[
function showgalleryposts(json){var numPosts=json.feed.openSearch$totalResults.$t;var indexPosts=new Array();document.write('<ul>');for(var i=0;i<numPosts;++i){indexPosts[i]=i}if(random_posts==true){indexPosts.sort(function(){return 0.5-Math.random()})}if(numposts_cnmuranq>numPosts){numposts_cnmuranq=numPosts}for(i=0;i<numposts_cnmuranq;++i){var entry_cnmuranq=json.feed.entry[indexPosts[i]];var posttitle_cnmuranq=entry_cnmuranq.title.$t;for(var k=0;k<entry_cnmuranq.link.length;k++){if(entry_cnmuranq.link[k].rel=='alternate'){posturl_cnmuranq=entry_cnmuranq.link[k].href;break}}if("content"in entry_cnmuranq){var postcontent_cnmuranq=entry_cnmuranq.content.$t}s=postcontent_cnmuranq;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){var thumburl_cnmuranq=d}else var thumburl_cnmuranq='http://1.bp.blogspot.com/-ndayGrJ6g-4/UiL3zwHKcfI/AAAAAAAAEgk/2egWhJgnr3Y/s320/BS+No+Image+Dark.jpg';document.write('<a href="'+posturl_cnmuranq+'"><li><div id="cnmuranqRandomPostHolder"><span class="cnmuranqRandomPostBS"><h2>');document.write(posttitle_cnmuranq+'</h2>');var re=/<\S[^>]*>/g;postcontent_cnmuranq=postcontent_cnmuranq.replace(re,"");if(showpostsummary_cnmuranq==true){if(postcontent_cnmuranq.length<numchars_cnmuranq){document.write(postcontent_cnmuranq);document.write('</span>')}else{postcontent_cnmuranq=postcontent_cnmuranq.substring(0,numchars_cnmuranq);var quoteEnd_cnmuranq=postcontent_cnmuranq.lastIndexOf(" ");postcontent_cnmuranq=postcontent_cnmuranq.substring(0,quoteEnd_cnmuranq);document.write(postcontent_cnmuranq+'');document.write('</span>')}}document.write('<img src="'+thumburl_cnmuranq+'" width="'+post_image_width+'" height="'+post_image_height+'"/></div>');document.write('</li></a>')}document.write('</ul>')}
//]]>
</script>
<script style='text/javascript'>
var showpostthumbnails_cnmuranq = true;
var showpostsummary_cnmuranq = true;
var random_posts = true;
var numchars_cnmuranq= 100;
var numposts_cnmuranq= 1;
var post_image_width= 295;
var post_image_height = 140;
</script>
<script src='http://cnmu.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts&amp;max-results=999999'></script>
</div>
</div>
تعديلات على الكود 
أولا استبدل رابط مدونتي برابط مدونتك http://cnmu.blogspot.com/
هذا اللون #009efa  هو اللون الازرق للآداة يمكنك تعديله
المعلم بالأحمر هو خط العنوان استبدله بالخط الذي تستخدمه
ان اردت تعديل ارتفاع الصور عدل الرقمين المعلمان بالأخضر بنفس النسب ان زدت احدهما 20 بيكسل زد الآخر بنفس النسبة 
ان اردت ان تكون الآداة تجاه اليسار
استبدل right بـ left
و left بـ right

خالص تحياتى :)
المصدر : كن مدون

انسخ كود الشكل الذى تريده وضعه فى تعليق
اذا كنت لا تملك حساب على بلوجر قم بإختيار التعليق باسم " مجهول " , مزيد من المعلومات من هنا

ليست هناك تعليقات:

إرسال تعليق