لأفضل تصفح للمدونة

‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل

السبت، 14 نوفمبر 2015

طريقة تركيب مضاد مزيل الإعلانات AdBlock على مدونات بلوجر

طريقة تركيب مضاد مزيل الإعلانات AdBlock على مدونات بلوجر

 إن كنت مدونا أو مالك موقع فلا شك في أن مصدرك الربحي من خلال هذا الموقع هو إعلانات شركة جوجل أدسنس، أو أي شركة منافسة أخرى مثل RevenueHits أو Bidvertiser أو غيرها..
 وبالتالي فإنك تحتاج إلى نقرات من طرف الزوار لكي تربح، وحتى إن لم تربح من النقرات سوف تربح من خلال مرات مشاهدة الإعلان، لكن في بعض الأحيان قد تصادف زوارا يستعملون مضاد الإعلانات Adblock والذي يعتبر أكثر إضافة تحميلا على متجر جوجل كروم وبالتالي لن تستطيع تحقيق دخل من خلال هؤلاء نظرا لأن الإعلانات لن تظهر لهم وهو ما يشكل لك عائق مادي أمامهم.
 لذلك في درس اليوم سوف أتطرق معك إلى طريقة تركيب مضاد مزيل الإعلانات الإعلانات AdBlock على مدونتك في بلوجر قصد إجبار الزائر على إزالة هذه الإضافة من أجل تصفح الموقع، وبالتالي هذا ما يزيد من  فرصة الربح من خلال زوارك أخي الكريم.
دعنا ندخل في صلب الموضوع الآن!

أول شيء أخي الكريم تقوم بالتوجه نحو قالب، ثم تحرير HTML ثم ابحث عن :
<body>

قم بوضع هذا الكود بعده (تحته):
<div id='allinantiadblock'>

الآن إبحث عن هذا الوسم:
</body>

وقم بإلصاق هذا الكود فوقه (قبله):

<div id='adblockertextset'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script src='https://antiadblockmsg.googlecode.com/svn/trunk/advertisement.js' type='text/javascript'/>
<script src='https://antiadblockmsg.googlecode.com/svn/trunk/antiadblockmsg.js' type='text/javascript'/>  

وبالنهاية أتمنى أن تستفيد من هذا الدرس والسلام عليكم ورحمة الله وبركاته!
تحيّاتي!
معاذ غازي - خطوات مطور
إقرأ المزيد

الجمعة، 25 سبتمبر 2015

إضافات بلوجر - إضافة تغيير لون الخلفية لمدونات بلوجر

إضافات بلوجر - إضافة تغيير لون الخلفية لمدونات بلوجر

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

لذلك قررت أن أشاركك إياها في تدوينة اليوم بإذن الله!

نمر الآن إلى طريقة تركيب الإضافة:

1.قم بالذهاب إلى مدونتك على بلوجر.
2.تخطيط.
3.إضافة أداة
4. إختر HTML/JavaScript
5.ثم قم بإضافة هذا الكود :

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <table border="1" width="100%" height="20"> <tbody><tr> <td onclick="bgChange('#8B008B')" bgcolor="#8B008B"> </td> <td onclick="bgChange('#9400D3')" bgcolor="#9400D3"> </td> <td onclick="bgChange('#008080')" bgcolor="#008080"> </td> <td onclick="bgChange('#808080')" bgcolor="#808080"> </td> <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"> </td> <td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"> </td> <td onclick="bgChange('#DC143C')" bgcolor="#DC143C"> </td> <td onclick="bgChange('#4B0082')" bgcolor="#4B0082"> </td> <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"> </td> </tr></tbody></table>


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

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

معاذ غازي - خطوات مطور
إقرأ المزيد

الأحد، 21 يونيو 2015

[درس] كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

السلام عليكم ورحمة الله تعالى وبركاته، ومرحبا بك أخي الكريم في تدوينة جديدة وفي إضافة جديدة من إضافات بلوجر على مدونة خطوات مطور، أما بعد.. فلكنا نعلم أن للتعليقات دورا هاما في ارتقاء موقعك في محركات البحث، حيث أن هاته الأخيرة تعتبر محتواك ك"Fresh content" يجذب الزوار ويجعلهم يتفاعلون معك، وبالتالي سوف تحتل مراكز متقدمة في محركات البحث لا محالة!
 لذلك نجد العديد من الأشكال الخاصة بالتعليقات في المدونات، فنجد تعليقات الفيسبوك، وجوجل وغيرها.. لكن اليوم قررت أن أضع لكم شرح حول كيفية إضافة نظام التعليقات Disqus إلى مدونتك، لماذا اخترت هذا النظام بالذات، أولا لأنه يمكن الزائر من الدخول عن طريق أي حساب له في الشبكات الاجتماعية، حيث أننا نجد بعض الأشخاص الذين يمتلكون حساب تويتر، ولا يمتلكون حساب فيسبوك والعكس صحيح، بالإضافة إلى أنه بإمكان أي شخص التعليق عن طريق وضع إيميله واسمه فقط.. وما يميز هذا النظام كذلك هو أنه بإمكانك أن تكون أنت المسؤول عن تأكيد نشر التعليق، حيث أنه هنالك بعض الأشخاص الذين ينشرون روابطهم بكثرة في تعاليق المدونات وهذا يعتبر Spam، وبالتالي فهذا يؤثر حتى عليك أنت!!
وهنالك العديد من الخيارات الأخرى التي بإمكانك أنت اختيارها والتعديل عليها كما تشاء، كعدم نشر أي رابط خارجي في التعليق بصفة نهائية، أو كل رابط ينشر عليك أن تقوم بالموافقة عليه وتأكيد النشر وغيرها من الخيارات الأخرى..
دون أن نخوض في الكلام كثيرا أخي الكريم دعنا نمر إلى المهم، على بركة الله!
طريقة التسجيل في موقع Disqus:
أول شيء أخي الكريم عليك أن تقوم بالتسجيل في الموقع عن طريق هذا الرابط.
بالنسبة لطريقة التسجيل فالكل هنا يعرفها لا نحتاج إلى أن نشرح كثيرا، حيث أنه يكفيك فقط التسجيل عن طريق الفيسبوك، وهذا ما فعلته شخصيا، أو تويتر أو جوجل بلس أو غيرها..
الخطوة الثانية بعد أن تقوم بالتسجيل في الموقع، ثم بالذهاب إلى Add disqus to your site عبر الرابط التالي:
https://disqus.com/admin/create/
المكان الأول: ضع فيه اسم المدونة.
المكان الثاني : ضع اسم المستخدم أو اسم الموقع مثلا أنا سأضع (dev-steps)..
المكان الثالث: اختر مجال موقعك هل هو رياضي أو تكنولوجي أو تعليمي أو غير ذلك..
وفي النهاية انقر على Finish registration!

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

الحين قم باختيار منصة التدوين التي تستعملها، بلوجر أو ووردبريس أو جوملا أو غيرها، بالنسبة لمستعملي بلوجر فكلما عليك فعله أخي الكريم هو النقر على بلوجر ثم سوف تظهر لك صفحة خاصة لكي تختار مدونتك (في حالة كانت لك الكثير من المدونات) وإن كانت لك واحدة فسوف يتم إضافة النظام بشكل مباشر ومبروك عليك!

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

الأحد، 14 يونيو 2015

إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر

إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر

السلام عليكم ورحمة الله وبركاته، لعل أنه من بين أفضل الإضافات التي تضفي على مدونتك لمسة من الجمال ومن الاحترافية هي إضافة النسبة المئوية، والتي تبين للزائر مكان كم وصل في الصفحة، فعندما يصل لنهاية الصفحة تظهر له نسبة 100% وإذا كان في البداية، تظهر له 0% وهكذا كلما نزل كلما تزداد النسبة.
إضافة جميلة أليس كذلك أخي؟ بإمكانك معاينتها في مدونة خطوات مطور عن طريق النزول والصعود!
بالنسبة لطريقة الإضافة فهي جد سهلة، كل ماعليك فعله أخي الكريم هو التوجه نحو بلوجر، القالب، تحرير HTML، ثم ابحث عن:
1- ]]></b:skin>
ضع قبله هذا الكود:
#scroll {
  display:none;
  position:fixed;
  top:0;
  right:15px;
  z-index:500;
  padding:3px 8px;
  background-color:#369fcf;
  color:#fff;
  border-radius:3px;
  font-size:14px; 
}
#scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}

2- الآن إبحث عن كود <body>:
ضع بعده (تحته) هذا الكود:
<div id='scroll'></div>
ثم أتبعه ب:
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(600);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut(600);
    }, 1000);
});
//]]>
</script>

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

معاذ غازي - خطوات مطور
إقرأ المزيد
الاشتراك في: الرسائل ( Atom )
جميع الحقوق محفوظة طريقة                                                                                                                           تطوير وتكويد     Mohamed Jiari | Ti9niFOUR