إضافة آداة مواضيع مقترحة لمدونات بلوجر
صفحة 1 من اصل 1
إضافة آداة مواضيع مقترحة لمدونات بلوجر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تعد أحد أشهر الأداوت على المواقع المفتوحة وعلى وورد بريس وهناك اضافات أخرى مشابهة تتم عبر مواقع او عبر الفيس بوك لكن هذه ميزتها انها لا تعتمد على مواقع خارجية إضافة أنها خفيفة وهذه الآداة هي اعداد حصري لكن مدون
ويمكنك معاينة عمل الآداة بالتمرير لأسفل في الموضوع والآن مع الكود
- الكود:
<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&alt=json-in-script&callback=showgalleryposts&max-results=999999'></script>
</div>
</div>
تنسيقات
هذا اللون #009efa هو اللون الازرق للآداة يمكنك تعديله
المعلم بالأحمر هو خط العنوان استبدله بالخط الذي تستخدمه
ان اردت تعديل ارتفاع الصور عدل الرقمين المعلمان بالأخضر بنفس النسب ان زدت احدهما 20 بيكسل زد الآخر بنفس النسبة
ان اردت ان تكون الآداة تجاه اليسار
استبدل right بـ left
و left بـ right
مواضيع مماثلة
» آداة الإحصائيات لمدونات بلوجر
» اضافة تأثير اللمس لمدونة بلوجر
» كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر
» الطريقة الصحيحة للتعامل مع التسميات أو الأقسام في بلوجر
» اضافة صناديق لعرض الأكواد الى مدونة بلوجر
» اضافة تأثير اللمس لمدونة بلوجر
» كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر
» الطريقة الصحيحة للتعامل مع التسميات أو الأقسام في بلوجر
» اضافة صناديق لعرض الأكواد الى مدونة بلوجر
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى