إضافة آداة مواضيع منبثقه بشكل عائم لمدونات بلوجر

تعتببر اداه رائعه جدا لمدونات بلوجر ولا تخلوا اي مدونه ناجحه من اضافه مثلها او شبيهه هي اداه رائعه تظهر للزائر بطريقه منبثقه رائعه عندما ينتهي من قرائه الموضوع في مدونتك او بالاصح عندما يقوم بالنزول لاخر المدونه فتبدا الرساله بالظهور
ويمكنك معاينه الاضافه عبر مدونتنا او من الرابط التالي

معاينه آداة مواضيع منبثقه بشكل عائم لمدونات بلوجر

معاينة

 

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

اذهب للتخطيط ثم ضع الكود التالي في اداه HTML/JAVASCRIPT

<style>
.cnmu-moqtarhat {
background-color: #fff;
border-top: 3px solid #3a5795;
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: #3a5795;
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: #3a5795 !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=[“x73x63x72x6Fx6Cx6Cx54x6Fx70″,”x68x65x69x67x68x74″,”x73x6Cx6Fx77″,”x73x68x6Fx77″,”x23x63x6Ex6Dx75x73x6Fx63x69x61x6Cx73x6Cx69x64x65″,”x68x69x64x65″,”x73x63x72x6Fx6Cx6C”,”x72x65x6Dx6Fx76x65″,”x50x4Fx53x54″,”x2Fx66x61x63x65x62x6Fx6Fx6Bx70x61x67x65x2Ex70x68x70″,”x61x6Ax61x78″];$(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 data-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=’https://tapseet.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts&amp;max-results=999999′></script>
</div>
</div>

كيفيه التعديل علي آداة مواضيع منبثقه

ملاحظه اللون مكرر 3 او 4 مرات