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

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

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

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

و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>

ساهم في نشر الموضوع و لك جزيل الشكر!

</div>
<p align='center'>
<br/>
<br/>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIBezKtJ8t7Bbl9HZ1dZHp2L6lxpYso10wjeQ-dlu-nbCM33rRGRq7kWCZQHHcSajmMZG3BzEPnrpCRDl1VCpljZmlq0uLcfpAWj5iEjK4tU7dMY5mlo-OM-akgc4fUkjoLwQtz3Dlq-Y/' width='60'/></a>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufcq3U2l7qlbNTt04nQm9fCHu-Duz2KmolYAQhF9nStUaG5P8dVW4y6PDxqIOvnXbNA1Cz2UrsgwRNVvi64RvLcfg638o-7pD_YLBaHOCJ44fE-uYuk9kC-bBxf1acACdOw-EmtC5Sss/' style='padding-top:1px;' width='60'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOT8PLvEFzAHaOyV4-56YHunhCWqUKfbpeBPCS1l4zEP8nfi12sDI43k9en0U8qn-B9FtUlxHG4ZWej55a6On4dlyVJBL9FDYyqwpeD9fPJArrZObox_1AHL295GksNjs7Z8bhVLSx0rM/' width='60'/></a>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgygz0wq1yXbjQrh1z4V4izC7dtmi44PgxmDvyfRBTLOHSRoTmhvuyngzjSeIG5FzuAeCDhy1UaRoBZ_LTh6X4opfmu9YnWiAyuliUuc4SlhYVZgBTqQSIjNWuNwEiamENCBmmmJvG3E/' width='60'/></a>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-zJTAUqRrLalr9Fi7PZ-ZOJLFq8bUJcD2gtCYtcS9ZbNv1Q8tWXfS4_3gp8g3dcLUzuoea9CNNiRVO2IyEtzqdlWYnvjD9nUyO5YfNIb5obkG3emJwsLasYswy7HkfrU_vt82VMF-gFY/' width='60'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeq8kQPvAFjHj3JhxiAZrm-CK1TktQmLKHUZsYf82gPAsGdg-GHAutJKinRPP_qr5Pnpfv5cj29n6OYzzxkndvmepOjLiHowDTSGTWLC6ftFLsGRuaxLh-OuUddYp0EIO9CZGLaNcaHKk/' width='60'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirWH6sm3-zaABa1BBlgFFjJI6kTGigPR6VqG_KZ6jNlxYsZgGaeSW2xl3vHkZyqjDr9eyrV_keJaFLx6PgmjJe2XyiXb34evT_-y4Z9Q8v5UJrjdNdLQ5SOBeMiAwKm_3XxUKUSJiNalE/' width='60'/></a>
<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6mp5ZZfkV_4Ondhf6BXApbETcyD4wEcH0T2JG0fIqfq2G_nBvxkWl9wfyHhtWWc5cHFkRqrFFwEk-kZkTcuzbs8RahdfjI70TEcwQ8D2t0ZeZLZA-72ftA8ZwyrAhU24rR4cN2iPZ0s/' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>

شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60'  و width='60'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).
لا تنسوا متابعتي على تويتر  عبر هذين الحسابين
doaibblog
HalTa3lam
مع تحيات أخيكم محمد.

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

نشر مواضيع المدونات على فيسبوك عبر تطبيق

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

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

انشر مواضيع موقعك أو مدونتك تلقائيا على تويتر عبر فيدبرنر Feedburner

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

النشر التلقائي عبر Google FeedBurner

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

بعد اختيارك لخلاصة موقعك على فيدبرنر، في الصفحة الجديدة اضغط على Publicize ثم من القائمة اليسرى اختر Socialize  و اضغط الزر المستطيل لإضافة حسابك على تويتر.

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

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

اضغط على الصورة لمشاهدتها بوضوح

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

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

توجيهات لتهيئة مدونات بلوجر لمحركات البحث SEO

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

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

1 - تحسين عنوان مدونات بلوجر و زيادة صداقته لمحركات البحث.

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

عنوان المدونة | وصف قصير

مثال

مدونة ذؤيب | قوالب بلوجر, أدوات و إضافات لكل المدونات.

ما سبق كان الطريقة الأولى أما الثانية و هي التي أنصح بها فتكون بإجراء تعديل في القالب من صفحة تحرير 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>

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

عنوان الموضوع أو الصفحة | عنوان المدونة
مثال
تسريع وندوز 7 دون برامج | مدونة هلال

الفوائد التي سنجنيها من هذا التعديل:

• كلمات دلالية قوية للصفحة الرئيسية .
• تجنب تكرار عناوين الصفحة كما كان يحدث قبلا .
• تؤهلنا لمتابعة التلميحة الثانية :)

2 - كلمات دلالية Keywords و وصف ميتا Meta Description خاصين لكل صفحة.

  في بلوجر لا يمكنك كتابة وصف أو كلمات دلالية خاصة لكل موضوع أو صفحة، بل تستعمل تلك الخاصة بالصفحة الرئيسية لكل الصفحات و هذا غير صحي لصداقة محركات البحث، فلو كنت تستعمل أدوات مشرفي المواقع من جوجل Google Webmaster ستلاحظ هذا الخلل حيث ستجد في تبويب اقتراحات html أخطاء مثل "وصف ميتا مكرر ، العدد 66" مثلا أو كلمات دلالية مكررة  ... الحل هو الآتي.
من صفحة تحريري html مباشرة تحت الكود السابق أضف الآتي.

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>

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

3 - تلميحات سريعة و نصائح لتهيئة مدونتك لمحركات البحث.

• احرص أن تكون عناوين المواضيع مقتضبة و تتضمن الكلمات الدلالية المناسبة.
• الأخطاء الإملائية قد تفقدك كثيرا من الزوار و خصوصا ما لحق منها الكلمات الدلالية، فاجتنبها!
• حاول أن يكون لمدونتك روابط dofollow في بعض المواقع ذات التزكية الكبيرة (pagerank).
• بعض المدونين يلجأ لمسح العنوان من إعدادات المدونة، أو وضع نقطة مكانه لكي لا يظهر فوق صورة الشعار، و هذا من الأخطاء الشائعة، و حله بسيط فعند رفع صورة رأس الصفحة (الهيدر) يجب تفعيل خيار "بدلا من العنوان و الوصف" أو بإضافة قليل من css لقالب المدونة

.Header h1
{
visibility:hidden;
}

• تهيئة المدونة لمحركات البحث يجب أن يواكبه نشر محتوى جيد و منتظم.



• المرتبة الحسنة في صفحات البحث لا تأتي بين ليلة وضحاها، قليل من الصبر سيكون مفيدا!

أسألكم الدعاء!

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

طريقة وضع صورة أو نص فوق صندوق التعليقات في مدونات بلوجر

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

كما تلاحظون في المثال فقد أضفت نصا و صورة فوق صندوق التعليق مباشرة لكن بطريقتين مختلفتين.

طريقة إضافة صورة أو نص فوق صندوق التعليقات

الطريقة الأولى
هذه هي الأسهل، فمن لوح تحكم مدونتك توجه إلى إعدادات ثم تعليقات و انزل أسفل الصفحة حتى تجد خيار رسالة نموذج التعليق و في الحقل المقابل لها أدخل النص المراد عرضه فوق صندوق التعليق ثم اضغط زر حفظ الإعدادات، و لتعلم أن هذه الطريقة لا تمكنك من عرض صورة أو إدخال أوسمة HTML ( فقط بعض الأوسمة متاحة مثل <b>, <i>, <a>). فإن كنت تحتاج فقط لإضافة نص أنصحك بهذه الطريقة، أما إن احتجت لإدراج صورة أو كود HTML مركب فاتبع الطريقة الثانية إذن.
الطريقة الثانية
أولا يتعين عليك تجهيز ما ستدرجه فوق صندوق التعليق و أقصد هنا كود HTML . فمثلا لو أردنا إدراج صورة سيكود كود Html كالآتي.

<img src="رابط الصورة" border="0" />

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

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


ثم ابحث عن <p><data:blogCommentMessage/></p>


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

<p><data:blogCommentMessage/></p>
<img src="رابط الصورة" border="0" />

ثم احفظ القالب.


أفكار و اقتراحات

• يمكن استعمال الطريقة الثانية لوضع إعلانات فوق صندوق التعليقات.

• كذلك يمكن وضع أيقونات لمتابعتك على المواقع الاجتماعية .

• يمكنك كذلك اقتراح رابط أو رسالة ...

و هذه بعض الأكواد إن رغبت في استعمالها.

صورة تذكير و تنبيه:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWrEYVytEAIFhxI7a48uzItHEyI3T4aC_zDtUfCkNZ2RGA1XErawWa0xRKbKZQenEPdrYc3al9WiR34NZ_WnuldSQZxJu0LE4oAIOzwLMNwakT6brhl3kVAgeyr4DkOF0611Rrh9AFq2U/s512/warnning.png" border="0" />

صندوق HTML


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

<div class="warning" style="background:#F3F9FB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9f1iCvLM7J40wErCnovbxcCu9SDCyaSLsDNPokjM40sv_eGhGejAMVFzZcieUsYfZ7sTDaZFbjXWmRej7b6FyzJhxqiJPH35ncr8d4VN8C7Rk-hgtQF9kxpzQzursnPhKlCyCpZmTbaQ/) 8px 6px no-repeat ; border:#A8D1E6 1px solid; padding: 5px 5px 5px 40px;"> فقرة من بضع جمل </div>

تقبل الله صيامكم و قيامكم، نسألكم الدعاء.

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

العرض الانتقائي للأدوات و الإضافات في مدونات بلوجر

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

إظهار أداة أو إضافة فقط في الصفحة الرئيسية للمدونة

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
ضع كود الإضافة هنا (الإضافة تظهر فقط في الرئيسية )
</b:if> 

إظهار أداة أو إضافة في كل الصفحات عدا الرئيسية

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

<b:if cond='data:blog.url != data:blog.homepageUrl'>
ضع كود الإضافة هنا (الإضافة تظهر في كل الصفحات إلا الرئيسية )
</b:if> 

إظهار أداة أو إضافة في صفحات المواضيع فقط

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في صفحات المواضيع فقط )
</b:if> 

إظهار أداة في كل الصفحات عدا صفحات المواضيع

كذلك له مفعول معاكس لسابقه، يمكن استغلاله لتطبيق فكرة ما ...

<b:if cond='data:blog.pageType != &quot;item&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في كل الصفحات إلا صفحات المواضيع )
</b:if> 

إظهار أداة في الصفحات الثابتة فقط

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في الصفحات الثابتة فقط )
</b:if> 

إظهار أداة أو إضافة في كل الصفحات عدا الصفحات الثابتة

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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في كل الصفحات إلا الصفحات الثابتة )
</b:if> 

إظهار أداة في صفحات مواضيع كاتب محدد فقط

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

<b:if cond='data:post.author == &quot;أحمد&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في صفحات مواضيع أحمد فقط )
</b:if>

إظهار أداة أو إضافة في صفحة واحدة فقط

هذا لكود يمكنك من تطبيق شيء ما على صفحة واحدة فقط عبر إدراج رابطها (طبعا بعد نشرها للحصول على رابطها)

<b:if cond='data:blog.url == &quot;رابط الصفحة&quot;'>
ضع كود الإضافة هنا (الإضافة تظهر في صفحة واحدة فقط  )
</b:if> 

شرح طريقة الاستفادة من <b:else/>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
ضع كود الإضافة هنا (الإضافة تظهر فقط في الرئيسية )
<b:else/>
ضع كود الإضافة هنا (الإضافة تظهر في كل الصفحات إلا الرئيسية )
</b:if> 

روابط استفدت منها  لكتابة الموضوع

Selective Display of Blogger Widgets


Blogger help: Layouts Data Tags


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


أسألكم الدعاء.

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

أداة المواضيع الأكثر قراءة الجديدة لمدونات بلوجر (المشاركات الشائعة)

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

طريقة إضافة أداة المواضيع الأكثر قراءة في مدونات بلوجر (المشاركات الشائعة)

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

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

مواضيع شائعة مع مقتطفات و صويرات

مواضيع شائعة مع مقتطفات فقط

عناوين المواضيع الشائعة فقط

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

تقبل الله صيامكم و قيامكم، نسألكم الدعاء.

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

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

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

1 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية

هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML  و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin>  و قبله مباشرة ضع كود CSS الآتي :

/* Author Bio */
.postauthor {
    background: #F5F5F5; 
    border-top: 1px solid #e1e1e0; 
    border-bottom: 1px solid #e1e1e0; 
    overflow: hidden; 
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #515151; 
    font-size: 12px; 
    margin-bottom: 10px;
    margin-top: 0;
}
/* Author Bio End */

الخطوة الثانية :  ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  ثم مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

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

2 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

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


أولا ستتبع نفس الخطوة الأولى (*)  كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.


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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;أحمد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> أحمد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;جواد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> جواد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>

</b:if>

قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.

كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...


تقبل الله قيامكم و صيامكم، نسألكم الدعاء.

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

إضافة زر 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/

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

تركيب تعليقات فيسبوك العربية على مدونات بلوجر

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

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

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

تعليقات فيسبوك كما تبدو على المدونة

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

طريقة تركيب تعليقات فيسبوك

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

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

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

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

و سيصبح إذن الكود بهذا الشكل :

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (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>

بعد ذلك ابحث عن </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='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:

عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.


الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.


معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.


معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.


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


560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

و أخيرا اضغط زر الحفظ و هنيئا لك.

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

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

بسم الله و الحمد لله و الصلاة و السلام على من لا نبي بعده سيدنا محمد المصطفى و على آله و صحبه و من تبعهم بإحسان إلى يوم الدين. السلام عليكم و رحمة الله. كثيرا ما يسأل البعض هل من إمكانية لوضع إعلانات أدسنس في أماكن غير التقليدية التي يعرفها الجميع، مثلا تحت العنوان، وسط التدوينة، في ذيل الصفحة، في رأسها... في هذا الموضوع سنتناول و إياكم طرق عرض إعلانات جوجل أدسنس 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 -->

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

لكن ماذا لو نسيت وضع الكود في التدوينة ؟!! لن يحدث شيء سيظهر الإعلان في بداية التدوينة و لكم أن تلاحظوا ذلك على مدونتي في بعض المواضيع التي لم أعدلها. و لمزيد من الشرح يمكنكم زيارة Ads In The Middle

4 - تحذير

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

اضغط على الصورة لمعاينتها بوضوح

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

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

حصريآ على ملوك الكمبيوتر شرح برنامج LeapFTP( افضل برنامج لنقل الملفات عبر الويب )

شرح برنامج LeapFTP
( افضل برنامج لنقل الملفات عبر الويب )






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


لتحميل آخر اصدار من البرنامج 2.7.6
اضغط هنا


وهذا هو كراك تسجيل البرنامج ليصبح لديك مفتوح الاستخدام:

كود PHP:

user: Snacker [tNO 2002]
Serial: 214065-33242619690


لنأتي الآن الى شرح البرنامج - انظر الصورة:

توضيح خيارات البرنامج حسب الترقيم الموجود في الصورة:
1- هنا تكتب عنوان موقعك على الانترنت برمز ftp في بدايته مثل هذا ftp.ba7rainspirit.com
2- هنا تكتب اسم المستخدم المصرح له لدخول الموقع - مثل ahmad
3- هنا تكتب كلمة السر لهذا المستخدم.
4- هنا تكتب رقم المنفذ - غالباً يكون 21 ويكتبه البرنامج لك اوتوماتيكياً.
5- اضغط على هذه الايقونة لتبدأ الاتصال بموقعك عبر برنامج LeapFTP
6- لقطع الاتصال.
7- لالغاء عملية معينة سواء كانت تحميل أو رفع ملفات.
8- من هنا تستطيع ان تعدل اعدادات البرنامج.
9- من هنا تستطيع ان تجعل البرنامج يقوم بتحميل او ارسال الملفات بشكل متتالي اوتوماتيكياً.
10- من هنا تستطيع اضافة ملفات ليقوم بإرسالها او تحميلها بعد الانتهاء من العملية الحالية.
11- من هنا تستطيع ايقاف عملية الارسال او التحميل المتتالي بحيث لا يتم ارسال الا ملف واحد فقط.
12- لاستعراض محتوى ملف معين موجود في موقعك.
13- لعمل اي تعديلات او اضافات لأي ملف موجود على موقعك.
14- لحذف ملف معين.
15- لمشاهدة خصائص ملف معين مثل تاريخ رفعه او حجمه وما الى ذلك.
16- لاضافة الموقع مع مجموعة المواقع في دليل البرنامج بحيث ترجع اليه بسهولة في المرة القادمة.
17- لعمل اختصار للبرنامج على سطح المكتب بحيث يقوم بالاتصال بمجرد الضغط على ايقونته.
18- لتشغيل سكربت معين من قرصك الصلب hard disk
19- للرجوع الى الملف السابق الذي قمت بفتحه.
20- لتغيير المجلد الموجود فيه برنامج LeapFTP
21- لتحديث الملفات المعروضة امامك في الخانة 22 و 23
22- هنا تقوم باستعراض ملفاتك من جهازك لكي تصل الى الملف المطلوب ارساله للموقع.
23- هنا تقوم باستعراض الملفات الموجودة على موقعك لتحميلها على جهازك او اضافة ملفات جديدة اليها عن طريق الخانة رقم 22
24- هنا ستشاهد عملية ارسال الملفات.

طيب سؤال يخطر على بال الكثيرين وهو:
كثيراً ما نسمع عن خاصية اعطاء تصريح لملف أو مجلد معين ، يعني مثلاً نعطيه التصريح 777
ماذا تعني هذه الخاصية وكيف نستخدمها من خلال برنامج LeapFTP

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

واشهر التصاريح التي تهم صاحب الموقع هي:
777 >>> تصريح اعطاء الصلاحيات كاملة للمجلد او الملف. وهذا يستخدم للمجلدات المفتوح استخدامها بالنسبة لصاحب الموقع او لزوار الموقع.
755 >>> تصريح اعطاء صلاحيات محددة للمجلد او الملف تتمثل في تصفح محتوياته فقط. وهذا غالباً ما يستخدم للمجلدات العادية في الموقع.
644 >>> تصريح اعطاء صلاحية تشغيل الملف على الموقع فقط من غير اي اجراء آخر ومن غير السماح لتصفح محتوياته. وهذا غالباً ما يستخدم للملفات.

كيفية اعطاء تصريح لملف معين ، او كيفية تغيير التصريح الحالي الى تصريح جديد:

بعد الدخول على برنامج LeapFTP والاتصال بموقعك
اضغط بالزر الايمن للماوس على المجلد او الملف المطلوب وسوف تظهر لك قائمة الخيارات كما في الصورة ، اختر منها الأمر Chmod


بعد اختيار هذا الامر ستظهر لك نافذة ادخل فيها التصريح المطلوب كما في الصورة واضغط على حفظ او OK


------------------------------------------------------------------
هذا الشرح غير منقول وهو من اعداد وتنسيق ملوك الكمبيوتر

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