100 100 100

إضافة المشاركات ذات الصلة للبلوجر

لقد نشرنا بالفعل بعض البرامج التعليمية حول كيفية إضافة المشاركات ذات الصلة المصغرة مع الصور المصغرة في بلوجر مع ملخصات أو عناوين فقط، والتي يمكن تجميعها في واحد الكل في واحد القطعة مع خيارات قوية. تدمج أداة المشاركات الجديدة القابلة للتخصيص هذه في بلوجر جميع الميزات التي شاهدناها من قبل والمزيد، مثل الصور المصغرة (مربعة أو مستديرة)، وتاريخ النشر، والمقتطفات، وعرض العناوين / الصور المصغرة فقط.


الآن دعونا نرى ما هذه الوظائف ذات الصلة بلوجر القطعة لهذا العرض.

الوظائف ذات الصلة القطعة، المدون القطعة

الوظائف ذات الصلة ميزات القطعة:

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

المتطلبات:

  1. تعترف أداة المشاركات ذات الصلة بالصور المصغرة التي تم تحميلها من خلال بلوجر نفسها (أو ألبومات الويب بيكاسا)، ولن يتم دعم الصور الأخرى من فوتوبوكيت أو فليكر أو غير ذلك من مضيفات بخلاف بلوجر.
  2. تتوافق هذه الأداة مع نماذج بلوجر المكتبية القياسية باستثناء طرق العرض الديناميكية، التي لا تقبل التخصيص.
  3. لا يعمل النص البرمجي على مدونات خاصة، لذا يجب أن تكون مدونتك / موقعك مفتوحا للجمهور حتى يتم عرضها.

إضافة تخصيص المشاركات ذات الصلة القطعة في بلوجر

سجل الدخول إلى لوحة تحكم بلوجر ، وانتقل إلى "Template" وافتح محرر النماذج بالنقر على الزر "Edit HTML" أسفل معاينة "البث المباشر على المدونة".

بعد ذلك، سنستخدم ميزة البحث عن القالب، تأكد من اتباع هذه التوجيهات بالضبط:

1. ضع المؤشر على شفرة النموذج.
2. انقر مرة واحدة.
3. اضغط CTRL و F في نفس الوقت للـ(PC) أو Command و F للـ(MAC) .

سيتم فتح مربع البحث في الركن العلوي الأيسر من محرر النماذج.


اكتب </head> في مربع البحث، ثم اضغط إنتر. سيؤدي هذا إلى نقلك إلى العلامة </head> في النموذج وتسليط الضوء عليه باللون الأصفر.

حدد نمط كس بالكامل وانسخه أدناه والصقه مباشرة أعلى العلامة </head> :

<style type='text/css'>
.related-posts-container{margin:55px 0px;}.related-posts-container h4{font:20px &#39;Open Sans&#39;, sans-serif;margin-bottom:20px;}.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0;}.related-posts-container ul li a{text-transform:capitalize !important;font:bold 13px &#39;Open Sans&#39;, sans-serif;outline: 0;}.related-snippets{margin-top:5px;font:italic 12px &#39;Open Sans&#39;, sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}li.related-post-item{margin:0 3% 3% 0 !important;width:22.7%;float:left;list-style:none;position:relative;}li.related-post-item:last-child{margin:0 0 2% !important;}.related-thumb-large{width:100%;height:auto;border:none;margin:0px auto 10px;padding:0 !important;}.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}.related-posts-7 li.related-post-item{margin:0 !important;width:25% !important;}.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.related-wrapper .related-title{vertical-align:middle;display:table-cell;color:#ffffff;font:bold 16px &#39;Open Sans&#39;, sans-serif;padding:0 20px;}.related-date{margin-top:5px;font:italic 11px &#39;Open Sans&#39;, sans-serif;color:#999999;}
</style>


بعد ذلك، نحن بحاجة إلى إضافة البرنامج النصي - البحث عن السطر التالي:
<b:includable id='postQuickEdit' var='post'>

بعد العثور عليه، انقر على السهم الصغير ليس بجانبه ولكن بمستوى واحد أعلاه لتوسيع الشفرة والتمرير لأسفل حتى ترى </b:includable> - أسفل هذه العلامة مباشرة، يجب أن تشاهد السطر الذي يتضمن معرف "postQuickEdit".

راجع لقطة الشاشة لمزيد من المساعدة:


ما عليك سوى إضافة العلامة </b:includable> ، إضافة النص البرمجي التالي:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts-container' id='related-posts-widget'/>
<div style='clear: both;'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];
var relatedSettings = {
blogURL:&quot;<data:blog.homepageUrl/>&quot;,
relatedHeading:&quot;&lt;h4&gt;&lt;span&gt;المشاركات ذات الصلة&lt;/span&gt;&lt;/h4&gt;&quot;,
relatedPosts:4,
relatedStyle:4,
thumbnailSize:&quot;w300-h200-p-nu&quot;,
defaultThumb:&quot;https://4.bp.blogspot.com/-BLiit18tHXA/V9gCeNNCXzI/AAAAAAAALt8/SF8SUhGI1m8QuoHklq24MKiIEwKHIqwBACLcB/w300-h200-c/no-thumb.png&quot;,
roundThumbs:false,
titleLength:&quot;auto&quot;,
snippetLength:45,
centerText:false,
openNewTab:false
};</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,startRelated;!function(a,b,c){var d={callBack:function(){}};for(var e in relatedSettings)d[e]="undefined"==relatedSettings[e]?d[e]:relatedSettings[e];var f=function(a){var d=b.createElement("script");d.type="text/javascript",d.src=a,c.appendChild(d)},g=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},h=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},i="object"==typeof labelArray&&labelArray.length>0?"/-/"+h(labelArray)[0]:"",j=function(a){var b=a.feed.openSearch$totalResults.$t-d.relatedPosts,c=g(1,b>0?b:1);f(d.blogURL.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+c+"&max-results="+d.relatedPosts+"&callback=startRelated")},k=function(a){var l,m,n,o,p,q,b=document.getElementById("related-posts-widget"),c=h(a.feed.entry),e=d.relatedStyle,f=d.relatedHeading+'<ul class="related-posts-'+e+'">',g=d.openNewTab?' target="_blank"':"",i=d.centerText?"text-align:center;":"",j=d.roundThumbs?"-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;":"",k='<span style="display:block;clear:both;"></span>';if(b){for(var r=0;r<d.relatedPosts&&r!=c.length;r++){n=c[r].title.$t,o="auto"!==d.titleLength&&d.titleLength<n.length?n.substring(0,d.titleLength)+"&hellip;":n,p="media$thumbnail"in c[r]&&d.thumbnailSize!==!1?c[r].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/"+d.thumbnailSize):d.defaultThumb,l=h(c[r].published.$t);for(var s=[1,2,3,4,5,6,7,8,9,10,11,12],t=["January","February","March","April","May","June","July","August","September","October","November","December"],u=l.split("-")[2].substring(0,2),v=l.split("-")[1],w=l.split("-")[0],x=0;x<s.length;x++)if(parseInt(v)==s[x]){v=t[x];break}postdate=v+" "+u+" "+w,q="summary"in c[r]&&d.snippetLength>0?c[r].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.snippetLength)+"&hellip;":"";for(var y=0,z=c[r].link.length;y<z;y++)m="alternate"==c[r].link[y].rel?c[r].link[y].href:"#";1==e?f+='<li><a href="'+m+'" '+g+">"+o+"</a></li>":2==e?f+='<li><a href="'+m+'" '+g+'><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":3==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":4==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-date">'+postdate+"</div></li>":5==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+"</div></a></li>":6==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-wrapper" style="'+j+'"><div class="related-wrapper-inner"><div class="related-title">'+o+"</div></div></div></a></li>":7==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"></a></li>':8==e?f+='<li class="related-post-item"><a class="related-post-item-wrapper" href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-date">'+postdate+"</div></li>":9==e&&(f+='<li><a href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>")}b.innerHTML=f+="</ul>"+k,d.callBack()}};randomRelatedIndex=j,startRelated=k,f(d.blogURL.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>

كيفية تخصيص الوظائف ذات الصلة القطعة ل بلوجر؟

لتغيير النص "المشاركات ذات الصلة" الذي يظهر أعلى الأداة، عدل النص باللون الأحمر:
relatedHeading: &quot;&lt;h4&gt;&lt;span&gt;Related Posts&lt;/span&gt;&lt;/h4&gt;&quot;,

لتغيير عدد المشاركات المراد عرضها، غير القيمة "4" من هذا السطر:
relatedPosts: 4,

ملاحظة: قد تحتاج إلى تغيير النسب المئوية في أنماط كس أعلاه لجعل المشاركات تناسب الحاوية ذات الصلة. فقط اتبع القيم باللون الأحمر واللعب معهم حتى تحصل على أفضل النتائج.

لتغيير نمط أداة المشاركات ذات الصلة، عدل قيمة "4" من:
relatedStyle: 4,

متاح المشاركات ذات الصلة أنماط

  1. بسيطة الوظائف ذات الصلة القطعة التي سوف تظهر عناوين آخر فقط
  2. عرض عناوين النشر والمقتطفات
  3. عرض الصور المصغرة والعناوين والمقتطفات
  4. عرض الصور المصغرة المشاركات ذات الصلة والعناوين وتاريخ آخر (يظهر افتراضيا)
  5. عرض الصور المصغرة المشاركات ذات الصلة والعناوين
  6. إضافة عناوين أمام الصور المصغرة، بدلا من وضعها أسفل الصورة المصغرة
  7. عرض الصور المصغرة فقط
  8. صورة مصغرة صغيرة مع عناوين على الحق والتاريخ أدناه
  9. الصور المصغرة الصغيرة مع عناوين آخر ومقتطفات على اليمين

تخصيص الصورة ذات الصلة صورة مصغرة الحجم والأسلوب

بشكل افتراضي، يتم تغيير حجم الصور المصغرة ويتم اقتصاصها تلقائيا بحيث تكون 300 بكسل × 200 بكسل. إذا كنت ترغب في تغيير عرض الصور المصغرة وارتفاعها، عدل قيم '300' و '200' من:


thumbnailSize: &quot;w300-h200-p-nu&quot;,
defaultThumb: &quot;https://4.bp.blogspot.com/-BLiit18tHXA/V9gCeNNCXzI/AAAAAAAALt8/SF8SUhGI1m8QuoHklq24MKiIEwKHIqwBACLcB/w300-h200-c/no-thumb.png&quot;,

ملاحظة: 'w' يأتي من العرض، 'h' يأتي من الارتفاع. لجعل مربع الصور المصغرة مربع، قم بتغيير القيمة 'h' (الارتفاع) وجعله مساويا للقيمة 'w' (العرض). وستؤدي القيمة الأعلى إلى مزيد من الصور عالية الدقة.

إذا كنت تريد أن تقريب الصور المصغرة إلى زوايا، فغير "فالس" ب "ترو":
roundThumbs:false,

تخصيص العناوين ذات الصلة والمقتطفات

لتقصير عنوان المشاركة، غير تلقائي مع عدد الأحرف المراد عرضها:
titleLength: &quot;auto&quot;,

لتقليل أو إضافة المزيد من الأحرف إلى المقتطفات، قم بتغيير القيمة "45":
snippetLength: 45,

إذا كنت ترغب في مركز النص (العنوان وملخص)، تغيير "false" إلى "True":
centerText:false,

لفتح الروابط في علامة تبويب جديدة عندما ينقر الزائرون على مشاركة ذات صلة، غير "false" إلى "true":
openNewTab: false

بعد الانتهاء من الإعدادات، انقر على الزر "Save Template" ويمكنك الآن مشاهدة عنصر المشاركات ذات الصلة مباشرة على مدونة بلوجر.

الكلمات الأخيرة

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

إضافة مواضيع ذات صلة لمدونات بلوجر


سأتطرق معك في هذا الموضوع إلى إضافة مهمة تضمن بقاء الزائر في موقعك هي إضافة مواضيع ذات صلة الموضوع سهل و في متناول الجميع
أولا نذهب إلى رابط لوحات تحكم مدونة البلوجر توم نختر تبويب قالب و نضغط على تحرير
تم نبحث عن هذا الكود

]]></b:skin>
و نضع فوقه الكود التالي

#related-posts { float:center; text-transform:none; height:200px; width:100% min-height:100%; }

#related-posts h2{ display:none; }

#related-posts a{ border: none !important;float: right !important;padding: 4px !important; margin:0 3px;}

#related-posts a:hover {opacity:0.8; } #related-posts a img{border-radius: 5px;}

تم نبحث عن هذا الكود أيضا
</head>



و نضع فوقه الكود التالي

<script type='text/javascript'>
var _0x7fa2=[&quot;\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x65\x78\x33\x56\x38\x36\x66\x6A\x34\x64\x51\x2F\x55\x72\x43\x51\x51\x61\x34\x63\x4C\x73\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x46\x64\x41\x2F\x6A\x32\x46\x43\x54\x6D\x47\x4F\x72\x6F\x67\x2F\x73\x31\x36\x30\x30\x2F\x6E\x6F\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x70\x6E\x67&quot;,&quot;\x3C&quot;,&quot;\x73\x70\x6C\x69\x74&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x3E&quot;,&quot;\x69\x6E\x64\x65\x78\x4F\x66&quot;,&quot;\x73\x75\x62\x73\x74\x72\x69\x6E\x67&quot;,&quot;&quot;,&quot;\x6A\x6F\x69\x6E&quot;,&quot;\x72\x61\x6E\x64\x6F\x6D&quot;,&quot;\x66\x6C\x6F\x6F\x72&quot;,&quot;\x65\x6E\x74\x72\x79&quot;,&quot;\x66\x65\x65\x64&quot;,&quot;\x24\x74&quot;,&quot;\x74\x69\x74\x6C\x65&quot;,&quot;\x6C\x69\x6E\x6B&quot;,&quot;\x72\x65\x6C&quot;,&quot;\x61\x6C\x74\x65\x72\x6E\x61\x74\x65&quot;,&quot;\x68\x72\x65\x66&quot;,&quot;\x72\x65\x70\x6C\x69\x65\x73&quot;,&quot;\x74\x79\x70\x65&quot;,&quot;\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C&quot;,&quot;\x20&quot;,&quot;\x63\x6F\x6E\x74\x65\x6E\x74&quot;,&quot;\x73\x75\x6D\x6D\x61\x72\x79&quot;,&quot;\x70\x75\x62\x6C\x69\x73\x68\x65\x64&quot;,&quot;\x3C\x69\x6D\x67&quot;,&quot;\x73\x72\x63\x3D\x22&quot;,&quot;\x22&quot;,&quot;\x73\x75\x62\x73\x74\x72&quot;,&quot;\x4A\x61\x6E&quot;,&quot;\x46\x65\x62&quot;,&quot;\x4D\x61\x72&quot;,&quot;\x41\x70\x72&quot;,&quot;\x4D\x61\x79&quot;,&quot;\x4A\x75\x6E&quot;,&quot;\x4A\x75\x6C&quot;,&quot;\x41\x75\x67&quot;,&quot;\x53\x65\x70&quot;,&quot;\x4F\x63\x74&quot;,&quot;\x4E\x6F\x76&quot;,&quot;\x44\x65\x63&quot;,&quot;\x2D&quot;,&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E&quot;,&quot;\x20\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6C\x5F\x6D\x61\x73\x6B\x6F\x6C\x69\x73\x22\x3E\x3C\x68\x32\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x5F\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;,&quot;\x75\x72\x6C&quot;,&quot;\x67\x66\x6F\x72\x6D\x5F\x66\x6F\x6F\x74&quot;,&quot;\x2E\x2E\x2E&quot;,&quot;\x73\x70\x6C\x69\x63\x65&quot;,&quot;\x3C\x68\x32\x3E&quot;,&quot;\x3C\x2F\x68\x32\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6C\x65\x61\x72\x3A\x20\x62\x6F\x74\x68\x3B\x22\x2F\x3E&quot;,&quot;\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x30\x20\x34\x70\x78\x20\x31\x30\x70\x78\x20\x30\x3B\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B&quot;,&quot;\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x74\x69\x74\x6C\x65\x22\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E&quot;];imgr= new Array();imgr[0]=_0x7fa2[0];showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(_0x5abbx2,_0x5abbx3){var _0x5abbx4=_0x5abbx2[_0x7fa2[2]](_0x7fa2[1]);for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx4[_0x7fa2[3]];_0x5abbx5++){if(_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])!=-1){_0x5abbx4[_0x5abbx5]=_0x5abbx4[_0x5abbx5][_0x7fa2[6]](_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])+1,_0x5abbx4[_0x5abbx5][_0x7fa2[3]]);} ;} ;_0x5abbx4=_0x5abbx4[_0x7fa2[8]](_0x7fa2[7]);_0x5abbx4=_0x5abbx4[_0x7fa2[6]](0,_0x5abbx3-1);return _0x5abbx4;} ;function showrecentposts1(_0x5abbx7){j=(showRandomImg)?Math[_0x7fa2[10]]((imgr[_0x7fa2[3]]+1)*Math[_0x7fa2[9]]()):0;img= new Array();if(numposts2&lt;=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){maxpost=numposts2;} else {maxpost=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];} ;for(var _0x5abbx5=0;_0x5abbx5&lt;maxpost;_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];var _0x5abbx9=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];var _0x5abbxa;var _0x5abbxb;if(_0x5abbx5==_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){break ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){_0x5abbxb=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];break ;} ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[19]&amp;&amp;_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[20]]==_0x7fa2[21]){_0x5abbxa=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[14]][_0x7fa2[2]](_0x7fa2[22])[0];break ;} ;} ;if(_0x7fa2[23] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];} else {if(_0x7fa2[24] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[24]][_0x7fa2[13]];} else {var _0x5abbxd=_0x7fa2[7];} ;} ;postdate=_0x5abbx8[_0x7fa2[25]][_0x7fa2[13]];if(j&gt;imgr[_0x7fa2[3]]-1){j=0;} ;img[_0x5abbx5]=imgr[j];s=_0x5abbxd;a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){img[_0x5abbx5]=d;} ;var _0x5abbxe=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x5abbxf=[_0x7fa2[30],_0x7fa2[31],_0x7fa2[32],_0x7fa2[33],_0x7fa2[34],_0x7fa2[35],_0x7fa2[36],_0x7fa2[37],_0x7fa2[38],_0x7fa2[39],_0x7fa2[40],_0x7fa2[41]];var _0x5abbx10=postdate[_0x7fa2[2]](_0x7fa2[42])[2][_0x7fa2[6]](0,2);var _0x5abbx11=postdate[_0x7fa2[2]](_0x7fa2[42])[1];var _0x5abbx12=postdate[_0x7fa2[2]](_0x7fa2[42])[0];for(var _0x5abbx13=0;_0x5abbx13&lt;_0x5abbxe[_0x7fa2[3]];_0x5abbx13++){if(parseInt(_0x5abbx11)==_0x5abbxe[_0x5abbx13]){_0x5abbx11=_0x5abbxf[_0x5abbx13];break ;} ;} ;var _0x5abbx14=_0x5abbx10+_0x7fa2[22]+_0x5abbx11+_0x7fa2[22]+_0x5abbx12;_0x5abbxa=_0x7fa2[43]+_0x5abbxb+_0x7fa2[44]+_0x5abbxa+_0x7fa2[45];var _0x5abbx15=_0x7fa2[46]+_0x5abbxb+_0x7fa2[44]+_0x5abbx9+_0x7fa2[47]+_0x5abbxb+_0x7fa2[48]+img[_0x5abbx5]+_0x7fa2[49];document[_0x7fa2[50]](_0x5abbx15);j++;} ;} ;var relatedTitles= new Array();var relatedTitlesNum=0;var relatedUrls= new Array();var thumburl= new Array();function related_results_labels_thumbs(_0x5abbx7){for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];relatedTitles[relatedTitlesNum]=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];try{thumburl[relatedTitlesNum]=_0x5abbx8[_0x7fa2[52]][_0x7fa2[51]];} catch(error){s=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){thumburl[relatedTitlesNum]=d;} else {thumburl[relatedTitlesNum]=_0x7fa2[0];} ;} ;if(relatedTitles[relatedTitlesNum][_0x7fa2[3]]&gt;35){relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum][_0x7fa2[6]](0,35)+_0x7fa2[53];} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){relatedUrls[relatedTitlesNum]=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];relatedTitlesNum++;} ;} ;} ;} ;function removeRelatedDuplicates_thumbs(){var _0x5abbx1c= new Array(0);var _0x5abbx1d= new Array(0);var _0x5abbx1e= new Array(0);for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if(!contains_thumbs(_0x5abbx1c,relatedUrls[_0x5abbx5])){_0x5abbx1c[_0x7fa2[3]]+=1;_0x5abbx1c[_0x5abbx1c[_0x7fa2[3]]-1]=relatedUrls[_0x5abbx5];_0x5abbx1d[_0x7fa2[3]]+=1;_0x5abbx1e[_0x7fa2[3]]+=1;_0x5abbx1d[_0x5abbx1d[_0x7fa2[3]]-1]=relatedTitles[_0x5abbx5];_0x5abbx1e[_0x5abbx1e[_0x7fa2[3]]-1]=thumburl[_0x5abbx5];} ;} ;relatedTitles=_0x5abbx1d;relatedUrls=_0x5abbx1c;thumburl=_0x5abbx1e;} ;function contains_thumbs(_0x5abbx20,_0x5abbx21){for(var _0x5abbx22=0;_0x5abbx22&lt;_0x5abbx20[_0x7fa2[3]];_0x5abbx22++){if(_0x5abbx20[_0x5abbx22]==_0x5abbx21){return true;} ;} ;return false;} ;function printRelatedLabels_thumbs(){for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if((relatedUrls[_0x5abbx5]==currentposturl)||(!(relatedTitles[_0x5abbx5]))){relatedUrls[_0x7fa2[54]](_0x5abbx5,1);relatedTitles[_0x7fa2[54]](_0x5abbx5,1);thumburl[_0x7fa2[54]](_0x5abbx5,1);_0x5abbx5--;} ;} ;var _0x5abbx24=Math[_0x7fa2[10]]((relatedTitles[_0x7fa2[3]]-1)*Math[_0x7fa2[9]]());var _0x5abbx5=0;if(relatedTitles[_0x7fa2[3]]&gt;0){document[_0x7fa2[50]](_0x7fa2[55]+relatedpoststitle+_0x7fa2[56]);} ;document[_0x7fa2[50]](_0x7fa2[57]);while(_0x5abbx5&lt;relatedTitles[_0x7fa2[3]]&amp;&amp;_0x5abbx5&lt;20&amp;&amp;_0x5abbx5&lt;maxresults){document[_0x7fa2[50]](_0x7fa2[58]);if(_0x5abbx5!=0){document[_0x7fa2[50]](_0x7fa2[28]);} else {document[_0x7fa2[50]](_0x7fa2[28]);} ;document[_0x7fa2[50]](_0x7fa2[59]+relatedUrls[_0x5abbx24]+_0x7fa2[48]+thumburl[_0x5abbx24]+_0x7fa2[60]+relatedTitles[_0x5abbx24]+_0x7fa2[61]);if(_0x5abbx24&lt;relatedTitles[_0x7fa2[3]]-1){_0x5abbx24++;} else {_0x5abbx24=0;} ;_0x5abbx5++;} ;document[_0x7fa2[50]](_0x7fa2[62]);relatedUrls[_0x7fa2[54]](0,relatedUrls[_0x7fa2[3]]);thumburl[_0x7fa2[54]](0,thumburl[_0x7fa2[3]]);relatedTitles[_0x7fa2[54]](0,relatedTitles[_0x7fa2[3]]);} ;
</script>

تم نبحث عن هذا الكود أيضا

<div class='post-footer-line post-footer-line-1'/>
و نضع أسفله الكود التالي

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h3 style='color: rgb(94, 94, 94); font: 16px droidkufi-bold; padding: 0; margin: 0 0 8px 0;'><b>مواضيع مشابهة :</b></h3>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop><a href='http://01ne.blogspot.com/2014/10/related-posts.html' style='display:none;'></a><a href='http://01ne.blogspot.com/' style='display:none;'>01ne-blogger</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=7;

var relatedpoststitle=&quot;ربما تفيد من هذه المواضيع كذلك :&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->
و تحفظ القالب و مبروك عليك
100 100 100

افضل 10 جامعات في العالم

  1 - جامعة هارفارد      
 

   2 - جامعة ستانفورد       



  3 -  معهد ماساتشوسيتس للتكنولوجيا       


   4 - جامعة كاليفورنيا ــ بركلي       


   5 - جامعة كمبريدج       


  6 -  جامعة برنستون       


  7 -  معهد كاليفورنيا للتقنية 

    
  8 -  جامعة كولومبيا       


 9 -   جامعة شيكاغو

     
 10 -   جامعة أكسفورد


100 100 100

شرح كل ما يخص الخلفية Background في Css

السلام عليكم في هذا الدرس ان شاء الله سنشرح خاصية الخلفية background 
background او الخلفية تتيح لك التغيير خلفية العنصر المحدد مثل (body;class;id;...) و لها مجموهة من الخواص اخرى اكثر تحديداً


background-color
تحدد خاصية background-color عنصر اللون
و يمكنك تحديد اللون من خلال
الاسم : مثل "blue"
قيمة HEX : مثل "#0000ff"
قيمة rgb : مثل "rgb(0, 0, 255)"

مثال :

h1 {
    background-color: green;
}

div {
    background-color: #008000;
}

p {
    background-color: yellow;
}
شاهد بنفسك »
background-image
تمكنك خاصية "background-image" من اضافة صورة كخلفية
و يتم تكرار الصورة حتى تغطي العنصر باكمل

مثال :

body {
    background-image: url("paper.gif");
}
شاهد بنفسك »
حاول استخدام صورة لا تأثر على المحتوى
background-repeat
خاصية "background-repeat" تسمح لك بتحكم في تكرار الصورة افقيا او عموديا ان سبق و استعمل الخاصية السابقة
يجب أن تتكرر بعض الصور فقط أفقيا أو رأسيا، أو أنها سوف تبدو غريبة، مثل هذا:

مثال :

body {
    background-image: url("gradient_bg.png");
}
شاهد بنفسك »
ولكن باستعمال الخاصية "background-repeat: repeat-x;" ستبدو افضل من المثال السابق

مثال :

body {
    background-image: url("gradient_bg.png");
    background-repeat: repeat-x;
}
شاهد بنفسك »
و لتكرار الصورة عموديا نستعمل الخاصية "background-repeat: repeat-y;"
و ان كنت تريد عدم تكرار الصورة من اي جانب نستعمل الخاصية "background-repeat: no-repeat;"

مثال :

body {
    background-image: url("img_tree.png");
    background-repeat: no-repeat;
}
شاهد بنفسك »
"background-position" و "background-attachment"
الخاصية background-position : تسح لك بوضع الصورة في المكان خاص
و يمكنك تحديد المكان بالاسم مثل يمين اعلى (right top) انظر المثال
او بالنسب المئوية مثل (50% 50%) يمكنك تغير القيم حتى تحصل على المكان المناسب لك
او تحريك الصورة باستعمال البيكسل (100px 100px)
ثلات طريقة تؤدي نفس الغرض ولكن من الافضل استعمال الطريقتين الالى و ثانية

مثال :

body {
    background-image: url("img_tree.png");
    background-repeat: no-repeat;
    background-position: right top;
}
شاهد بنفسك »
الخاصية background-attachment : تسمح لك بتثبيت مكان الصور

مثال :

body {
    background-image: url("img_tree.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}
شاهد بنفسك »
background
خاصية background : تسمح لك باختزال كل الخواص السابقة

مثال :

body {
    background: #ffffff url("img_tree.png") no-repeat right top;
}
شاهد بنفسك »
100 100 100

شرح موقع My Paying ads + إستراتجية الربح السريع من MPA

افضل موقع لربح من أنترنت MPA دون عناء وتدخل عليك بأرباح طائلة وهدا ما يميزه على على مواقع الأخرى 
أقدم لكم موقع My Paying Ads لإسثتمار لهذا العام ربح أكثر من نصف رأس مالك ، هل لديك رأس مال صغير أو كبير ؟ ولماذا لا تستغله لمضاعفته كل 25 يوم بدون عناء ولا صعوب فقط تحتاج نصف ساعة كل يوم.

رابط التسجيل : My Paying Ads-Sign Up



تابع معي :

أفضل موقع إسثتمار My Paying Ads وموتوق به ولديه ترتيب عالي على Alexa ولديه اكثر من 180000 شخص يعمل فيه، ويتسجل كل يوم مئات أشخاص الموقع ذو مصداقي عالية وارباح جيد ولديه عدة شروحات على يوتيوب ومدونات وهذا مايزيدك تقة به أكثر وأنا أعمل به ايضا واحببت ان نستفيد جميعا .




بنسب لتسجيل في الموقع فإنه سهل :





ملاحضة :
يجب ان تكون كلمة السر
مشاهب : tip@123
لكي يتم قبولها



طرقة عمل في موقع :

شرح موقع My Paying ads + إستراجية الربح السريع من MPA
1- هذا عد تنازلي لا تتركه ينزل إذا نزل إلى صفر ولم تضغط على إعلانات لن تحتسب لك أرباح اسهم مثل trafficmonsoon سوف أشرح طريق فيما بعد
2- رابط ريفرال خاص بك
3- أرباح يمكنك سحبها
4- أرباح يمكن شراء أسهم بها ولا يمكنك سحبها
5 لا أهمية له
6- عدد إعلانات يمكنك نشر موقعك بها
7- عدد أسهم 
8 أرباح دغط على إعلانات
9 الشخص اللذي إستدعاني
10- أشخاص الذين استدعيتهم انت 
11- أرباح اللتي تلقيتها من ريفرال 
12- أرباح أسهم
13- عنوان إلكتروني لباي بال أو بنوك آخرى
14- عدد دغطات على اعلانات
رابط التسجيل : My Paying Ads-Sign Up
1- من ضروري دخول إليه كل يوم وضغط على 10 إعلانات لكي يحتسب أرباح أسهم
2- هذا خيار مجرد اعلانات PTC


1- إضافة المال يدعم عدة بنوك ومنها باي بال

2- شراء اسهم 

3- سحب المل يدعم عدة بنوك ومنها باي بال