إضافة آداة مواضيع مقترحة لمدونات بلوجر

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

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

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3_FImYDoHRLw0Sj3yw2FAU1HgQSu8GnCFGXXMQ-QMDIzXpyw9nsvn9nwdev30o1kaz8SugLNJyx71tnQPbxye4LGQyDrCxwZAWjQVpStTcc-7ScZ6c8xXKwE6cEctvTVJNbwCn1oyLwxh/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

X