الخميس، 19 يوليو 2012

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


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

1 - اضافة خيار يسمى وصف البحث وذلك اثناء كتابة موضوع جديد ستجد هذا الخيار علي يسار الشاشه من خلاله يمكنك كتابة وصف قصير للموضوع .. هذا مما لا شك فيه سيعمل على تقوية موضوعك في جوجل وجميعنا يعلم اهمية تلك الاضافه . ايضا اثناء كتابتك لموضوع جديد ستجد اختيار اسمه علامات مخصصه لبرامج الروبوت حين الضغط عليها ستجدها مضبوضه تلقائيا ويستحسن تعديلها كما بالصوره حين كتابة موضوع جديد
اخر تحديث تم اضافته لصفحة كتابة الموضوع  وهو لتحسين فهرسة الصور التي تقوم برفعها حين كتابة تدوينه جديده هذا الاختيار يمكنك من وضع وصف للصوره التي ارفقتها بالتدوينه . تجد هذا الاختيار بعد رفع الصوره داخل الموضوع قم بالضغط عليها بالفاره ستجد انه تم اضافة اختيار جديد باسم properties بجانب الاختيارات المتاح تطبيقها على الصوره . ايضا عند وضع رابط داخل الموضوع ولا تريد لمحركات البحث الانتقال اليه وفهرسته فيما يعرف بخاصية النو فلو ستجد في خيارات الرابط اسفل الخيار المسمى
اختيار جديد تحت باسم
قم بوضع علامه في مربع الاختيار لمنع محركات البحث من تتبع هذا الرابط . هذا حفاظا علي تقليل الروابط الخارجه من مدونتك وبالتالي الحفاظ علي بيج رانك مدونتك من النقصان .
2 - اضافة مجموعه من خيارات البحث تجدها في لوحة التحكم عند الضغط علي التبويب اعدادات ستجدها في اسفل القائمه باسم تفضيلات البحث , عند الضغط على هذا الاختيار ستجد مجموعه من الاختيارات يجب عليك الحذر الشديد عند التعامل معها والا سينتج عن اي تصرف خاطئ مسح ارشفة مدونتك من محركات البحث او عدم دخول جوجل بالمره الي مدونتك لذلك قم باتباع التالي :
بعد الدخول الي إعدادات  ›  تفضيلات البحث 
العلامات الوصفية 
الوصف  . قم بتحرير هذا الاختيار واكتب وصفا قصيرا عن مدونتك . كما هو موضح من بلوجر .
ساعد على لفت انتباه المستخدمين للنقر على مدونتك في نتائج البحث عن طريق كتابة ملخص جذاب عن مضمون مدونتك. 
.
الأخطاء وعمليات إعادة التوجيه : هذا الاختيار ينقسم الي قسمين الاول وهو المسمى ب لم يتم العثور على الصفحة المخصصة  يختص بعمل صفحه مخصصه تحتوى على مايدل بان الموضوع الذي تم ازالته من المدونه والذي قام احد الزوار بالدخول على رابطه من جوجل قد تم حذفه او فيما يعرف بصفحات الخطأ وهو بديل عن الصفحه الافتراضيه التي تاتي عندما تدخل على موضوع تم ازالته .
لتفعيل تلك الخاصيه الجميله قم بتحرير الاختيار المسمى لم يتم العثور على الصفحة المخصصة وضع في المربع الكود التالي
<b>لم يتم العثور على الصفحه</b> 
</ br>
<img src="http://4.bp.blogspot.com/-ZUlz9-_9Big/T2v-UO-9TEI/AAAAAAAAAgk/yLD1ElEqKKY/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  واستبدله برقم الاي دي الخاص بصفحة مدونتك على الفيس بوك ويمكنك العثور عليه بالطريقه التاليه
وهى اثناء وجودك داخل صفحة مدونتك ع الفيس قم بالضغط على زر تعدجيل الصفحه ثم انسخ الارقام الموجوده في شريط التصفح واستبدلها مع الكلمه المذكوره  ثم قم بحفظ الاداه . هذا هو كل شئ . بالتوفيق للجميع..

الاثنين، 16 يوليو 2012

بنرات إعلانية بتأثيرات 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 -->

الجمعة، 13 يوليو 2012

اضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك


 
 

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك , الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه, ويظهر الصندوق كما هو الحال في  الصوره المرفقه داخل التدوينه , مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها . الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك . لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل
<script type='text/javascript'>
    //<![CDATA[
        KNFBFansPRO='تعلم الاحتراف'

    //]]>
    </script>
    <style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}

    #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}

    .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}

    #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}

    #fblikepop #closeable{float:right;margin:7px 15px 0 0;}

    #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}

    #fblikepop #actionHolder{height:30px;overflow:hidden;}

    #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}

    #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}

    #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}

    #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}

    #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>

    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/>

    <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/>

    <script language='javascript'>
    //<![CDATA[
        $(document).ready(function(){                      
            $().KNFBFansPRO({
               timeout: 30,
                wait: 0,
                url: 'http://www.facebook.com/learn.adsense',
                closeable: true        });
        });
    //]]>
    </script> 
    <div id='fbtpdiv'/>
لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/learn.adsense واستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن تعلم الاحتراف واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. هذا هو كل شئ . اى استفسار يرجا كتابته في الاسفل. بالتوفيق للجميع ان شاء الله .

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes تعريب : ق,ب,م