تعديل

‏إظهار الرسائل ذات التسميات تطوير المواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تطوير المواقع. إظهار كافة الرسائل

الجمعة، 15 يونيو 2012

أجبار الضغط على زر أعجبني أو Like لأصحاب مدونات بلوجر



السلام عليكم ورحمة الله وبركاتة


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

مميزات هده الإضافة أنها تخلي الزائر يضغط على زر أعجبني بنسبة 99% وعلى حسابي 

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



لمعاينة الإضافة إظغط هنا


طريقة الإضافة كتالي

ندخل على تحرير القالب ونبحث عن هدا الكود الموجود في أسفل كل قالب </html>

ونضع فوقه هدا الكود 

رمز Code:
<link href='https://sites.google.com/site/r4vemaster/my-file/fb-like-pop.css' rel='stylesheet' type='text/css'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/> <script src='https://blogspotjeusef.googlecode.com/files/fb-like-pop.js' type='text/javascript'/>
من بعد دلك نتوجه للإضافة تطبيق HTML/JavaScript



ونلصق عليه هدا الكود



رمز Code:
<script type='text/javascript'>
//<![CDATA[
ready(function() { $('body').
$(document)
.facebookTrafficPop( {
timeout: 15,
title: "Like My Facebook Page",
message: 'إضغط على زر أعجبني لتتخطى هده الرسالة',
url: "https://www.facebook.com/iraqextra",
'opacity': 0.3,
'advancedClose':false,
closeable: false
} );
}); //]]>
</script>
مع تغيير الكتابة الملونة بلون الأحمر بما يناسبك

رابط صفحتك على الفايسبوك https://www.facebook.com/iraqextra......

وأخيرا...منصة بلوجر الجديدة بين أيديكم




السلام عليكم ورحمة الله ،مرحبا بالجميع ،لقد قامت بلوجر بإطلاق المنصة الجديدة التي كانت وعدتنا بها من قبل ،لقد تم تطبيها هذا اليوم على حسابي في بلوجر ،وها أنا أكتشفها  وإياكم... هذه المنصة التي تسعى جوجل من خلالها بتطوير إمكانياتها ومتحدية منافسيها كوردبريس ،إلا أنني أعتقد أن المهندسين الذين أشرفو على هذا التطوير كانو سكارى أو فاقدين للذاكرة ،حيث أنهم نسوا أهم شئ وهو تحريرHtml الغير الموجود في هذه المنصة الجديدة وبالتالي لا يمكن التعديل على القالب ولا يمكن إضافة اي أكواد أو إستبدال القالب بقالب آخر،وهذا في نظري كما لو أنك إشتريت سيارة بدون مقود، المهم بالنسبة للتغييرات مقارنة مع المنصة القديمة لا أرى شئ ملموس لكن يمكنني أن ألخص ما تم إضافته فيما يلي :
1.إضافة مرات مشاهدة الصفحة في تحرير الرسائل 
2.إمكانية إظهار التدوينات على تحرير الرسائل حسب أقسام أو تسميات المدونة 
3.يمكنك إضافة أيقونة favicon من تصميم المدونة والتي أصبح الآن إسمها القديم "تخطيط" لو تذكرون 
4.أصبحت السماحات في إعدادات ثم أساسي 
5.مكان إدراج التسميات أصبح بجانب مستطيل عنوان الرسالة الجديدة 
6.أصبحت المدونات التي تتابعها تظهر باللوحة الرئيسية وتأخد ثلتي الصفحة ولم أفهم ما أهمية ذلك ..
7.إمكانية عمل روابط خارجية للصفحات الثابثة  

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



1.اللوحة الرئيسية للمدونة




2.نظرة عامة :




3.رسالة جديدة 




4.تحرير الرسائل



5.تحرير صفحات التحرير




وأخيرا أتمنى كل من لديه المنصة الجديدة لبلوجر المسودة ،أن يدلي بإقتراحاته وما الأشياء التي أعجبتك والأشياء التي لم تعجبك وهل فعلا كانت منصة بلوجر تستحق مثل هذا التحديث ؟؟
لكن السؤال الذي لم أجد له جواب هو لماذا لم يضيفو تحرير Html بالمنصة الجديدة ؟؟؟!!!!!

طريقة عمل روابط تشعبية للصفحات الثابتة على مدونات بلوجر




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

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


1. نقوم بإنشاء صفحة جديدة وذلك من "الصفحات" ثم "صفحة جديدة " ثم "عنوان الويب".





2.نقوم بإدخال التسمية وهي كلمة "خواطري" في هذا المثال ،ثم نقوم بإدخال رابط الصفحة التي تضم جميع المواضيع التي تنتمي للتسمية "خواطري" ،ولكي تحصل على هذا الرابط ،من أقسام مدونتك إضغط على التسمية التي تريد ثم إنسخ رابطها من المتصفح حيث يكون الرابط على هذا الشكل
http://www.abu-iyad.com/search/label/إضافات بلوجر?&max-results=9


3.بما أننا نريد إضافة قائمة أفقية سوف نختار الإختيار رقم 1 وهو يتيح عمل علامات التبويب بالجزء العلوي وعند إختيار الخيار رقم 2 سوف يتم عمل قائمة جانبية والإختيار رقم 3 وهو لإخفاء القائمة وعدم عرضها بالمدونة .

كما قلت سابقا فإن هذه الإضافة متاحة فقط على المنصة الجديدة من بلوجر للمسودة والتي يمكنك الدخول إليها من هذا الرابط  http://draft.blogger.com ،أما بالنسبة للأشخاص الذين لم يتم تنصيب المنصة الجديدة لديهم ،ما عليكم سوى إنتظار فرصتكم في أقرب وقت ممكن 

إخفاء عنوان الأداة من المدونة وإظهاره في تصميم القالب


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



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



لحد الآن سوف يظهر عنوان الأداة في تصميم القالب  وكذلك يظهر في المدونة ،لكننا نودحذف العنوان من المدونة مع الإحتفاض به في تصميم القالب  لذلك سوف نقوم بالتوجه لتحرير Html ثم ضع علامة في المربع الصغير لتوسيع القالب ثم إبحث عن العنوان الجديد الذي أضفته للأداة ،سوف تجد أن هذا العنوان يوجد داخل كود على هذا الشكل :

<b:widget id='HTML5' locked='false' title='عنوان الأداة' type='HTML'>

<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

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

معرفة أي صفحات مدونتك تم أرشفتها لدى جوجل



السلام عليكم

أولا ما معنى أرشفه جوجل لمدونتك؟
معناها ادراج جوجل لصفحات مدونتك في الفهرس الخاص به ، بحيث تظهر في نتائج البحث.

هل كل صفحات المدونة يتم أرشفتها؟
ليس بالضرورة ، هذا يعتمد على مدى موافقة مدونتك لمعايير جوجل ومدى ثقته في صفحات مدونتك؟

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

كيف أعرف ما هي الصفحات التي أرشفها جوجل في مدونتي؟

الطريقة سهلة جدا

زر صفحة جوجل الرئيسية



في خانة البحث اكتب السطر التالي :

site:blogger-zoom.com

طبعا قم بوضع عنوان مدونتك مكان اللون الأحمر
ملحوظة: لا تترك أي فراغات بين الكلمات

الآن ستظهر لك روابط جمبع صفحات مدونتك التي تم أرشفتها

انتهى الشرح :)

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


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

إليك الطريقة:

الخطوات:
ادخل لمدونتك عبر الرابط التالي: http://blogger.com
بجانب مدونتك اضغط على تصميم

من واجهة العناصر ، قم بإضافة أداة جديدة ، ثم اختر html/javascript

في خانة العنوان ، اكتب : انضم لنا على اليوتيوب
في خانة المحتوى الصق الكود التالي:
<iframe src="http://www.youtube.com/subscribe_widget?p=DblClickBlog"
       style="overflow: hidden; height: 106px; width:190px; border: 0;"
       scrolling="no" frameborder="0">
    </iframe>
قم بتعديل الجزء الملون بالأحمر بعنوان قناتك 
ومن اللون الأخضر تحكم في ارتفاع الصندوق
والأزرق للتحكم في العرض

ثم اضغط حفظ

انتهى.

كيف تضيف بانر لمدونتك (للمبتدئين)



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


في هذه السطور القليلة سأشرح للمبتدئين كيفية فعل ذلك.



- ادخل على مدونتك عبر الرابط التالي:
http://www.blogger.com

- اضغط على | تصميم >> إضافة أداة | كما في الصورة التالية:


  

- ثم بعد ذلك اضغط على أداة الصورة من بين الأدوات: 




- سوف تفتح لك نافذة إضافة الصورة ، قم بملئ الفراغات كما هو موضح بالصورة التالية:



- ثم اضغط حفظ ..

الآن عند الضغط على الصورة سينتقل الزائر إلى الموقع المشار إليه في الرابط ، وهذا بمثابة بانر بسيط

لو أردت إضافة بانر بشكل إحترافي فسوف أقوم بعمل شرح له إن شاء الله لاحقا.

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

تهيئة عنوان التدوينات لمحركات البحث - post titles seo


لعب عنوان المدونة ، وعنوان التدوينات دورا هاما جدا في مدى صداقة مدونتك لمحركات البحث.



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



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


2- اجعل العنوان مختصرا قدر المستطاع ، بما لا يخل بالمعنى طبعا ولا داعي للإطالة فيه.
مثال لعنوان طويل : نصائح مهمة لكيفية تهيئة عنوان التدوينات لمحركات البحث
مثال لاختصار مخل: عنوان التدوينات

3- حاول الابتعاد عن استخدام الرموز والزخارف في العنوان فمثلا الكثيرون  يقومون بتزيين عنوان التدوينة كما في المثال التالي:
مثال : ^~*¤ô§ تهيئة عنوان التدوينات لمحركات البحث §ô¤*~^ 
فلا أحد يبحث في جوجل عن شيء ويضع قبله الزخارف ، فلا داعي لها

4- اجعل الكلمات المهمة في العنوان في البداية
فمثلا لو أن مدونتك مهتمة بالكتب ، وكلمة كتاب مهمة بالنسبة لك فيجب أن يكون العنوان كالتالي:
كتاب لا تحزن للتحميل
ولا تجعله هكذا
تحميل كتاب لا تحزن
طبعا هذا قدر المستطاع ...

5- احرص على عدم وجود أخطاء إملائية في عنوان التدوينة (وفي داخل التدوينة نفسها) خاصة همزات الوصل والقطع التي يخطئ فيها الكثيرون.

6- اكتب عنوان التدوينة بالعربي وبجانبه بالإنجليزية
مثال عنوان هذه التدوينة : تهيئة عنوان التدوينات لمحركات البحث - post titles seo
.
.
لماذا نلجأ لكتابة العنوان بالإنجليزية؟
حسنا الفكرة أن نظام بلوجر يعتمد في انشائه لرابط التدوينات على عنوان التدوينة نفسها
فمثلا لو كانت عنوان تدوينتك : My Story
فسيكون شكل الرابط كالتالي:  http://www.blogger-zoom.com/2012/02/my-story.html 

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

http://www.blogger-zoom.com/2012/02/blog-post.html

وهكذا تكون جميع روابط تدويناتك بنفس الشكل ، تنتهي بـ blog-post.html ، وهذا سيء جدا جدا لمكانة موقعك في محركات البحث

لذا دائما ألجأ شخصيا لكتابة عنوان التدوينة بالإنجليزية بجانب العنوان العربي (يمكنك حذف العنوان الإنجليزي بعد نشر التدوينة حيث يكون الرابط قد تم تكوينه بالفعل)

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

لفعل ذلك اتبع التالي:
- ادخل على مدونتك عبر الرابط التالي: http://blogger.com
- اضغط على تصميم >> تحرير html
- في كود القالب ، ابحث عن السطر التالي:

<title><data:blog.pageTitle/></title>

ثم قم باستبداله بالسطور التالية:

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

<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

ثم اضغط حفظ القالب

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


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

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

الخطوات سهلة إن شاء الله:

أولا: تجهيز إعدادات الصندوق على الفيسبوك:
1- ادخل على تطبيقات الفيسبوك عبر الرابط التالي:
https://developers.facebook.com/apps/?action=create

2- قم بانشاء تطبيق خاص بتعليقات مدونتك عبر ادخال اسم رمزي لصندوق التعليقات "مثل: تعليقات بلوجر زووم" ، وفي الخانة الثانية أدخل اي اسم مختصر بالانجليزية مثل bloggerzoom ، ثم اضغط continue  كما بالصورة التالية:



3-  ستظهر لك صفحة اعدادات التطبيق الذي أنشأته .. قم بتغيير ببعض الخانات كما هو موضح بالصورة (اضغط للتكبير)



4- اضغط save changes

ثانيا: إضافة أكواد الصندوق لمدونتك:
1- ادخل على مدونتك عبر الرابط التالي: http://blogger.com
2- اضغط على :
قالب >> تحرير html >> ثم اضغط على متابعة



3- قم بتوسيع عناصر الصفحة بالتعليم على مربع "توسيع قوالب عناصر واجهة المستخدم"



4- ابحث عن العبارة التالية:

<html


ثم استبدل تلك العبارة بالسطر التالي (مع الابقاء على باقي الكود كما هو كما في الصورة):

<html xmlns:fb='http://www.facebook.com/2008/fbml' 


5- ابحث عن السطر التالي: 

</head>

وضع قبله مباشرة الكود التالي:

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

<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='بلوجر زووم' property='og:site_name'/>
<meta content='223304281106814'   property='fb:app_id'/>
<meta content='100000805456712'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

قم باستبدال الأجزاء الملونة بالبيانات الخاصة بك:
اللون الأزرق اكتب عنوان مدونتك
اللون الأحمر : اكتب رمز التطبيق الخاص بك (الرقم الذي نسخته من قبل والمكتوب بجانبه App ID)
اللون الأخضر : اكتب رمزك الخاص بحسابك على الفيس بوك (لمعرفة كيفية الحصول عليه ستجده مشروح في نهاية هذا الدرس) 

6- ابحث عن السطر التالي:

<body

ثم أضف في السطر التالي له الكود التالي:

<div id='fb-root'/>

<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: 223304281106814 });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

طبعا استبدل اللون الأحمر برمز التطبيق الخاص بك (الرقم الذي نسخته من قبل والمكتوب بجانبه App ID)

7- ابحث عن السطر التالي 

 <div class='comments' id='comments'>
ثم أضف بعده مباشرة الكود التالي:
<br/><br/>

<h4>ضع تعليقك</h4>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='540'/>
</div>
</b:if>

 يمكنك التحكم في عرض الصندوق بتغيير الرقم 540
وأذا كانت مدونتك ذات خلفية داكنه يمكنك تغيير light وجعلها dark

اضغط حفظ التغييرات

مبرووك على صندوق التعليقات...

ملحق1:
كيفية التحكم في التعليقات؟
يمكنك التحكم عن طريق الدخول على الرابط التالي :
https://developers.facebook.com/tools/comments/

ملحق2:
كيف تحصل على الرمز الخاص بحسابك على الفيس بوك:
عن طريق الرابط التالي:
https://graph.facebook.com/aflamw
مع استبدال الجزء الأحمر بالاسم الخاص بحسابك على الفيسبوك