أغسطس 2013 ~ تنار - tnnAr التعليميه

السبت، 24 أغسطس 2013

إضافة أزرار صدى Google Buzz في مدونات بلوجر

4:20 ص المدون العربي لاتوجد تعليقات

إضافة أزرار صدى Google Buzz في مدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته ،نستهل موضوعنا اليوم في شرح كيفية إضافة زر Google Buzz في مدونات بلوجر وما مدى أهميته و كيفية إستعمالة ,أولا نبدأ بتعريف الخدمة :
تتيح لك خدمة نبضات Google مشاركة آخر المعلومات والصور والروابط بل ومشاركة أي شيء آخر تريد مشاركته مع جهات اتصال Gmail، كما أنها طريقة سهلة لمتابعة أصدقائك أيضًا. عند النقر على الرابط نبضات Google في حساب Gmail، سترى مجموعة من مشاركات الأشخاص الذين تتابعهم، كما سيظهر مربع لنشر التحديثات.
ثانيا ،كيفية إضافة زر الى مدونة بلوجر ؟ :

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

<div class='post-header-line-1'>

والآن قم بإختيار أحد الأكواد التالية حسب رغبتك في نوعية الزر,ثم قم بإضافة أحد الأكواد بعده

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

<data:post.body/>

ثم قم بإضافة أحد الأكواد التالية قبله
إذا كنت تريد مكان الزر أسفل التدوينة قم بإضافة أحد الأكواد بعده
1- الزر + العداد مع إضهار المشاركات في الأعلى :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

2 - الزر + العداد مع إضهار المشاركات في على الجانب :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

3-الزر فقط بالحجم العادي :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

4- الزر فقط بالحجم صغير :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

5-الزر عبارة على رابط :

<a title="نشر على نبضات Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link" data-locale="ar"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

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

إقرأ المزيـــد

حذف خاصية Iframes من محركات البحث للصور لزيادة إحصائيات مدونات بلوجر والمواقع

4:19 ص المدون العربي لاتوجد تعليقات

حذف خاصية Iframes من محركات البحث للصور لزيادة إحصائيات مدونات بلوجر والمواقع

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

`</head>`

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

<script language='javascript' type='text/javascript'>
if (top != self) {
top.location.href = location.href;
}
</script>

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

إقرأ المزيـــد

إضافة خاصية البحث المخصص من جوجل على مدونات بلوجر

4:19 ص المدون العربي لاتوجد تعليقات

إضافة خاصية البحث المخصص من جوجل على مدونات بلوجر

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

وهذا مثال على صندوق البحث المخصص للمدونة ،وللمعاينة قم بكتابة مثلا : كلمة "إضافة" في صندوق البحث ثم إضغط على كلمة "بحث"

قم بالتوجه إلى موقع Google Custom Search للتسجيل ،ثم قم بتتبع المراحل الآتية من خلال الصور أسفله.

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

3.عندما تظهر لك الصفحة التالية ،قم بالصغط على الزر Next لأننا سوف نقوم بتنسيق صندوق البحث في ما بعد .

4.في هذه المرحلة ،قمنا بالحصول على كود صندوق البحث ،لكننا سوف نقوم ببعض التعديلات عليه قبل نسخه وذلك بالضغط على الإختيار look and feel .

5.في هذه المرحلة سوف نقوم بوضع علامة على الإختيار "google-hosted page" وذلك للحصول على صفحة النتائج مشابهة لمحرك البحث جوجل.
*يمكننا التعديل علي الستايل الذي نريد أن يظهر به ويمكننا أيضا إضافة صورة لشعار المدونة وذلك من الإختيار Logo .
*نقوم بحفظ التغييرات ثم نضغط على الزر Get code للحصول على الكود .

6.سوف نحصل على الكود بهذا الشكل ،نقوم بإضافته من تصميم المدونة ثم إضافة أداة html/javascript

7.الآن وبعد إضافتك لكود الأداة علي المدونة قم بربط هذه الخاصية بحسابك على جوجل أدسنس وذلك بالضغط على Make money من القائمة الرئيسية وإتباع المراحل التاليةكما هو موضح في الصورة أسفله .

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

حيث يكون رابط خريطة المدونة على هذا الشكل،مع تبديل ما لون بالأحمر برابط مدونتك.

http://www.abu-iyad.com/atom.xml?redirect=false&start-index=1&max-results=500

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

إقرأ المزيـــد

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

4:17 ص المدون العربي لاتوجد تعليقات

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

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

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

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

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

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.com">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'>

<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.siege--auto.org ">siege auto</a></font>

</b:if>

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

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

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

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

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