إضافة عداد إحصائيات المدونة من موقع histats

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

سيتم الحصول علي احصائيات كاملة عن زوار مدونتك عن طريق 3 خطوات 

1 - إنشاء حساب لمدونتك في موقع Histats

2 - إختيار الشكل المناسب للعداد 

3 - الحصول علي الكود وإضافته للمدونة .

- قم بالدخول الي موقع Histats بالضغط علي الرابط التالي :-

http://www.histats.com

- أضف رابط مدونتك , ثم اضغط Register للتسجيل في الموقع .

- قم بكتابة بيانات التسجيل , ثم اضغط Register لإنشاء الحساب الجديد .

- بعد إتمام التسجيل قم بتسجيل الدخول عن طريق كتابة الايميل والباسورد .

- بعد تسجيل الدخول إضغط علي control panel .

- سيتم الإنتقال  الي لوحة التحكم , اضغط add a website لإضافة موقع أو مدونة , بعد الإضافة إضغط علي رمز stats كما بالصورة . 

- ستظهر احصائيات المدونة , ولكن لأنك لم تضع الكود بالمدونة فسيكون الإحصائيات صفر .

- للحصول علي الكود , اضغط  Counter CODE .

- إضغط " add new counter " لتحديد شكل العداد والبيانات التي تريد أن تظهر .

- إختر شكل العداد المناسب , كما يمكنك إختيار " Hidden tracker " لإختيار الوضع المخفي .

- حدد الإحصائيات التي تريدها أن تظهر , ولون الخلفية , ثم إضغط Save .

- إضغط علي اي دي العداد لظهور الكود .

- إنسخ الكود الناتج .

- انتقل الي لوحة تحكم المدونة , ثم اختر " تخطيط " ومنها " إضافة أداة " .

- قم بنسخ الكود , وإضغط " حفظ " .

- لمعرفة جميع الإحصائيات عن زوار مدونتك , إنتقل الي موقع Histats وقم بتسجيل الدخول , واضغط control panel , ومنها إضغط stats , لمعرفة جميع التفاضيل .

تابع القراءة »

تصنيف : اضافات بلوجر

اضافة عداد للزوار في مدونة بلوجر زوار اليوم .....

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

طبعاً العداد الذي سوف نشرح طريقة تركيبة يتكون من اربع مكونات كالتالي :

1 - اجمالي عدد صفحات التي تم زيارتها - total page visits

2 - اجمالي عدد الزوار الذين زارو مدونتك من تاريخ اضافة العداد - total visitors

3 - اجمالي عدد الزوار هذا اليوم - visitors today

4 - عدد الزوار المتواجدون الان - online visitors


مثال عن العداد انظر الصورة التالية :

واليكم شرح خطوات اضافة نموذج هذا العداد او غيره من النماذج في هذا الموقع :

الخطوة الاولى : قم بزيارة هذا الموقع ( www.histats.com ) ثم قم بالضغط على تسجيل Register من قائمة الموقع فوق ، بعدها ستفتح لك صفحة قم بتعبئة الحقول التي فيها . انظر الصورة رقم 1 :

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

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

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

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

طريقة وضع اواضافة كود العداد او اي كود آخر في العمود الجانبي للمدونة ( sidebar ) :

1 - افتح لوحة تحكم مدونتك ثم اذهب الى ( تخطيط ) ثم الى ( عناصر الصفحة ) ثم اضغط ( اضافة اداة ) . كما هو موضح في الصورة التالية :

2 - بعد الضغط على اضافة اداة من لوحة التحكم تظهر لنا قائمة صغيرة ( قائمة ادوات بلوجر ) نختار من هذه القائمة الاداة هذه ( HTML /javascript ) نضغط عليها بعدها تفتح لنا تهيئة هذه الاداة نقوم بوضع عنوان لهذا النموذج ليكن مثلا ( احصائيات المدونة ) ثم نقوم بنسخ الكود من الموقع الذي اشتركنا فيه ولصقة في مربع النص الموجود تحت ( اسم النموذج ) ثم نضغط على زر حفظ . واليكم الصورة تغنيك عن الشرح بالخالص :

  
واخيراً نقوم بالضغط على زر حفظ الموجود فوق في لوحة التحكم .



نتيجة شرحنا للموضوع هذا هي انظر للصورة التالية :

تابع القراءة »

تصنيف : اضافات بلوجر

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

السلام عليكم ورحمة الله وبركاتة . اعزائي زوار ومتابعي مدونة تعلم الاحتراف  اليوم مع تدوينه جديده واجدد اعتذاري الشديد عن عدم استطاعتي خلال تلك الايام من الرد علي الاستفسارات التي تاتيني من حضراتكم نظرا لضيق الوقت وظروف العمل . اضافة اليوم في اخر اصدار لها مع خيار للتنقل بمعنى انه يتم عرض عدد معين من التدوينات عباره عن رابط ومختصر وصوره للموضوع واسفل الاداه خيار التنقل للامام او للخلف مع خيار اوسط بالرجوع لصفحة الاضافه الرئيسيه . والان الى شرح طريقة التركيب على مدونات بلوجر
الاصدار الاخير من اضافة اخر المواضيع مع خيار التنقل الجديد : اول شئ نقوم بتسجيل الدخول الى لوحة تحكم بلوجر ثم الذهاب الي وضع تحرير HTML ثم الضغط على علامة توسيع القالب ومن ثم البحث عن الوسم التالي ]]></b:skin> ثم نضع قبله مباشرة الكود الموجود بالاسفل 

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:300!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8yHsoI4_5fhNzKlRAJ8rMtnlu0TM8nY1kKik7zrwtKigLTTk9UxpKiIPCqha3lAqxMQetU8sMgA5AtOH-V2j491p1QOD-w9fIC3ZTHz8W5JKqkZLGvqBl78Zz8fdcUWokVuGf_0mQS7U/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

يعد ذلك نبحث مجددا عن هذا الوسم </head> ونضع قبلة مباشرة الكود التالي

<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://tqarob.com/";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdorywzlUAgcdP1FvkDlalM4WFzou6B8HTM-CPiDHXyXTE0C9wFoPhpG3dKaJGoc3rvgwWD_IumVYYBwTOa4jrIoMK1NyoKmFnSlVHsIdRnF8Qxi5XTgcyR9F0QSwW5CXdfGNEOY4QJVQB/d/noimagethumb.gif";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; السابق</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; السابق</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>التالي&#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>التالي&#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>الرئيسية</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

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

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

نقوم بعد ذلك بحفظ الاداه ومعاينة الصفحه الرئيسية للمدونه .. بالتوفيق للجميع .

تابع القراءة »

تصنيف : اضافات بلوجر

دورة بلوجر انشاء مدونة ونشر المشاركات فيها

دورة احتراف بلوجر وطرق التعامل معها من اول انشاء المدونة حتي نشر المشركات دورة بلوجر الدرس الاول انشاء مدونة ونشر
 المشاركات فيها

تابع القراءة »

تصنيف : اضافات بلوجر

إعلان أدسنس أين شئت على بلوجر

بسم الله و الحمد لله و الصلاة و السلام على من لا نبي بعده سيدنا محمد المصطفى و على آله و صحبه و من تبعهم بإحسان إلى يوم الدين. السلام عليكم و رحمة الله. كثيرا ما يسأل البعض هل من إمكانية لوضع إعلانات أدسنس في أماكن غير التقليدية التي يعرفها الجميع، مثلا تحت العنوان، وسط التدوينة، في ذيل الصفحة، في رأسها... في هذا الموضوع سنتناول و إياكم طرق عرض إعلانات جوجل أدسنس Google Adsense في مواضع متعددة من مدونتك بلوجر، أتمنى أن تميط بعض اللبس.

1 - الطرق التقليدية لوضع أدسنس.

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

أدسنس في مربعات القائمة الجانبية

أدسنس تحت جسم التدوينة

ما أشير إليه حتى الآن بات من البديهيات في بلوجر، و سنستغل الوقت للمرور لصلب الموضوع.

2 -وضع إعلانات أدسنس أسفل عنوان الموضوع.

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

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
هنا تضع كود إعلان أدسنس.
</b:if>

3 - وضع إعلانات أدسنس وسط الموضوع.

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

<data:post.body/>

حدده و استبدله بهذا الكود.

<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

<!-- AdSense code -->

</div>

<div expr:id='"aim2" + data:post.id'>

<data:post.body/>

</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

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

<!-- adsense -->

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

تابع القراءة »

تصنيف : اضافات بلوجر,جوجل ادسنس

تحديثات جديده وهامه في لوحة تحكم بلوجر

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

1 - اضافة خيار يسمى وصف البحث وذلك اثناء كتابة موضوع جديد ستجد هذا الخيار علي يسار الشاشه من خلاله يمكنك كتابة وصف قصير للموضوع .. هذا مما لا شك فيه سيعمل على تقوية موضوعك في جوجل وجميعنا يعلم اهمية تلك الاضافه . ايضا اثناء كتابتك لموضوع جديد ستجد اختيار اسمه علامات مخصصه لبرامج الروبوت حين الضغط عليها ستجدها مضبوضه تلقائيا ويستحسن تعديلها كما بالصوره حين كتابة موضوع جديد
اخر تحديث تم اضافته لصفحة كتابة الموضوع  وهو لتحسين فهرسة الصور التي تقوم برفعها حين كتابة تدوينه جديده هذا الاختيار يمكنك من وضع وصف للصوره التي ارفقتها بالتدوينه . تجد هذا الاختيار بعد رفع الصوره داخل الموضوع قم بالضغط عليها بالفاره ستجد انه تم اضافة اختيار جديد باسم properties بجانب الاختيارات المتاح تطبيقها على الصوره . ايضا عند وضع رابط داخل الموضوع ولا تريد لمحركات البحث الانتقال اليه وفهرسته فيما يعرف بخاصية النو فلو ستجد في خيارات الرابط اسفل الخيار المسمى

فتح هذا الرابط في نافذة جديدة

اختيار جديد تحت باسم

Add 'rel=nofollow' attribute (Learn more)

قم بوضع علامه في مربع الاختيار لمنع محركات البحث من تتبع هذا الرابط . هذا حفاظا علي تقليل الروابط الخارجه من مدونتك وبالتالي الحفاظ علي بيج رانك مدونتك من النقصان .

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

العلامات الوصفية 

الوصف  . قم بتحرير هذا الاختيار واكتب وصفا قصيرا عن مدونتك . كما هو موضح من بلوجر .

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

.

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

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

<b>لم يتم العثور على الصفحه</b> 
</ br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5h4ZqfxE15zjbeqBWv8HWLfsP0VNnqGlhwqnt9G2rsamvlrH203_8C3llgSA8l28BB9ITj32PhlYoJoptth2HGg5HUgwKaKAN4qhg8eicyFAHRo1WVQRAc0Mxwh7ggybbyx7pVnUn3gY/s1600/404.jpg" alt="" " />

ثم اضغط حفظ .

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

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

. اخر تحديث وهو الاهم في تلك التحديثات هو الاختيار المسمى

برامج الزحف والفهرسة 

تجد اسفله مباشرة هذا التحذير 

تحذير! استخدم هذه الميزة بحذر. فالاستخدام الخاطئ لهذه الميزات يمكن أن يؤدي إلى تجاهل محركات البحث لمدونتك. 

عليك بالطبع اخذ هذا التحذير بعين الاعتبار فاي تعديل خاطئ يسبب تجاهل محركات البحث وخصوصا جوجل لمدونتك لذلك عليك بعمل التالي 

اضغط علي الاختيار المسمى  ملف robots.txt مخصص وضع في المربع الكود التالي

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://tqarob.com/feeds/posts/default?orderby=updated

قم بتغيير رابط مدونتي برابط مدونتك واضغط حفظ . هذا هو كل شئ

اخر اختيار والمسمى  علامات رؤوس مخصصة لبرامج الروبوت  

ما عليك الا عمل الخطوات الموجوده في تلك الصوره دون اي تغيير 

  . هذا هو كل شئ  واي استفسار يرجا ترك تعليق بالاسفل بالتوفيق للجميع .

تابع القراءة »

تصنيف : اشهار المواقع,اضافات بلوجر

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

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

 

 

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

<center>
<iframe frameborder="0" href="%0A%0Ahttps://www.facebook.com/learn.adsense%0A%0A" scrolling="no" src="http://www.facebook.com/plugins/fan.php?id=%0A%0Alearn.adsense%0A%0A&amp;width=305&amp;height=150&amp;connections=15&amp;stream=false&amp;header=false&amp;logobar=false&amp;css=http://howtohouse.googlecode.com/files/fblike.css" style="height: 150px; width: 100%;"></iframe>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=%0A%0Ahttps://www.facebook.com/learn.adsense%0A%0A&amp;send=false&amp;layout=standard&amp;width=250&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=40" style="border: none; height: 40px; overflow: hidden; width: 250px;"></iframe></center>

والان ناتي لتخصيص الكود السابق بما يتناسب مع مدونتك :
قم بالبحث داخل الكود عن  learn.adsense واستبدله باسم صفحة مدونتك على الفيس بوك
مثال للتوضيح : انا رابط صفحة مدونتي هو  https://www.facebook.com/ learn.adsense     فقط عليك استبدال learn.adsense
بالاسم الذي يلي الرابط . ستجد arablogging  مكرره مرتين داخل الكود قم بنفس الامر مع الاثنين .
ثم اخيرا ابحث عن  learn.adsense  واستبدله برقم الاي دي الخاص بصفحة مدونتك على الفيس بوك ويمكنك العثور عليه بالطريقه التاليه
وهى اثناء وجودك داخل صفحة مدونتك ع الفيس قم بالضغط على زر تعدجيل الصفحه ثم انسخ الارقام الموجوده في شريط التصفح واستبدلها مع الكلمه المذكوره  ثم قم بحفظ الاداه . هذا هو كل شئ . بالتوفيق للجميع..

تابع القراءة »

تصنيف : اضافات بلوجر

بنرات إعلانية بتأثيرات jQuery

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F):

]]></b:skin>

ثم قم بإضافة هذا الكود قبله مباشرة :

ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px;
-ms-interpolation-mode: bicubic;
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://sites.google.com/site/lightbox007/photo/borderblogger.png) no-repeat center center; 
border: none;
}

بعد ذلك إبحث عن هذا الكود :

</head>

 ثم ألصق الكود التالي قبله :

<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;)
.stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;)
.stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });

});

});<font size="0"><a href=" http://www.pergola-aluminium.org"></a></font>
</script>

 والآن قم بحفظ القالب

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :

<ul class="thumb">
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
</ul>

مع إدخال رابط المعلن ورابط البنر الخاص به مكان الرابط الأزرق
في إنتظار تعليقاتكم أتمنى أن تنال إعجابكم وإلى اللقاء 

تابع القراءة »

تصنيف : اضافات بلوجر

إدراج إعلان أدسنس داخل مواضيع

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>

ثم قم بإستبداله بهذا الكود :

<!--  http://www.pergola-aluminium.org/  adsense in post mod. START -->
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>
<!--  http://www.pergola-aluminium.org  adsense in post mod. END -->

قم بالبحث عن الكود التالي

<data:post.body/>

ثم قم بلصق هذا الكود قبله إذا كنت تريد إدراج الإعلان فوق الموضوع, وبعده إذا كنت تريد إدراج الإعلان تحت الموضوع

<!-- http://www.pergola-aluminium.org adsense in post mod. START -->
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.org">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>
<!--  http://www.pergola-aluminium.org  adsense in post mod. END -->

وهناك طريقة أخرى أثبتت جدارتها ،وتستحق التطبيق , حيث يمكنك من الآن فصاعدا إدراج إعلانات جوجل أدسنس في أي مكان تريد على مدونتك ،مما يسهل ظهورها على زوار المدونة ،وكما تلاحظ في مدونتي أن إعلانات جوجل أدسنس توجد بين سطور المقالات التي أكتبها .
بداية قم بالدخول إلى حسابك على جوجل أدسنس ثم أنشئ إعلانا جديدا وقم بنسخ الكود ،بعدها تقوم إستعمال أداة لتحويل الكود لكي لا يقع خطأ عند تنسيقه ، ولإستعمال هذه الأداة ،"إضغط هنا" حيث تقوم بلصق الكود المحصل عليه من حسابك من جوجل أدسنس في الإطار ثم اضغط زر التحويل" Make it friendly"
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي : إذا وجدت منه إثنين فإختر الكود الثانيتذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

<data:post.body/>

ثم إستبدله بالكود التالي :

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

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

ضع كود أدسنس هنا،بعد تحويله

</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script><font size="0"><a href=" http://www.pergola-aluminium.org ">monte escalier</a></font>

</b:if>

ثم قم بإستبدال ما لون باللون الأحمر بكود أدسنس بعد تحويله بالأداة سابقة الذكر.

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

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

وللقيام بهذا التعديل قم بتبديل الكلمة ذات اللون الأخضر clear:both باحد الكلمات التالية:
float:left : لعرض الاعلان في يسار الموضوع
float:right : لعرض الاعلان في يمين الموضوع
float:center : لعرض الاعلان في وسط الموضوع

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

<!-- adsense -->

تابع القراءة »

تصنيف : اضافات بلوجر