ورشة مدون

الأحد، 27 أبريل 2014

إضافة أدآة الزوار الأكثر تعليقا في مدونتك

بقلم: BR MED يوم الأحد، 27 أبريل 2014 القسم : اضافات بلوجر 0 التعليقات

السلام عليكم ورحمة الله وبركاته، تعتبر التعليقات من بين أهم الأشياء التي تمنح الحياة للمدونات ، و من المدونين من يجعل منها أهم حافز للإستمرار في التدوين,, في التدوينة السابقة رأينا أداة أخر التعليقات التي تمكنك من متابعة أخر تعليقات الزوار يمكنك مشاهدة التدوينة [من هنا]
أما اليوم معنا إضافة تمكنك من معرفة أكثر الزوار تفاعلا معك من خلال عدد التعليقات التي يضعها في جميع مواضيعك...

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

ما عليك سوى الدخول للوحة التحكم بلوجر ومنها الدخول إلى التخطيط ثم إختيار أداة بعدها نختار html javascript
ثم تضع هذا الكود داخل الإطار

<style type="text/css">
.top-commentators {margin: 3px 0px;border-bottom: 1px dotted #CCC;font-family: arial;color: #FF764C;}.top-commentators b{color: rgb(132, 132, 132);}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;}.top-commentators .commenter-link-name {padding-left:0;}
</style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;    
var numDays = 0;        
var excludeMe = true;   
var excludeUsers = ["Anonymous", "someotherusertoexclude"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] ([user]) ([count]) ';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiey3TozIUb5ERGJr2Ho1FMfNuNSzLwMJxDKZ1hA50GxvGN3rcl1iLg6-AfKLWDv3MsqaGWF_5saCN9jCeZT8SRVccLHumVgsWh_5a6o8CfVxaEgxEWS1148II7w7u3SYFmXiIxHhYPR2kz/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3qqU9hZyN-aE0lxdO-FyXEICtA4lMHqyjnNMVKLsjOVWcrC2ar_8ex7EwpVKL9AVN_-eKaWhiBIIUL1Qa-VhLfTFNTyJDqJ3xtyfeIogieGi_-20flX6sZli9atIfggkBvZS_yKZ08eRy/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g);
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
    
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commentators">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

يمكنك تغير هذا الكود لتغيير حجم صورة المعلقين
var sizeAvatar = 33;

تغيير عدد المستخدمين في الاضافة
var maxTopCommenters = 8;

إقرأ البقية

السبت، 22 مارس 2014

إضافة صندوق إشتراكات يوتيوب لمدونة بلوجر

بقلم: BR MED يوم السبت، 22 مارس 2014 القسم : اضافات بلوجر 0 التعليقات

السلام عليكم

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

طريقة التركيب سهلة قم بالدخول إلى لوحة التحكم بلوجر ثم تختار التخطيط ثم إضافة أداة html javascript بعدها نضع الكود التالي داخل الإطار ونقوم بحفظ الأداة... وسوف تضاف بإذن الله.

قم بتغير إسم قناتي medosat99 بإسم قناتك
يمكنك تغير الأبعاد باللون الأخضر
يمكنك تغير لون الإطار المنقط #DD0000
ولون الخلفية #05B6F9
في أمان الله

إقرأ البقية

الجمعة، 21 مارس 2014

إضافة خاصية إختر لونك المفضل للمدونة

بقلم: BR MED يوم الجمعة، 21 مارس 2014 القسم : اضافات بلوجر 0 التعليقات

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

<div class="warch-mo-palette"> <center><b>اختر لون الخلفية المفضلة لديك</b></center> <br/> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script>  <table border="1" width="100%" height="30"> <tbody> <tr> <td onclick="bgChange('#0082FF')" bgcolor="#0082FF"></td> <td onclick="bgChange('#00FFA9')" bgcolor="#00FFA9"></td> <td onclick="bgChange('#FF0094')" bgcolor="#FF0094"></td> <td onclick="bgChange('#00BB35')" bgcolor="#00BB35"></td> <td onclick="bgChange('#F18713')" bgcolor="#F18713"></td> <td onclick="bgChange('#FF0505')" bgcolor="#FF0505"></td> <td onclick="bgChange('#C0C1C0')" bgcolor="#C0C1C0"></td> <td onclick="bgChange('#EBEC89')" bgcolor="#EBEC89"></td> <td onclick="bgChange('#A5D5A0')" bgcolor="#A5D5A0"></td> </tr> <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> </div>

في أمان الله

إقرأ البقية

إضافة أدوات إحصائية لزوار المدونة

بقلم: BR MED يوم القسم : اضافات بلوجر 0 التعليقات

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

الموقع الأول: ===> whos.amung.us

هذا الموقع نحصل عليه الأداة بشكلين:
1- عدد الزوار المتواجدين بالموقع

2- المتواجدين به من مختلف مناطق العالم

الموقع الثاني: ===> 99counters

هذا الموقع يمنح الأداة بهذا الشكل عدد المتواجدين بالموقع + جنسياتهم.

الموقع الثالث: ===> flagcounter

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

شاهد الشرح بالفيديو في أمان الله

إقرأ البقية

إضافة أداة أخر التعليقات لمدونة بلوجر

بقلم: BR MED يوم القسم : اضافات بلوجر 0 التعليقات

السلام عليكم

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

1- ندخل للوحة التحكم بلوجر ثم التخطيط.

2- نضغط إختيار أداة ثم نختار أداة html javascript

3- نلصق الكود التالي داخل الإطار ثم نضغط حفظ

لا تنسى تغير رابط مدونتي برابط مدونتك أنت

* يمكنك تغير
الرقم 6 يعني عدد التعليقات المراد عرضها.
الرقم60 يعني حجم صورة المعلق.
الرقم60 يعني عدد حروف التعليق التي ينبغي أن تظهر.

>========> أتمنى أن تعجبكم الإضافة <=========<

إقرأ البقية

الأحد، 16 مارس 2014

تحميل قالب "mobile network" المعرب

بقلم: BR MED يوم الأحد، 16 مارس 2014 القسم : قوالب بلوجر 0 التعليقات

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

صورة للقالب قبل التعريب

يمكنك تغير اللوجو من لوحة التخطيط بسهولة.

ويمكنك إضافة الأقسام الأفقية من لوحة التخطيط كذلك عبر أداة top menu و وضع إسم القسم ورابطه.

يمكنك أيضا التعديل على السلايدر شو بالذهاب للقالب تحرير html تم البحث عن كلمة"الموضوع 1" وستغيرها بعنوان موضوعك. وضع مكان "مقطع من الموضوع" سطر أو سطرين من التدوينة .

أيضا لا تنسى روابط الصور و المواضيع أنظر الصورة

هذا كل ما في الأمر.

{معاينة القالب} {تحميل القالب}

في أمان الله.

إقرأ البقية

الجمعة، 14 مارس 2014

معنى الباك لينكس وما يجب أن تعرف عليه

بقلم: BR MED يوم الجمعة، 14 مارس 2014 القسم : السيو 0 التعليقات

السلام عليكم أحبابي في الله اليوم المشاركة الماضية تعرفنا على البيج رانك ماهو وكيف نحصل على درجة عالية من خلاله يمكنك مشاهدة التدوينة من هنا، أما درسنا اليوم سيكون متعلق بمجال السيو وأرشفة المواقع أيضا وهو عن مفهوم الباك لينكس
"back links" لإن العديد من المبتدئين في هذا المجال يجهلون هذه الأمور كما كنا نحن أيضا سابقا ... المهم سوف نشرح اليوم ثلات نقاط :

معنى الباك لينكس؟
ما فائدته لموقعك؟
كيفية الحصول عليه؟

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

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

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

- الباك لينكس فيه الأيجابي وفيه أيضا السلبي فللحصول على الأيجابي و الإبتعاد عن السلبي يجب أن تراقب جودة ومحتوى المواقع المراد الحصول منه على باك لينكس .
* لا تقبل المدونات أو المواقع التي لا محتواها ليس من صنف محتواك أنت، أي مدونتك تهتم بالمعلوميات لا تقم بالتبادل مع مدونة طبية مثلا لإن هذا يؤثر على مصداقية موقعك عند جوجل .
* أيضا كما ذكرنا سابقا لا تقم بوضع روابطك في مواقع أنت أعلى قيمة منها في البيج رانك بأكثر من نقطة.
==> يجب عليك دائما أن تختار مواقع ذات بيج رانك عالي و من نفس المحتوى الذي تناقشه مدونتك .كنتم مع نظرة شاملة عن الباك لينكس ستغنيك عن باقي الشروحات والأفكار المغلوطة .لا تنسوني من صالح دعائكم .في أمان الله.

إقرأ البقية

الأحد، 27 أبريل 2014

إضافة أدآة الزوار الأكثر تعليقا في مدونتك

السبت، 22 مارس 2014

إضافة صندوق إشتراكات يوتيوب لمدونة بلوجر

الجمعة، 21 مارس 2014

إضافة خاصية إختر لونك المفضل للمدونة

إضافة أدوات إحصائية لزوار المدونة

إضافة أداة أخر التعليقات لمدونة بلوجر

الأحد، 16 مارس 2014

تحميل قالب "mobile network" المعرب

الجمعة، 14 مارس 2014

معنى الباك لينكس وما يجب أن تعرف عليه

مميزة

تعليقات الزوار

أرشيف المدونة الإلكترونية

تواصل معنا على الفيسبوك

أهم المواضيع

إشترك بقناتنا على اليوتيوب

التسميات

نبذة عن المدونة

النشرة البريدية

تابع جديد الموقع