منع إستخدام زر الماوس الأيمن مع إخفاء كامل الشاشة للبلوجر

مرحبا بكم على ارابيكا بلوجر

منع إستخدام زر الماوس الأيمن مع إخفاء كامل الشاشة للبلوجر

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

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

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

لإضافة هذه الأداة إلى مدونتك إنتقل إلى القالب ثم أنقر على تحرير html ثم أبحث عن الرمز </head> بعدها ألصق الكود التالي فوق الرمز </head>  مباشرةً

<script>

var DADrccolor = "#F1F1F1";

var DADrcimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ73UMKu3In8AFbFev-RrYLTx0xKRXLA0MLUYhbq2dA5GxgMQVI5T2xYOjrvXVb60-nwRusFQDA1sxmfkkjB7VnF7CkUtRo8XSrsgipYTlsUGT9Kw60gpI4X-paePUnFMb82BTensFg7Vb/s1600/superheroe.png";

</script><script src="http://yourjavascript.com/2122535051/antirightclick.js" type="text/javascript"></script>

لنسخ الكود يرجى إستخدام مفتاح الإختصار فيي لوحة مفاتيح الكمبيوتر ctrl+c
يمكن التعديل على الصورة ولون خلفيتها.

طريقة تركيب الإعلانات على جانب مدونة بلوجر بشكل ثابت

مرحبا بكم على ارابيكا بلوجر

كيفية أضافة تعريف بالكاتب أسفل تدوينات بلوجر

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

لا يُسمح للمواقع التي تقوم بإظهار إعلانات Google بأن تحتوي على نوافذ منبثقة تتداخل مع التنقل عبر الموقع، أو تغيير تفضيلات المستخدم، أو بدء إجراء تنزيلات

وضع إعلانات في نص مربع متحرك.•تنسيق الإعلانات بشكل يميزها عن أي محتوى آخر في تلك الصفحة.

المصدر: سياسات برنامج AdSense - مساعدة AdSense

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

معاينة: من خلال المعاينة سوف تجد الإعلان على يسار الصفحة قم بتحريك الصفحة سوف ترى أن الإعلان ثابت، ثم قم بتصغير المتصفح الخاص بك حتى ترى أن الإعلان أختفى تلقائياً!

الآن نأتي إلى طريقة تركيب الإعلانات على مدونات بلوجر في جانب المدونة بشكل ثابت

بالبداية توجه إلى لوحة تحكم مدونتك ثم القالب ثم انقر على تحرير HTML الآن أضف الكود التالي فوق الرمز
</head> مباشرةً:

      <style type='text/css'>
.ads-medad {
left: 0;
position:absolute;
top: 197px;
z-index: 9999;
}
/*  إخفاء الإعلان للأجهزة المحمولة */
@media only screen and (max-width: 767px) and (min-width: 480px){
 #topcontrol , .ads-medad{display:none !important;}
@media only screen and (max-width: 479px){
 #topcontrol , .ads-medad{display:none !important;}
      </style>

الآن قم بتحويل كود الإعلان ويجب ان يكون حجم البانر الإعلاني 160x600 الذي ترغب بإضافته لمدونتك سواء كان تابع لجوجل أدسنس أو حسوب أو غيرها عن طريق الأداة التالية: تحويل كود أدسنس

بعد تحويل كود الأعلان أضفه داخل الرمز التالي في المكان المخصص

<div class='ads-medad'>
اضف كود الإعلان المحول هنــــــا
</div>

ثم أضف الكود كامل فوق الرمز </body> أو حتى في أي مكان بقالب مدونتك لا مشكلة لكن حتى لا تنسى اين وضعته :D ثم اختر حفظ القالب حتى ترى أن الإعلان بدأ يظهر في الجانب الأيسر لمدونتك

تخصيص الإعلان وشروط

• يجب أولاً أن يكون كود الإعلان بانر بمقياس 160x600 بكسل ويجب تحويل الكود من الأداة المذكورة سابقاً
• الكود الأول سوف يُظهر الإعلان على الجانب الأيسر من مدونتك لوضعه بالجانب الأيمن في مدونتك إستبدل الكلمة left بالكلمة right ثم حفظ
• للتحكم في إرتفاع الإعلان بالمدونة تحكم بالرقم المشار إليه top: 197px;

هل تحتاج المزيد من المساعدة؟ لا تتردد في ترك تعليق لكن يرجى أولاً قراءة الشرح جيداً فهو سهل فقط عليك التركيز قليلاً حتى تستوعب العملية :) شكراً للمتابعة ونراكم في موضوع تالي.

كيفية أضافة تعريف بالكاتب أسفل تدوينات بلوجر

مرحبا بكم على ارابيكا بلوجر

كيفية أضافة تعريف بالكاتب أسفل تدوينات بلوجر

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

1 - قم بالدخول إلى تبويب القالب

2- قم بتوسيع القالب الخاص بك

3 - أبحث عن هذا الكود

]]></b:skin>

4 - ثم ضع قبلها كود CSS هذا ( ملحوظة : هناك بعض القالب بها هذا الكود وهذا نتيجة ان صاحب القالب كان قد أضاف هذه الميزة به ولكن هناك بعض المطورين يقوموا بحذف الأدوات بدون حذف كامل لها مما يسبب أخطاء فى المدونة فيجب التأكد أولاً انه ليس بالمدونة عبر البحث عن أول صف من الكود التالى و إذا وجعته فلا داعى للأضافته مره أخرى و أنتقل للخطوة التالية )

/* Author Bio */
.postauthor {
background: #F5F5F5; border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 0.7em;
}
.postauthor img {
border: 5px solid #e2dede;
float: right; margin-left: 1em;
}
.postauthor h3 {
color: #666; font-size: 1.2em;
margin-bottom: 5px; margin-top: 0;
}
.postauthor p {
color: #515151; font-size: 12px;
margin-bottom: 10px; margin-top: 0;
}
/* Author Bio End */

5 - أبحث عن هذا الكود <data:post.body/> وضع بعده هذا الكود ( إذا 

وجعت أتنين من هذا الكود أو أى عدد كان فالثانى هو المقصود ) أو

 بعد هذا الكود <div class='post-footer-line post-footer-line-1'> 

إذا لم يظهر بالشكل المناسب بعد الكود الأول

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='رابط حساب الكاتب'> اسم الكاتب </a></h3>
<p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

6 - لا تنسى تغيير ما باللون الأحمر ثم أضغط حفظ ومبروك الأضافة اذا احتجت مساعدة او واجتك مشاكل الرجاء وضع تعليق بلاسفل ليتم حلها 

قالب بلوجر تكنلوجيا إحترافي متجاوب

• معاينة
 
• تنزيل
 
• رابط آخر

مميزات القالب:

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

تخصيص القالب:

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

ماتبقى هو سهل الجميع من خلال محرر html التعديل على القوائم المنسدلة وازرار مواقع التواصل الإجتماعي في الزاوية اليسرى من القالب وكل شيء ترغب بإستبداله.

قالب بلوجر بشكل جديد مُنسق إحترافي

• معاينة
 
• تنزيل
 
• رابط آخر

سلايد شو خفيف احترافي لمدونة بلوجر 2015

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

سلايد شو خفيف احترافي لمدونة بلوجر 2015

سلايد شو بسيط وخفيف للمدونة يتمتع بالسرعه , ايضاَ السلايد شو تقريباَ خالي من الروابط الخارجيه وذالك لانني فككت هذه الروابط وجعلتها مباشره تعمل بدون الذهاب للخارج , ايضا قمت بتعريبه واضافة خط tahoma للدسكربشن .

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

صورة : 

سلايد شو خفيف وأحترافي لمدونة بلوجر 2014

مثال مباشر : من هنا

طريقة التركيب : 

• ادخل مدونتك.
• التخطيط .
• أضافة اداة html/javascript
• الصق هذا الكود فيها مع تغير ما سأذكر :

<style scoped="" type="text/css">
#coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;padding:10px;float:left}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px}
.cs-active{background-color:#B8C4CF;color:#FFFFFF}
.cs-buttons a{border-radius:50%;background:#CCC;background:-webkit-linear-gradient(top,#CCCCCC,#F3F3F3);background:-moz-linear-gradient(top,#CCCCCC,#F3F3F3);background:-o-linear-gradient(top,#CCCCCC,#F3F3F3);background:-ms-linear-gradient(top,#CCCCCC,#F3F3F3);background:linear-gradient(top,#CCCCCC,#F3F3F3)}
a.cs-active{background:#599BDC;background:-webkit-linear-gradient(top,#599BDC,#3072B3);background:-moz-linear-gradient(top,#599BDC,#3072B3);background:-o-linear-gradient(top,#599BDC,#3072B3);background:-ms-linear-gradient(top,#599BDC,#3072B3);background:linear-gradient(top,#599BDC,#3072B3);border-radius:50%;box-shadow:0 0 3px #518CC6;border:1px solid #3072B3!important}
.cs-title{width:100%;padding:5px 0;background-color:#000000;color:#FFFFFF}
.cs-title strong{display:block;font-size:120%}
.cs-title p{margin:0}
.cs-title cite{font-size:90%}
.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0 10px}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

<script type='text/javascript'>
var AutoCoinConfig = {
 url_blog: "http://blog.7lolblogger.com/",
 MaxPost: 8,
 cmtext: "تعليقات",
 MonthNames : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
 pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
 NoCmtext : "comment number",
 imageSize :500,
 SumChars : 100,
 tagName:false,
 width: 500,
 height: 250,
 spw: 7,
 sph: 5,
 delay: 3000,
 sDelay: 30,
 opacity: 0.7,
 titleSpeed: 500,
 effect: '',
 navigation: true,
 links : true,
 hoverPause: true,
 prevText: 'السابق',
 nextText: 'التالي'
};

</script>

<script type="text/javascript">
  (function(f){var e=[],c=[],k=[],m=[],d=[],h=[],b=[],g=[],l=[],a=[],j=[];f.fn.coinslider=f.fn.CoinSlider=function(A){var r=function(E){var I=parseInt(e[E.id].width/e[E.id].spw),D=I,L=parseInt(e[E.id].height/e[E.id].sph),H=L,C=0,J=0,K=0,G,F,N=e[E.id].width-e[E.id].spw*D,B=N,M=e[E.id].height-e[E.id].sph*H,O=M;for(G=1;G<=e[E.id].sph;G++){B=N;if(O>0){O--;H=L+1}else{H=L}for(F=1;F<=e[E.id].spw;F++){if(B>0){B--;D=I+1}else{D=I}c[E.id][C]=G+""+F;C++;if(e[E.id].links){f("#"+E.id).append("<a href='"+m[E.id][0]+"' class='cs-"+E.id+"' id='cs-"+E.id+G+F+"' style='width:"+D+"px; height:"+H+"px; float: left; position: absolute;'></a>")}else{f("#"+E.id).append("<div class='cs-"+E.id+"' id='cs-"+E.id+G+F+"' style='width:"+D+"px; height:"+H+"px; float: left; position: absolute;'></div>")}f("#cs-"+E.id+G+F).css({"background-position":-J+"px "+(-K+"px"),left:J,top:K});J+=D}K+=H;J=0}f(".cs-"+E.id).mouseover(function(){f("#cs-navigation-"+E.id).show()});f(".cs-"+E.id).mouseout(function(){f("#cs-navigation-"+E.id).hide()});f("#cs-title-"+E.id).mouseover(function(){f("#cs-navigation-"+E.id).show()});f("#cs-title-"+E.id).mouseout(function(){f("#cs-navigation-"+E.id).hide()});if(e[E.id].hoverPause){f(".cs-"+E.id).mouseover(function(){e[E.id].pause=true});f(".cs-"+E.id).mouseout(function(){e[E.id].pause=false});f("#cs-title-"+E.id).mouseover(function(){e[E.id].pause=true});f("#cs-title-"+E.id).mouseout(function(){e[E.id].pause=false})}};var y=function(C){clearInterval(b[C.id]);var B=e[C.id].delay+e[C.id].spw*e[C.id].sph*e[C.id].sDelay;b[C.id]=setInterval(function(){v(C)},B)};var v=function(B,C){if(e[B.id].pause===true){return}z(B);a[B.id]=0;l[B.id]=setInterval(function(){o(B,c[B.id][a[B.id]])},e[B.id].sDelay);f(B).css({"background-image":"url("+k[B.id][g[B.id]]+")"});if(typeof(C)=="undefined"){g[B.id]++}else{if(C=="prev"){g[B.id]--}else{g[B.id]=C}}if(g[B.id]==k[B.id].length){g[B.id]=0}if(g[B.id]==-1){g[B.id]=k[B.id].length-1}f(".cs-button-"+B.id).removeClass("cs-active");f("#cs-button-"+B.id+"-"+(g[B.id]+1)).addClass("cs-active");if(h[B.id][g[B.id]]){f("#cs-title-"+B.id).css({opacity:0}).animate({opacity:e[B.id].opacity},e[B.id].titleSpeed);f("#cs-title-"+B.id).html(h[B.id][g[B.id]])}else{f("#cs-title-"+B.id).css("opacity",0)}};var o=function(C,B){f(".cs-"+C.id).attr("href",m[C.id][g[C.id]]).attr("target",d[C.id][g[C.id]]);if(a[C.id]==e[C.id].spw*e[C.id].sph){clearInterval(l[C.id]);return}f("#cs-"+C.id+B).css({opacity:0,"background-image":"url("+k[C.id][g[C.id]]+")"});f("#cs-"+C.id+B).animate({opacity:1},300);a[C.id]++};var p=function(C){var B;f(C).append("<div id='cs-navigation-"+C.id+"'></div>");f("#cs-navigation-"+C.id).hide();f("#cs-navigation-"+C.id).append("<a href='#' id='cs-prev-"+C.id+"' class='cs-prev'>"+e[C.id].prevText+"</a>");f("#cs-navigation-"+C.id).append("<a href='#' id='cs-next-"+C.id+"' class='cs-next'>"+e[C.id].nextText+"</a>");f("#cs-prev-"+C.id).css({position:"absolute",top:e[C.id].height/2-15,left:0,"z-index":1001,"line-height":"30px",opacity:e[C.id].opacity}).click(function(D){D.preventDefault();v(C,"prev");y(C)}).mouseover(function(){f("#cs-navigation-"+C.id).show()});f("#cs-next-"+C.id).css({position:"absolute",top:e[C.id].height/2-15,right:0,"z-index":1001,"line-height":"30px",opacity:e[C.id].opacity}).click(function(D){D.preventDefault();v(C);y(C)}).mouseover(function(){f("#cs-navigation-"+C.id).show()});f("<div id='cs-buttons-"+C.id+"' class='cs-buttons'></div>").appendTo(f("#coin-slider-"+C.id));for(B=1;B<k[C.id].length+1;B++){f("#cs-buttons-"+C.id).append("<a href='#' class='cs-button-"+C.id+"' id='cs-button-"+C.id+"-"+B+"'>"+B+"</a>")}f.each(f(".cs-button-"+C.id),function(D,E){f(E).click(function(F){f(".cs-button-"+C.id).removeClass("cs-active");f(this).addClass("cs-active");F.preventDefault();v(C,D);y(C)})});f("#cs-navigation-"+C.id+" a").mouseout(function(){f("#cs-navigation-"+C.id).hide();e[C.id].pause=false});f("#cs-buttons-"+C.id).css({left:"50%","margin-left":-k[C.id].length*15/2-5,position:"relative"})};var z=function(F){var G=["random","swirl","rain","straight"],D,C,B,E;if(e[F.id].effect===""){E=G[Math.floor(Math.random()*(G.length))]}else{E=e[F.id].effect}c[F.id]=[];if(E=="random"){B=0;for(D=1;D<=e[F.id].sph;D++){for(C=1;C<=e[F.id].spw;C++){c[F.id][B]=D+""+C;B++}}q(c[F.id])}if(E=="rain"){n(F)}if(E=="swirl"){t(F)}if(E=="straight"){u(F)}j[F.id]*=-1;if(j[F.id]>0){c[F.id].reverse()}};var q=function(B){var D=B.length,C,F,E;if(D===0){return false}while(--D){C=Math.floor(Math.random()*(D+1));F=B[D];E=B[C];B[D]=E;B[C]=F}};var t=function(C){var E=e[C.id].sph,F=e[C.id].spw,L=1,K=1,D=0,H=0,J=0,B,I=true,G;while(I){H=(D===0||D===2)?F:E;for(G=1;G<=H;G++){c[C.id][J]=L+""+K;J++;if(G!=H){switch(D){case 0:K++;break;case 1:L++;break;case 2:K--;break;case 3:L--;break}}}D=(D+1)%4;switch(D){case 0:F--;K++;break;case 1:E--;L++;break;case 2:F--;K--;break;case 3:E--;L--;break}B=w(E,F)-s(E,F);if(F<=B&&E<=B){I=false}}};var n=function(E){var I=e[E.id].sph,B=e[E.id].spw,H=0,G=1,C=1,F=1,D=true;while(D){for(i=F;i<=G;i++){c[E.id][H]=i+""+parseInt(C-i+1);H++}C++;if(G<I&&C<B&&I<B){G++}if(G<I&&I>=B){G++}if(C>B){F++}if(F>G){D=false}}};var u=function(E){var B=0,D,C;for(D=1;D<=e[E.id].sph;D++){for(C=1;C<=e[E.id].spw;C++){c[E.id][B]=D+""+C;B++}}};var s=function(C,B){if(C>B){return B}else{return C}};var w=function(C,B){if(C<B){return B}else{return C}};var x=function(B){c[B.id]=[];k[B.id]=[];m[B.id]=[];d[B.id]=[];h[B.id]=[];g[B.id]=0;a[B.id]=0;j[B.id]=1;e[B.id]=f.extend({},f.fn.coinslider.defaults,A);f.each(f("#"+B.id+" img"),function(C,D){k[B.id][C]=f(D).attr("src");m[B.id][C]=f(D).parent().is("a")?f(D).parent().attr("href"):"";d[B.id][C]=f(D).parent().is("a")?f(D).parent().attr("target"):"";h[B.id][C]=f(D).next().is("span")?f(D).next().html():"";f(D).hide();f(D).next().hide()});f(B).css({"background-image":"url("+k[B.id][0]+")",width:e[B.id].width,height:e[B.id].height,position:"relative","background-position":"top left"}).wrap("<div class='coin-slider' id='coin-slider-"+B.id+"' />");f("#"+B.id).append("<div class='cs-title' id='cs-title-"+B.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");r(B);if(e[B.id].navigation){p(B)}v(B,0);y(B)};this.each(function(){x(this)})};f.fn.coinslider.defaults={width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:"",navigation:true,links:true,hoverPause:true,prevText:"prev",nextText:"next"}})(jQuery);

var config=AutoCoinConfig,urlxx=config.url_blog,urltag="/-/"+config.tagName;if(config.url_blog===""){urlxx=window.location.protocol+"//"+window.location.host}if(config.tagName===false){urltag=""}function AutoCoinSlider(w){var u,c,m,g,t,k,b,s,f,e,h,o,v,q,d="",a=w.feed.entry;if(a!==undefined){d="<div id='coinautoslide'>";f=a.length;for(var r=0;r<f;r++){e=a[r].link.length;for(var p=0;p<e;p++){if(a[r].link[p].rel=="alternate"){u=a[r].link[p].href;break}}for(var n=0;n<e;n++){if(a[r].link[n].rel=="replies"&&a[r].link[n].type=="text/html"){m=a[r].link[n].title.split(" ")[0];break}}if("content" in a[r]){t=a[r].content.$t}else{if("summary" in a[r]){t=a[r].summary.$t}else{t=""}}if("media$thumbnail" in a[r]){k=a[r].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+config.imageSize)}else{k=config.pBlank}if(m===0){g=' <span class="cm">'+config.NoCmtext+"</span>"}else{g=' <span class="cm">'+m+" "+config.cmtext+"</span>"}t=t.replace(/<\S[^>]*>/g,"");if(t.length>config.SumChars){t=t.substring(0,config.SumChars)+"..."}c=a[r].title.$t;s=a[r].published.$t.substring(0,10),h=s.substring(0,4),o=s.substring(5,7),v=s.substring(8,10),q=config.MonthNames[parseInt(o,10)-1],b='<span class="date"><span class="dd">'+v+'</span> <span class="dm">'+q+'</span> <span class="dy">'+h+"</span></span>";d+='<a href="'+u+'" target="_blank"><img src="'+k+'" alt="'+c+'"/><span><strong>'+c+"</strong><cite>"+b+g+"</cite><p>"+t+"</p></span></a>"}d+="</div>";$("#coinslidewrap").html(d);$("#coinautoslide").coinslider({width:config.width,height:config.height,spw:config.spw,sph:config.sph,delay:config.delay,sDelay:config.sDelay,opacity:config.opacity,titleSpeed:config.titleSpeed,effect:config.effect,navigation:config.navigation,links:config.links,hoverPause:config.hoverPause,prevText:config.prevText,nextText:config.nextText,})}else{$("#coinslidewrap").html("<span>No result!</span>")}}document.write('<div id="coinslidewrap"/>');document.write('<script type="text/javascript" src="'+urlxx+"/feeds/posts/summary"+urltag+"?redirect=false&max-results="+config.MaxPost+'&alt=json-in-script&callback=AutoCoinSlider"><\/script>');
</script>

الاحمر : حجم السلايد شو , ويجب مراعاة حجم الصورة ايضاَ كي يتناسب معك , المهم غيرهم الثنين واجعلهم نفس الحجم يابطل .
الاصفر : رابط المدونة وهو مهم .
الازرق : طول السلايد شو .


بالتوفيق .

حل مشكلة عدم ظهور صورة الموضوع عند نشرها في الفايسبوك لبلوجر

بسم الله الرحمن الرحيم

 مرحبا بكم في مدونة مسطرة ... و موعدنا اليوم مع حل مشكلة عدم ظهور صورة الموضوع عند نشرها في الفايسبوك لبلوجر

قالب,معرب,مطور,مدونات,بلوجر,تحميل,اضافات,معاينة,صور,blogger,template,addition,فيسبوك,تويتر,facebook,الربح من الانترنت,جوجل,ادسنس,فيديو,شرح,طريقة,تقنية,معلومات,محترف,problems ,طريقة,تغير,شكل,مشاكل ,answers ,بلوجر,نشر,حلول ,تقني ,البحث ,اكواد

السلام عليكم ورحمة من الله تعالى وبركاته . أصبحنا نرى العديد من المدونات العربية جديدة العهد في مجال المعلوميات أو بأحرى في مجال تقديم الجديد في ما يخص عالم الأنترنت .

لكن كل مدونة أو موقع يحتاج زوار و متابعين من اجل انجاحه و تطوره ، و من طرق السريعة و المجدية ، نجد أداة المواقع الإجتماعية التي توضع اسفل كل مشاركة و التي تعبر عن شعور القارئ .

و لهذه الأداة فائدة كبيرة على المدونة ، مثلا قرأت موضوع ثم أعجبك و قمت بنشره . إذن سيتمكن أصدقاءك من رؤية الموضوع مما سيقدم عدد مهم من الزوار لتلك المدونة . و كما يعرف الكثير فالصورة تعتبر أهم راكز أساسي ، فبها يتم التعبير عن الموضوع .

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

صورة للمشكلة عند نشر موضوع على الفيس بوك :

كما ترى في الصورة هذا الموضوع قمت بقراءته و أعجبني تم أردت نشره على الفايسبوك لكن مكان صورة الموضوع تم عرض صورة كارتون. 

الآن سنشرح طريقة التخلص من المشكلة :

◄ نتوجه الى المدونة ►

◄ ثم نضغط على قالب ►

◄ بعد ذلك تحرير HTML ►

◄ نبحث عن الوسم التالي ►

<head>

◄ ثم نضع الكود التالي تحت <head> ►

<meta content='article' property='og:type'/>

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

<meta expr:content='data:blog.title' property='og:site_name'/>

<meta expr:content='data:blog.pageName' property='og:title'/>

<b:if cond='data:blog.metaDescription != &quot;&quot;'>

<meta expr:content='data:blog.metaDescription' name='description'/>

</b:if>

◄ ثم حفظ القالب ►

بالنسبة للمواضيع الجديدة فلن تجد مشاكل عند نشرها ، أما بالنسبة للقديمة فعليك الإنتظار يومان على الأكثر من أجل نجاح العملية عليها .

و بكده نكون انتهينا من درس اليوم و هو حل مشكلة عدم ظهور صورة الموضوع عند نشرها في الفايسبوك لبلوجر

و السلام عليكم و رحمة الله و بركاته