أغلاق

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

كتابة Sanad Nabil بتاريخ : 12 أغسطس 2016 - آخر تحديث: 3 أغسطس 2018
إضافة آداة مواضيع منبثقه بشكل عائم لمدونات بلوجر
إضافة آداة مواضيع منبثقه بشكل عائم لمدونات بلوجر

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

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

 

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

اذهب للتخطيط ثم ضع الكود التالي في اداه 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 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>

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

اولا استبدل رابطي مدونتي www.tapseet.com برابط مدونتك
واذا احببت تغيير اللون #3a5795 غير هذا الرقم برقم اللون الذي تريده

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

الاداه مكانها علي الجانب الايمن ان احببت تغييرها للجانب الايسر فقط استبدل Right بي left والعكس صحيح عبر برنامج نوت باد الصق الكود به ثم اضغط Ctrl + H اكتب في الخانه الاولي Right وفي الخانه الثانيه Left

 

اتمني ان تعجبك الاداه (:

 

انت رائع ! كن ايجابيا وضع بصمتك بمشاركة الموضوع
رائع جدا !
X
هل لديك مقترحات لتحسين تجربتك أكثر؟
الإسم *
بريدك الإلكتروني *
إرسال
إرسال