كيفية إضافة زر 1+ المقدم من جوجل إلى المدونة

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

يمكن اختيار أحجام مختلفة للزر (كبير، متوسط، صغير...)

الزر كما يبدو في نتائج بحث جوجل (متاح فقط في google.com مؤقتا)

الآن سنتعرف على طريقة إضافة هذا الزر إلى مدوناتنا أو مواقعنا.

 

طريقة تركيب زر 1+ (زائد واحد) على مدونات بلوجر :-

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

صورة توضح طريقة إضافة أزرار المفضلات و زر 1+

• و لمن يريد وضع زر 1+ المقدم من جوجل في مكان معين فالطريقة هي كالآتي.

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









ثانيا : ابحث عن </head> ثم فوقعه مباشرة ضع الكود الآتي.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

يمكنك استبدال en-US  ب ar  لتغير لغة الزر إلى العربية، و أشير هنا أن الزر لا زال لا يدعم العربية بشكل جيد.

ثالثا : ابحث عن  <data:post.body/>  و قبله مباشرة ألصق الكود الآتي إن أحببت أن يظهر الزر فوق جسم التدوينة مباشرة تحت العنوان. أما إن أردت أن يكون الزر تحت التدوينة فألصق الكود الآتي بعده.

<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>

يمكن استبدال left ب right لتوجيه الزر ناحية اليمين.

كذلك يمكن استبدال tall ب standard ، medium ، small لتغيير حجم و شكل الزر كما هو موضح في الصورة أسفله.

رابعا : ما عليك سوى الضغط على زر حفظ التعديلات لإنهاء المهمة.
خامسا :  يمكنك تجريب الزر عبر ضغط 1+ إن أحببت الموضوع :) كذلك إن أردت سحب تزكيتك للموضوع ما عليك

سوى إعادة ضغط الزر مرة أخرى.

طريقة تركيب زر 1+ على مدونات ووردبريس

لأصحاب مدونات ووردبريس، يمكنكم تركيب الزر عن طريق تحميل و تركيب الإضافة  WordPress Google +1 Button عبر هذا الرابط   ( الإضافة معربة و مشروحة تجدونها بعد يوم إو اثنين بمشيئة الله )

طريقة تركيب زر 1+ على المواقع و صفحات الويب

لتركيب الزر على المواقع أو على أي صفحة ويب، فالصفحة الآتية تقدم خطوات التركيب

http://www.google.com/intl/ar/webmasters/+1/button/

ارجو ان اكون وفقت فى الشرح و اى استفسار اترك تعليق و سوف ارد عليك

شرح تعديل كلمات رسائل اقدم و رسائل احدث و الرئيسية للمدونة

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

اتبع الشرح الآتى :-

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

<data:newerPageTitle/>

ثم بعد ان تجد الكود حدده واستبدله بهذا الكود

<img alt='رسالة أحدث ' src='رابط صورة الرسائل الاحدث'/>

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

<data:olderPageTitle/>

ثم بعد ان تجد الكود حدده واستبدله بهذا الكود

<img alt='رسالة أحدث ' src='رابط صورة رسائل اقدم'/>

قم بالبحث عن الكود التالي: سوف تجد منه اثنين يجب تبديلهما معا

<data:homeMsg/>

ثم بعد ان تجد الكود حدده واستبدلهما بهذا الكود

<img alt='الصفحة الرئيسية' src='رابط صورة الرئيسية'/>

وذلك مع تحديد رابط كل صورة على حدى ,ولتبديل هذه الكلمات مثل مدونتي استعمل هذه الاكواد بدلا من التي قبلها

<img alt='رسالة أحدث ' src='http://pics.imagup.com/ano1/1278122376.png'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

<img alt='رسالة أقدم ' src='http://pics.imagup.com/ano1/1278121913.png'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

<img alt='الصفحة الرئيسية' src='http://pics.imagup.com/ano1/1278122546.png'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

فإذا اعجبك الموضوع ،فقم بنشره على الازرار المفضلات الاجتماعية اسفله و لك جزيل الشكر في انتظار تشجيعاتكم

اضافة اخر المواضيع متحرك و مميز جدا

اضافة جديدة لمدونات بلوجر باللون الأسود

هاك اخر المواضيع - متحرك و مميز جدا
المواضيع متحركة من الاعلي للاسفل


صورة الاضافة 

 

1.ادخل علي لوحة التحكم

2. ث تصميم

3. اضافة اداة

4. اختار HTML

5. انسخ الكود التالي بداخلها :

<style type="text/css">



 #rp_plus_img{height:212px;overflow:hidden;border:solid 1px  #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}  #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img  li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img  li{height:60px;padding:5px;list-style:none;} #rp_plus_img a{color:#FFF;}  #rp_plus_img .news-title{display:block;font-weight:bold  !important;margin-bottom:4px;font-size:11px;} #rp_plus_img  .news-text{display:block;font-size:11px;font-weight:normal  !important;color:#DEDEDE;text-align:justify;} #rp_plus_img  img{float:left;margin-right:14px;padding:4px;border:solid 1px  #585858;width:55px;height:55px;}



</style>



<script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript"  src="http://blogspacetech.googlecode.com/files/News-Ticker-Recent-Post.js"></script>

<script type="text/javascript"> var speed = 400; var pause =  2500; window.onload = (function(){ rpnewsticker(); interval =  setInterval(rpnewsticker, pause); }); </script> <ul  id="rp_plus_img"> <script style="text/javascript"> var numposts  = 10; var numchars = 125; </script> <script  src="http://egy-grand.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

 

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

ثم اضغط حفظ و عاين الأداة

اي استفسار اكتب ردا

بالتوفيق