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

بسم الله الرحمن الرحيم

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

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

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


أهمية هذه الإضافة ؟
تكمن أهمية تلك الإضافة في ترحيب الزوار بهذه الإضافة لأن جميع الزوار بلا شك يحبون زر "أعجبني "،أو "like" .

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

ملحوظة هامة :
هذه الإضافة مجربة وفعالة جداً ،لأني رأيت مدونات يكتبون مقالات فقط لا تحتوي على أي فائدة ،يكتبون لك عناوين جذابه فتدخل الموضوع فلا تجد فائدة عندما تطبق مافي الموضوع .
فأنا اذكر هنا ان هذه المدونة (
تمقطن
) هدفها نشر الطريقة الصحيحة والمختصرة كلما امكن ليستفيد القارئ الكريم ،أو القارئة الكريمة .
انصحك بالذهاب إلى http://www.facebook.com/TIMOGTEN
ندخل في الموضوع ،وعذراً لأني أطلت عليكم.

1- اذهب إلى لوحة تحكم مدونتك ،ثم اختر "تصميم" أو "تخطيط" على حسب تحديث مدونتك .
2- اذهب إلى تحرير "HTML" ،ثم ضع علامة صح في خانة توسيع قوالب عناصر واجهة المستخدم.
3- ابحث عن الكود التالي ، لسهولة البحث اضغط (ctrl+f) .

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div>
</b:if>

ارجوا أن تكونوا قد استفدتم من الموضوع ،وأنا جاهز لأي استفسار ، ومن أعجبه الموضوع يضغط "لايك" .

نلتقي بالدرس القادم إن شاء الله

مع تحيات مولاي هاشم

... Résumémoulayhachem

::الدرس التاسع::كيفيه إنشاء نافذه تطلب من الزائر الإعجاب بصفحة الفايسبوك::إضافات

بسم الله الرحمن الرحيم 

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

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

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

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

ندخل على تحرير القالب ونبحث عن هدا الكود الموجود في أسفل كل قالب </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[
$(document).ready(function() {

$('body').facebookTrafficPop( {timeout: 10,
title: "Like My Facebook Page",
message: 'إضغط على زر أعجبني  لتتخطى هده الرسالة',
url: "https://www.facebook.com/TIMOGTEN",
'opacity': 0.3,
'advancedClose':false,
closeable: false
} );

});

//]]>
</script>

مع تغيير الكتابة الملونة بلون الأحمر بما يناسبك

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

يعني التوقيت الزمني timeout: 10,

مع تحيات مولاي هاشم

... Résumémoulayhachem

الدرس الثامن:::إضافة تتيح للزائر التعرف على معلومات جهازه::إضافات بلوجر

بسم الله الرحمن الرحيم 

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

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

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

<data:post.body/>

ولوضع الإضافة أسفل كل تدوينة قم بلصق الكود التالي بعده :

<p><span style="text-align:center; display: block;"><a href="http://moulayhachem.blogspot.com//2012/04/ip-address-widget-for-your-blogger.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a><br /><small><a href="http://moulayhachem.blogspot.com//2012/04/ip-address-widget-for-your-blogger.html"></a></small></span></p>

يمكنك وضع شكل آخر لإضافة على هذا الشكل  :

وذلك بلصق الكود التالي بدلا من الكود السابق

<p><span style="text-align:center; display: block;"><a href="http://moulayhachem.blogspot.com//2012/04/ip-address-widget-for-your-blogger.html"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a><br /><small><a href="http://moulayhachem.blogspot.com//2012/04/ip-address-widget-for-your-blogger.html"></a></small></span></p> 

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

 مع تحيات مولاي هاشم

... Résumémoulayhachem

الدرس::ترقيم الصفحات :::::إضافات بلوجر::::::

بسم الله الرحمن الرحيم 

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

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

نبدأ على بركة الله

إدخل لوحة التحكم المدونة.

ثم إختر تصميم أو قالب.

تحسبا لأي خطأ ضع نسخة إختياطية من قالبك في جهازك.

  نتوجه إلى تحرير HTML ثم وضع علامة على المربع الصغير لتوسيع القالب.

نبحث عن :

]]></b:skin>

نضع قبله الكود التالي :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333; 

}

قم بالبحث من جديد عن :
</body>
7-ضع هذا الكود قبله

<!-- Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://related-sources.googlecode.com/files/blogger-Page-navi.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

  ما يمكن يغييره

var pageCount=5; عدد المواضيع التي تريد عرضها في الصفحة الأولى غير فقط الرقم

 مع تحيات مولاي هاشم

... Résumémoulayhachem

تهانينا للقائمة الحرة توات الكبرى:::::تشريعيات 2012 ::::::

بسم الله الرحمن الرحيم 

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

مبروك للقائمة الحرة توات الكبرى لنيلها مقعدا من أصل 5 مقاعد بالإنتخابات التشريعية 

10 ماي 2012 عن الدائرة الإنتخابية لولاية أدرار.

كما نهني الجزائر بهذه التشريعيات و كل المشاركين بولاية أدرار خاصة

من ناخبين و مترشحين و كل المساهمين من قريب أو بعيد...

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

بالإهتمام بمشاكل الولاية و سكانها و طرحها عل الهيأت المختصة لها مع طرح حلول لكل مشكل

و لذالك يرجى الإتصال بمدوالة القائمة و التي ستفتح قريباً إن شاء الله

.....المجد و الخلود لشهدائنا الأبرار.....

الجزائر أمانة فلنحافظ عليها لنسلمها للجيل القادم  إن شاء الله

مع تحيات مولاي هاشم

... Résumémoulayhachem

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

بسم الله الرحمن الرحيم

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

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

سنبداء الأن بالجزء الثاني و الذي سنتعرف فيه على إضافات مهمة للمدونة.

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

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

</head>

قم بلصق أحد الأكواد التالية قبله مباشرة 

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</scripلظهور الصور على يسار النصt>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

لظهور الصور على يمين النص

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

في الوسط

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/LireLaSuiteCentre0.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

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

أو بصور حيث يجب رفع الصورة على أحد مواقع رفع الصور

ثم إستبدل العبارة بما يلي

<img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/>

مع تحيات مولاي هاشم

... Résumémoulayhachem

:::الدرس الخامس:::تغيير قالب المدونة:::دورة مدونة بلوجر::

بسم الله الرحمن الرحيم

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

درسنا اليوم عن كيفية تغيير استايل في بلوجر + اضافة استايل جديد لمدونتك


ادخل الي بلوجر


http://www.blogger.com/


ثم تابع الصور 

 من على يسارك في الجانب العلوي

يجب أخذ نسخة إحتياطية كي يتم إستعادتها في حالة حدوث مشكل أو خلل في محتوى المدونة

جاري تنزيل نسخة إحتياطية

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

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

وهذه بعض القوالب لمن يريد

حمل

أو نبحث عن قوالب من خلال محركات البحث بالانترنت

من خلال ما توضحه الصورة نضغط علة تصفح ثم نحدد القالب الذي نريده

من المكان  الموجود به بجهازنا

بعد تحديد القالب نضغط على تحميل

و بهذا نكون قد غيرنا شكل مدونتنا يمكنك تصفح مدونتك لروية الشكل الجديد


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


نلتقي بالدرس القادم إن شاء الله

مع تحيات مولاي هاشم

... Résumémoulayhachem

:::الدرس الرابع..الجزء الثاني:::شرح بعض إعدادات مدونة بلوقر

بسم الله الرحمن الرحيم 

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

نكمل شرح بعض إعدادات المدونة

إتبع الصور

نختار إسم للمدونة و صورة لها

 تتيح بلوقر للمستخدم عدة إضافات للمدونين و للإستفادة من هذه الإضافات 

نضغط على أيقونة : إضافة أداة

إختر الإضافة التي تريد 

ستظهر لك نافذة الإضافة التي حددتها

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

في الأخير بعد أن ننهي كل ما نريد تغييره  نضغط على حفظ الترتيب

نلتقي بالدرس القادم إن شاء الله..

مع تحيات مولاي هاشم

... Résumémoulayhachem

:::الدرس الرابع..الجزء الأول:::شرح بعض إعدادات مدونة بلوقر

بسم الله الرحمن الرحيم 

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

 أغلب الإعدادات المهمة هي التي تكون بالقائمة تخطيط

أولآً كيفية تغيير الشريط العلوي الذي يظهر بالمدونة و هذه صورته

إتبع الصور

إضغط على تحرير

الأن إختر الشريط الذي تريد

هذا هو الناتج

الأن سنختار شعار للمدونة .....الصورة توضح أين يظهر شعار كل مدونة في المتصفح

إضغط على تحرير ثم إتبع الصور

 

 

في الأخير يجب أن نضغط على حفظ الترتيب كي يتم إعتماد ما قمنا بتغييره بالمدونة

و لتغيير الشعار نقوم أولاً بحذفه كما توضح الصور

 أتمنى أن تكونو قد إستفدتم من الموضوع

نلتقي بالدرس القادم إن شاء الله..

مع تحيات مولاي هاشم

... Résumémoulayhachem

لماذا تم إختيار 1 ماي عيداً للعمال

بسم الله الرحمن الرحيم 

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

عيد العمال

احتفل عمال العالم بعيدهم اليوم ..هذا العيد له قصة قديمة
................................
قام عمال مدينة شيكاغو فى امريكا بتنظيم إضراب سنة 1886
كانوا يطالبون بتحديد ساعات العمل ب 8 ساعات فى اليوم
بدا الاضراب يوم 1 مايو واستمر حتى 4 مايو بنجاح وبشكل سلمى
يوم 4 مايو طالب العمال بعقد اجتماع ووافقت السلطات على الاجتماع

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

بعد فترة من الوقت نهض العمدة وغادر المكان ولم تمضى دقائق فوجىء
العمال برجال الشرطة وهم يفضون الاجتماع بالقوة تصايح العمال
لماذا صرحتم لنا بالاجتماع وتريدون فضه بالقوة؟؟؟
ووسط الفوضى والهياج الحاصل انفجرت قنبلة لا احد يدرى من اين جاءت

بعد 11 سنة اكتشف ان البوليس هو الذى فجر هذه القنبلة

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

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

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

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

ومر الوقت وبعد 11 سنة

كشف الله سبحانه وتعالى براءة العمال

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

وتقرر اعتبار اول مايو عيدا عالميا للعمال

اما جيم الصغير فقد رفع راسه بين زملائه ونشر خطاب ابيه اليه

 مع تحيات مولاي هاشم

... Résumémoulayhachem