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

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

يوليو 02, 2017

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



<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/AVvXsEiNHHoyUhiDynIqnvh2QmjnJfhLopIBt1UocANDSEha2Fd6fdil9KP2-9VgvRdaICCaIdfS9RT1gEmOudkjq6iQdnCE74SnvoP1tEaLHyjjrEA3-LFGDacp16Th61OEh8Rjk-YRp9zeCI8X/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://e10-business.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts&amp;max-results=999999'></script>
</div>
</div>
  

تنسيقات

أولا استبدل رابط مدونتي برابط مدونتك  e10-business.blogspot.com
هذا اللون #009efa  هو اللون الازرق للآداة يمكنك تعديله
المعلم بالأحمر هو خط العنوان استبدله بالخط الذي تستخدمه
ان اردت تعديل ارتفاع الصور عدل الرقمين المعلمان بالأخضر بنفس النسب ان زدت احدهما 20 بيكسل زد الآخر بنفس النسبة
ان اردت ان تكون الآداة تجاه اليسار
استبدل right بـ left
و left بـ right
الاشتراك في: تعليقات الرسالة (Atom)