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

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

هذا الشريط يوضح مميزات هذا الموقع الذي أظنه من أروع المواقع على الإطلاق ،شاهدو

Résuméabuiyad

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

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

 _str = _str.replace(/f\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkisCovFgq9smL3jXMWYz-QItVf8MaOqT0yNy7TsH5eMbXyDJduorJTbfrxZDYLepJgerIm6yTjajOHhlmWodsoie-ApbmmyUFpW4slO4n1vqA_JQ6AaObT3eJXpUQhnA0W8kKZ3Gneo/s1600/merci.jpg ' alt='' height='290' width='379'  class='smiley'/>");

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

ولإضافتك لهذه الخاصية في مدونتك ،

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

</body>

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

<script src='http://abu-iyad.googlecode.com/files/abuiyadSmileythanks4.js' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>

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

-بعد تطبيقك لللأداة ،الآن تحتاج للرموز لكي تكتبها في تعليقك وتظهر لك الصورة الموافقة لها .

هذا الجدول يبين كل صورة والرمز المطابق لها :

الصورة	الرمز	الصورة	الرمز
يتم كتابة الرموز من اليمين نحو اليسار لتظهر
	A(		B(
	C(		D(
	E(		F(

الآن سوف نتعرف على طريقة  تغيير الصور في حالة رغبتك في ذلك .

• الطريقة الأولي :

1.قم بتحميل الملف جافاسكريبت (وهو الرابط ذا اللون الأحمر في الكود السابق) من هنا
2.قم بفتح الملف بمحرر النصوص "وورد باد" .Wordpad
3.قم بالبحث عن أحد روابط الصور التي عرضناها سابقا (سوف تجد منه إثنين)
4.قم بإستبدالهما برابطين للصورة التي تريد،ولا تنسي تعديل قياسات الطول والعرض لتحافظ على جودة الصورة.
5.يمكنك كذلك تعديل رموز الصور بالرمز الذي تريد وهو ما لون باللون الأحمر في الكود الأول .
6.عند الإنتهاء من عملية التعديل علي الصور والرموز والقياسات ،قم برفع الملف على السرفر الخاص بك.(أفضل أن تقوم بتحميل الملف علي أحد الموقعين ،جوجل سايت أو جوجل كود)
7.قم بإعادة لصق رابط الملف الذي قمت بتحميله في الكود السابق مكان الرابط ذا اللون الأحمر .
8.قم بحفظ القالب ثم توجه للمعاينة

الطريقة الثانية :هذه الطريقة لا تحتاج رفع ملف الجافا سكريبت على السرفر الخاص بك
1.سوف تقوم بنفس خطوات الطريقة الأولى ،حتى المرحلة 5
2..توجه للكود الذي قمت بلصقه قبل الوسم <body/>،ثم قم بتحديده كاملا وإستبدله بهذا الكود ،ثم توجه للكود جافاسكريبت الذي عدلت عليه ثم حدده كاملا  ثم أضفه في المكان الخصص له في الكود أسفله.

<script type='text/javascript'>
//<![CDATA[

ألصق كود الجافاسكريبت هنا

//]]>
</script>

وأخيرا قم بحفظ القالب ،ومبروك عليك الصور في صندوق التعليقات ،أتمنى أن تنال إعجابكم.

Résuméabuiyad

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

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

]]></b:skin>

ثم قم بوضع الكود التالي قبله

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

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


والتتيجة تكون الصورة على هذا الشكل .

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

Résuméabuiyad

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

• الطريقة الأولى :

سوف نقوم بعمل أيقونات على هذا الشكل و تكون فوق صندوق التعليقات

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

<b:if cond='data:post.embedCommentForm'>

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

<div style='background:#FFFFFF; border:2px solid #EDEDED; display:block; padding: 1px 1px 1px 1px; margin: 1px 3px 1px 3px;text-align: center; direction:ltr; color:#ccc;'><b><img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger1.gif' width='30'/> :)<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger2.gif' width='30'/> =))<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger3.gif' width='30'/> :-T<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger4.gif' width='30'/> =((<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger5.gif' width='30'/> :-L<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger6.gif' width='30'/> b-(<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger7.gif' width='30'/> :)(<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger8.gif' width='30'/> ;))<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger9.gif' width='30'/> :(<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger10.gif' width='30'/> :x<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger11.gif' width='30'/> :z<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger12.gif' width='30'/> ;)<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger13.gif' width='30'/> :D<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger14.gif' width='30'/> :a<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger15.gif' width='30'/> :((<a href='http://wwww.leblogger.com' style='display:none;'>Blogger</a><img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger16.gif' width='30'/> x(<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger17.gif' width='30'/> ;;)<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger18.gif' width='30'/> =)(<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger19.gif' width='30'/> :p<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger20.gif' width='30'/> :))<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger21.gif' width='30'/> :-o<img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger22.gif' width='30'/> :-*<a href='http://www.leblogger.com/2009/11/onion-head-smileys-commentaire-messages.html' style='display:none;'>Blogger</a><img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger23.gif' width='30'/> 8-)<a href='http://www.leblogger.com/2009/06/smiley-emoticone-commentaire-blogger.html' style='display:none;'>Smiley</a><img border='0' height='30' src='http://lewordpress.com/Blogger/Image/Onion30/LeBlogger24.gif' width='30'/> 8-(</b></div>

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

الآن قم بالبحث عن هذا الكود :

</body>

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

<script src='http://leblogger.googlecode.com/files/LeBloggerOnions30.js' type='text/javascript'/><noscript><a href="http://www.leblogger.com/2009/11/onion-head-smileys-commentaire-messages.html">Onion</a><a href="http://www.leblogger.com">blogspot</a></noscript>

وأخيرا قم بحفظ القالب  .

• الطريقة الثانية :

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

 <b:if cond='data:post.embedCommentForm'>

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

<div style='background:#F8F8FF; border:2px solid #F0F0F0; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;text-align:center; direction:ltr;  color:#FE6000;'><b>
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2839%29.png' width='50'/> :))<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%282%29.png' width='50'/> ;))
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2828%29.png' width='50'/> ;;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2813%29.png' width='50'/> :D<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2835%29.png' width='50'/> ;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%284%29.png' width='50'/> :p
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2817%29.png' width='50'/> :((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64.png' width='50'/> :)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%286%29.png' width='50'/> :(<a href='http://www.abu-iyad.com' style='display:none;'>Smiley</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2814%29.png' width='50'/> =((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2824%29.png' width='50'/> =))<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2821%29.png' width='50'/> :-*<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2820%29.png' width='50'/> :x<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2819%29.png' width='50'/> b-(<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%281%29.png' width='50'/>:-t<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%2822%29.png' width='50'/>8-}</b></div> 

الآن قم بالبحث عن هذا الكود :

</body>

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

<script src='http://abu-iyad.googlecode.com/files/abuiyadSmiley.js.txt' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com/2010/12/blogger-onion-head-smileys.html'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>

وأخيرا قم بحفظ القالب  .

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

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

<b:if cond='data:comment.adminClass == data:post.adminClass'>
<dd class='blog-author-comment'>

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

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>

بعد ذلك ، إبحث عن هذا الكود :

.blog-author-comment {

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

.comment-body-author {

 وأخيرا قم بحفظ القالب  .

أتمنى أن تعجبكم كلتا الطريقتين ،فلكم حرية الإختيار ،في إنتظار آرائكم وإقتراحاتكم ،دمتم بود

Résuméabuiyad

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

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

<data:post.body/>

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

<p><span style="text-align:center; display: block;"><a href="http://www.abu-iyad.com/2010/12/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://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"></a></small></span></p>

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

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

<p><span style="text-align:center; display: block;"><a href="http://www.abu-iyad.com/2010/12/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://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"></a></small></span></p>

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

Résuméabuiyad