الأحد، 24 مارس 2019

كيفية تعطيل نسخ و تحديد النصوص في مواضيع بلوجر

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

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

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

الشرح


  1. ادخل إلى لوحة تحكم المدونة
  2. اختر قالب
  3. اضغط على تحرير HTML

ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
.blog-content{
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

الان كيفية استخدام الكود يكون عبر وضع النص الذي نريد حمايته من النسخ بين الكود التالي مثال
<div class="blog-content">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.</div>

إذا كنت لا تريد إضافة اكواد HTML داخل كل موضوع يدويا ببساطة يمكننا اضافة اكواد CSS تسهل علينا كل هذا بدلا من الكود السابق

ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
.post-body{
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

الان عند حفظ القالب لن يستطيع الاشخاص من نسخ او تحديد اي نص من داخل المواضيع ,ولكن هناك مدونات متخصصة في تطوير المواقع و منصات بلوجر و يكون بها اكواد داخل المواضيع و هكذا لن يستطيع احد من تحديد هذه الاكواد لذلك يمكننا اضافة الكود التالي مع تغيير كلمة blockquote باسم الاضافة التي في مدونتك حتى يستطيعيو الاشخاص من تحديد النصوص فيها

.blockquote{
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}


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

قالب New Minima Colored معرب

قالب New Minima Colored معرب هو قالب احترافي بمعنى الكلمة بحيث يحتوي على اضافات احترافية و صديق لمحركات البحث

قالب New Minima Colored معرب - قالب احترافي بمعنى الكلمة بحيث هو لا يختلف كثير عن قالب Minima Colored 3 معرب ,فهو مزيج من الإصدار السابق و بعض من قالب Revoltify معرب و هناك بعض الميزات التي تم إزالتها و هناك ايضا بعض الميزات التي تم إضافتها بحيث تجعل القالب اكثر احترافية و اسهل استخداماً من اي وقت مضى يمكنك معاينة و تحميل القالب عبر الازرار التالية.



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


  1. متوافق مع جيمع الشاشات
  2. متوافق مع جميع المتصفحات
  3. متوافق مع جميع شاشات الهاتف
  4. الإعلانات متوافقة مع الشاشات
  5. متوافق مع أداة اخبار جوجل - Google Testing Tool
  6. ازرار المتابعة لموقع التواصل الاجتماعي
  7. اضافة الترقيم للانتقال بين الصفحات
  8. الوان القالب احمر و اسود و ابيض
  9. ازرار المشاركة داخل المواضيع
  10. مواضيع ذات صلة مع صور مصغرة
  11. اماكن للإعلانات جاهزة
  12. محرك بحث متطور
  13. اضافة تعليقات الزوار
  14. اضافة اخر المواضيع
  15. تصميم فلات بسيط
  16. القالب تصميم عامودين
  17. زر الصعود إلى الاعلى
  18. صندوق الإشتراك بالمدونة
  19. يحتوي على نموذج الاتصال
  20. يحتوي على فهرس احترافي
  21. صفحة خطأ 404
  22. سيو مدعم
  23. قائمة منسدلة
  24. قائمة علوية
     و المزيد .....

إعدادات القالب


التخطيط

هذه إعدادات التخطيط الخاصة بقالب New Minima Colored معرب


تنسيق الوقت

هذه إعدادات الوقت الخاصة بقالب New Minima Colored معرب


خلاصة الموقع

هذه إعدادات خلاصة الوقت الخاصة بقالب New Minima Colored معرب


إعدادات المشاركات

هذه إعدادات المشاركات الخاصة بقالب New Minima Colored معرب


بالنسبة لإضافات الفهرس و اتصل بنا القوالب السابقة اي سؤال او استفسار لا تترد بوضعه في تعليق

قالب Power Game معرب

قالب Power Game معرب قالب احترافي يحتوي على الكثير من اضافات بلوجر الاحترافية و يصلح لمنصات الالعاب و الاخبارية و المجلات و متوافق مع جميع الشاشات و يدعم جميع المتصفحات بحيث

قالب Power Game معرب - قالب احترافي يحتوي على الكثير من اضافات بلوجر الاحترافية و يصلح لمنصات الالعاب و الاخبارية و المجلات و متوافق مع جميع الشاشات و يدعم جميع المتصفحات و يحتوي على محرك بحث متطور الوانه البرتقالي و الرصاصي مريحة للعين و مصمم بطريقة احترافية يمكنك معاينة و تحميل القالب عبر الازرار التالية


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


  1. متوافق مع جميع الشاشات
  2. يدعم جميع المتصفحات [ IE8+,Mozilla,Chrome,Safari ]
  3. نظام تعليقات بلوجر و فيس بوك
  4. مواضيع ذات صلة
  5. تعريب الكاتب
  6. ازرار المشاركة
  7. اخر المعلقين
  8. مواضيع عشوائية
  9. سلايدر رئيسي شو احترافي
  10. صفحة خطأ 404
  11. شريط اخر الاخبار
  12. اماكن للإعلانات
  13. سيو مدعم
  14. سلايدر بشكل شريط
       و المزيد ....

يوجد مع ملف التحميل ملف شرح التعديل على القالب اي سؤال او استفسار لا تترد بوضعه في تعليق 

بالتوفيق

السبت، 23 مارس 2019

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

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

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


الشرح 



  1. اذهب إلى لوحة تحكم المدونة
  2. انقر على قالب
  3. الان انقر على تحرير HTML

ابحث عن الوسم </head> و اضف الكود التالي فوقه
<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='Description' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='CODE-App' property='fb:app_id'/>
<meta content='CODE-Admin' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>


الان قم بالبحث عن الوسم <body> و اضف الكود التالي تحته
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'CODE-App',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

التعديلات :


قم بإستبدال كلمة Description بوصف المدونة
قم بإستبدال كلمة CODE-App بـ اي دي التطبيق الخاص بالصفحة ستجدها مكررة مرتين
قم بإستبدال كلمة CODE-Admin بـ اي دي صفحتك الشخصية عن طريق اداة معرفة ID حسابات الفيس بوك

نصائح :


تأكد من الصور الخاصة بك التي تم تحميلها إلى المواضيع ان تكون أبعادها [ الطول و العرض ] لا تقل عن 600 × 315 بكسل، وإذا كانن أقل فإن الفيسبوك سيقوم بتغيير حجم الصور إلى 90x90 بكسل. فمن الأفضل استخدام صورة ذات أبعاد 1200 × 630 بكسل، 800 × 420 بكسل، و 600 × 315 بكسل.

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


قالب Sky Blog معرب

قالب Sky Blog معرب هو قالب بتصميم جميل و احترافي و يصلح للمدونات الاخبارية و المجلات كما إنه متوافق بنسبة 100% مع العديد من الاجهزة و هو سهل الإستعمال

قالب Sky Blog معرب - هو قالب بتصميم جميل و احترافي و يصلح للمدونات الاخبارية و المجلات كما إنه متوافق بنسبة 100% مع العديد من الاجهزة و هو سهل الإستعمال بحيث مصمم بطريقة احترافية ليناسب جميع الاذواق كما ان الوانه هادئة يمكنك معاينة و تحميل القالب عبر الازرار التالية



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


  1. يدعم جميع المتصفحات [ IE8+,Mozilla,Chrome,Safari ]
  2. صديق للسيو و محركات البحث
  3. اماكن للإعلانات جاهزة
  4. صندوق تعريف الكاتب
  5. سلايدر شو احترافي
  6. نظام تعليقات بلوجر
  7. مواضيع ذات صلة
  8. سريع في التصفح
  9. ازرار المشاركة
  10. متجاوب
       و المزيد ....


يوجد مع ملف التحميل ملف شرح التعديل على القالب اي سؤال او استفسار لا تترد بوضعه في تعليق 

الجمعة، 22 مارس 2019

اضافة صندوق الفيسبوك المنبثق بطريقة احترافية

اضافة صندوق الفيسبوك المنبثق بطريقة احترافية لجعل الزوار يعجبون بصفحتك على فيس بوك

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


شرح تركيب الإضافة


هنا يا صديقي تحتاج إلى اضافة الكود التالي في أداة
من لوحة تحكم المدونة > تخطيط > انقر على إضافة أداة HTML/JavaScript > ثم نسخ الكود التالي و لصقه بالادة ثم اضغط على حفظ

<style scoped='' type='text/css'>
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;right:0;z-index:99999;}
#fb-boxclose {width:100%;height:100%;}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;right:37%;border-radius:3px;}
#fb-closebox {float:left;cursor:pointer;position:absolute;left:-1px;top:-2px;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Dapatkan cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/mudwnp&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>

اهم الإعدادات


استبدل https://www.facebook.com/blog بعنوان صفحتك على فيس بوك
لإظهار الصندوق في كل مرة يتم فتح المدونة احذف هذا الكود$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
لضبط الوقت و تأخير ظهور الصندوق المنبثق استبدل هذه.delay(3000)

اتمنى ان تعجبكم الإضافة اي سؤال او استفسار لا تنسى وضع تعليق

قالب New Minima Colored Redesign معرب و مطور

قالب New Minima Colored Redesign معرب و مطور - متوافق مع جميع الشاشات و الاجهزة سيو مدعم و يعد من افضل قوالب بلوجر

قالب New Minima Colored Redesign معرب و مطور - يعد من اسرع قوالب بلوجر و هو مثل قالب New Minima Colored معرب و لكنه اسرع لأنه تم حذف بعض الميزات من هذا القالب حتى يتم تحميل الصفحات بشكل اسرع و يمتاز القالب بتجاوبه مع جميع الشاشات و الوانه الهادئة يمكنك تحميل و معاينة القالب عبر الازرار التالية.



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

  1. متوافق مع جميع الشاشات
  2. إعلانات ادسنس متجاوبة
  3. أداة اختبار جوجل مدعم
  4. نظام تعليقات بلوجر
  5. مواضيع ذات صلة
  6. محرك بحث متطور
  7. ازرار المشاركة
  8. سهم الصعود إلى اعلى
  9. نموذج اتصل بنا
  10. التصميم عامودين
  11. تصميم فلات
  12. سيو مدعم 
  13. صندوق الإشتراك بالبريد الإلكتروني
        و المزيد

اي سؤال او استفسار لا تترد بوضعه في تعليق و يوجد ملف شرح التعديل على القالب لا تنسى مشاركة الموضوع مع اصدقائك عبر ازرار المشاركة بالاسفل

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *