المدون العربي

مبروك على الماس

2011-12-04T13:46:00.000-08:00

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

افضل 10 مواقع عالمية 2011

2011-12-04T13:43:00.005-08:00

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

1--جوجل google

اكبر شركة عالمية مستثمرة في مجال الانترنت - بدأ كمحرك للبحث عبر الشبكة بتاريخ 4 سبتمبر 1998 بواسطة لاري بايج وسيرجي برين من الولايات المتحدة الامريكية - جوجل يتيح للمستخدمين البحث عن المعلومات بما في ذلك صفحات الويب والصور وأشرطة الفيديو وهلم جرا. وهو يقدم العديد من المزايا الفريدة وتقنية البحث. كما يوفر جوجل عدة خدمات مميزة مثل بريد gmail وخدمة التدوين blogger وجوجل دوكس google docs ولا ننسى جوجل ادسنس google adsens ويوتيوب youtube والعديد من الخدمات الممزة الاخرى ولا اعتقد ان هنالك شخصاً يستعمل الانترنت لا يعرف جوجل وخدماتها –.-

2 -- فيسبوك facebook

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

3 -- يوتيوب youtube

انطلق موقع يوتيوب في فبراير عام 2005 لمشاركة الفيديو بين الاعضاء - قامت جوجل بشرائه عام 2006 وعملت على تطويره - وكما هو حال فيس بوك فقد ساهم موقع اليوتيوب في نشر الكثير من الفيديوهات من قبل الهواة لتظهر الحقيقة للعالم في كثير من الامور السياسية واحداث القمع ابتداء من حرب غزة عام 2009 -2008 ومرورا باحداث ايران 2009 والثورات العربية المجيدة في تونس ومصر 2011 وما زال الموقع يستقبل مئات الالاف من الفيديوهات يوميا .

4 -- ياهو yahoo!

تراجع موقع ياهو تدريجيا منذ عام 2005 اذ كان هو الموقع الرائد في تقديم خدمة البحث و البريد الالكتروني المميزة وخدمات الدردشة والاعلان والدردشة الصوتية لقد كان جوجل الموقع الاكثر تأثيرا في ياهو واستطاع ان يتفوق عليه في عدة خدمات ليتراجع بعدها ياهو - تأسس موقع ياهو في 1 مارس 1995 بواسطة جيري يانغ و ديفيد فيلو .

5 -- المدون blogger

هو الموقع الخامس على مستوى العالم من حيث حركات الزوار - تأسس بلوجر عام 1999 بواسطة شركة بايرا لابز (Pyra Labs) لتشتريه جوجل عام 2003 وتعمل على تطويره - طبعا بلوجر استطاع ان يتفوق على ورد بريس من حيث عدد المدونات والزيارات نتيجة سهولة التعامل والمجانية المطلقة لخدمات بلوجر البسيطة - فهو بذلك اكبر مستضيف عالمي للمدونات ومدونة سما بلوغر تعمل من خلاله على نطاقات blogspot.com

6-- بايدو baidu

اكبر محرك بحث باللغة الصينية تأسس عام 2000 بواسطة روبن لي وإريك تشو- يوفر الموقع خدمات البحث من خلال 57 تصنيف وهو بذلك يتفوق على جوجل - وهو الموقع رقم 1 في الصين

7 -- ويكيبيديا wikipedia

اكبر موقع عالمي مجاني يتيح المعرفة والعلم لكل من يقصده - "يساهم فيها أكثر من 91،000 مساهم نشط يعملون على أكثر من 17 مليون مقال في أكثر من 270 لغة؛ 147,716 مقال منها باللغة العربية. يوميا، آلاف الزوار من مختلف أنحاء العالم يجرون الكثير من التعديلات، وينشئون الكثير من المقالات الجديدة" - انطلقت ويكيبيديا عام 2001 بواسطة جيمي ويلز

8 -- ويندوز لايف windows live

احدى خدمات شركة microsoft الامريكية يوفر هذا الموقع خدمات البريد الالكتروني والدردشة والالعاب والماسنجر الشهير والبرامج الشهيرة الخاصة بالويندوز مثل movie maker - windows live writer وغيرها الكثير

9 --تويتر twitter

twitter هو افضل مواقع التدوين المصغر على الاطلاق - يتميز بسلاسة وسهولة التعامل ساهم كما هو حال بلوجر وفيس بوك ويوتيوب في الحشد للمظاهرات والثورات ضد الانظمة العربية - يتميز عن فيسبوك بأنه اكثر بساطة ورقي (مجتمع ارقى -.-) انطلق الموقع بتاريخ 13 يوليو 2006 ليصبح بذلك الموقع رقم 7 على مستوى العالم

10 -- QQ.COM

موقع صيني شامل ومتاكمل يقدم الكثير من الخدمات المجانية والمدفوعة - يقدم خدمة الاتصال والرسائل المجانية في الاراضي الصينية - انطلق الموقع عام 1999 والان يضم اكثر من 665 مليون عضو

افضل 10 مواقع عالمية 2011

2011-12-04T13:43:00.003-08:00

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

1--جوجل google

2 -- فيسبوك facebook

3 -- يوتيوب youtube

4 -- ياهو yahoo!

5 -- المدون blogger

6-- بايدو baidu

7 -- ويكيبيديا wikipedia

8 -- ويندوز لايف windows live

9 --تويتر twitter

10 -- QQ.COM

افضل 10 مدونات عالمية لعام 2011

2011-12-04T13:42:00.001-08:00

احبائي متابعي واصدقاء وزوار مدونة المدون العربي ، نعود واياكم هذا اليوم لنحدث الموضوع الذي طرحناه قبل عام حول افضل 10 مدونات عالمية لعام 2010 - في هذه التدوينة سنشاهد ما الذي تغير على هذه المدونات وما هي المدونات التي اختفت من قائمة العام المنصرم من موقع او مدونة technorati هذه المدونة الدليل العالمي الاكبر للمدونات ، والتي تعتمد في تصنيفها على عدد الزيارات للمدونات وعدد الروابط على الشبكة العنكبوتية ، طبعا ليس هنالك اي مدونة عربية .
نبدأ بـ :

1) مدونة The Huffington Post

المدونة الاولى عالميا وهي مدونة اخبارية سياسية اجتماعية منوعة ، انشأتها Arianna Huffington ويديرها حاليا اكثر من خمسين مؤلف ، انشأت بداية عام 2005 ، بيج رانك 8 ، ترتيب اليكسا 108.

ما زالت على رأس القائمة منذ عامين

___________________________________________________________

2) مدونة techcrunch

مدونة تكنولوجيا وشبكات اجتماعية تتابع احدث المستجدات التقنية وادوات ويب 2 ( web 2.0) ، اسسها Michael Arrington ويديرها حاليا اكثر من 21 مؤلف ، انشأت في 11 - يونيو - 2005 ، بيج رانك 8 ، ترتيب اليكسا 269 .

ما زالت في المرتبة الثانية للعام الثاني على التوالي

___________________________________________________________

3) مدونة mashable

مدونة تكنولوجيا متخصصة في الشبكات الاجتماعية المعروفة وادوات ويب 2 ( web 2.0) ، تقيم ندوات وحفلات وتنظم المسابقات الابداعية ، اسسها Pete Cashmore في يوليو 2005 ويديرها حاليا اكثر من 21 مؤلف ، بيج رانك 8 ، ترتيب اليكسا 205 .

ايضا بالمرتبة الثالثة للسنة الثانية على التوالي

___________________________________________________________

4) مدونة the daily beast

"نظرة جديدة على الأخبار من جميع أنحاء العالم مع اعطاء الرأي" - هذا هو شعارها ، اسست في 6 اكتوبر 2008 من قبل ستيفن كولفن ، بيج رانك 7 ، ترتيب اليكسا 1431 .

حلت هذه المدونة مكان مدونة gizmodo لتصبح في المرتبة 11 هذا العام

___________________________________________________________

5) مدونة TMZ

تغطي هذه المدونة اخبار المشاهير في هولوود واخر الشائعات اسسها Harvey Levin اواخر عام 2005 ، بيج رانك 7 ، ترتيب اليكسا 388 .

حلت هذه المدونة مكان مدونة GAWKER لتعود الاخيرة لرقم 10 في القائمة

___________________________________________________________

6) مدونة Engadget

نعود مرة اخرى الى المدونات الاخبارية التكنولوجيا ، هذه المدونة تركز على الادوات الالكترونية والتكنولوجية الجديدة ، وتواكب تطورها ، اسسها Peter Rojas بداية عام 2004 ، يديرها اكثر من 30 مؤلف ، بيج رانك 8 ، ترتيب اليكسا 307 .

في مكانها للسنة الثانية على التوالي

___________________________________________________________

7) مدونة Boing Boing

تنشر اخبار متفرقة ، تكنولوجيا وثقافة شعبية ، اسست في 1998 حصلت على عدد من الجوائز في السنوات السابقة وكانت عرش افضل مدونة عالمية ، بيج رانك 8 ، ترتيب اليكسا 1.815.

في المرتبة السابعة للسنة الثانية على التوالي

___________________________________________________________

8) مدونة thinkprogress

مدونة سياسية تقدمية اجتماعية واقتصادية وثقافية تعنى فقط بالشؤون الامريكية، اسسها John Podesta . في عام 1995 ، بيج رانك 6 ، ترتيب اليكسا 8.369 .

حلت مكان مدونة The Corner on National Review Online

___________________________________________________________

9) مدونة The Hotair

مدونة اخبارية سياسية منوعة تركز على الولايات المتحدة الامريكية ، اسستها Michelle Malkin عام 2006 ، بيج رانك 6 ، ترتيب اليسكا 4.105 .

في نفس المكان للسنة الثانية على التوالي

___________________________________________________________

10) مدونة Gawker

مدونة اخبارية منوعة تركز على اخبار المشاهير ، وانتقاد وكالات الانباء الرئيسية في الولايات المتحدة وتركز على مدينة نيويورك ، اسسها Nick Denton في عام 2003 ، يديرها اكثر من 18 مؤلف ، بيج رانك 8 ، ترتيب اليكسا 909

اضافة زر الارسال send + زر الاعجاب like لمدونات بلوجر من فيسبوك facebook

2011-12-04T13:41:00.000-08:00

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

الخطوة الاولى

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

الخطوة الثانية

ابحث عن :

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

واضف الكود بعدها

واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)

<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

1- كود اضافة زر الارسال فقط

<b:if cond='data:blog.pageType == "item"'>
    
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>
    </b:if>

2- كود اضافة زر الاسال + زر الاعجاب

<b:if cond='data:blog.pageType == "item"'> 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>

</b:if>

2011-12-04T12:22:00.000-08:00

facebook.com/10000hbil

برنامجرنة باسم حضرتك

2011-12-04T01:16:00.000-08:00

برنامج رنة باسم حضرتك

التحميل من هنا

حل مشكلة التحميل من ميديا فاير الاسود او2011

2011-11-22T14:23:00.000-08:00

حل مشكلة التحميل من ميديا فاير الاسود او2011

سلام عليكم

http://store2.up-00.com/Nov11/7vC23992.gif
الي مشطوب با الزهري هذا انا شاطبته لتغكية اسم الملف
هذي نقطة مهمه علامة

http://store2.up-00.com/Nov11/5W523992.gif
هذي تدل على الملف مثل هذا الفيديو وفي اشكال تدل عليه
وننتضر قليل ثوان او دقائق
ويطلع كهده الصورة
ي
http://store2.up-00.com/Nov11/1EY23992.gif

بالتوفيق

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

2011-11-19T06:26:00.001-08:00

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

إذا وجدت 2 من هذا الكود فالثاني هو المقصود

<data:post.body/>

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

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://jnnh.net/images/print.jpg'/></a>
</b:if>

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://hantoor.com/images/print.png'/></a>
</b:if>

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://www.alphastat.org/images/shared/printer.gif'/></a>
</b:if>

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

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

2011-11-19T06:25:00.001-08:00

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

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

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

]]></b:skin>

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

.comment-bubble { float : left; width : 48px; height : 48px; background : url(http://www.yasour.org/images/comment.jpg) no-repeat; font-size : 18px; margin-top : -15px; margin-right : 2px; text-align : center; padding:0px 0px 0px 0px; /*for more hacks : http://www.monte-escalier-prix.org/ */ }

الآن قم بالبحث على هذا الكود ثم أضف ما لون باللون الأحمر :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

إضافة أداة "مواضيع جديدة" مع الصور على بلوجر

2011-11-19T06:22:00.000-08:00

إضافة أداة "مواضيع جديدة" مع الصور على بلوجر

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<script src="http://sites.google.com/site/zakaria/sitmapblogger/zakaria.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[1] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[2] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[3] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[4] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
showRandomImg = true;

boxwidth = 500;

cellspacing = 3;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 20;

home_page = "maroc-que-jaime.blogspot.com";

limitspy=5
intervalspy=4000

</script>

<div id="spylist">
<script src='http://sites.google.com/site/zakaria/sitmapblogger/recentpost-ziko-min.js' type='text/javascript'></script><script src='http://zakaria.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
</div>

والان الخطوة الأهم : يجب عليك تبديل عنوان المدونة باللون الأحمر بعنوان مدونتك .
numposts = 20; هذه القيمة تمثل عدد المواضيع التي يمكن تؤيتها .
والنتيجة النهائية تكون على هذا الشكل :

أتمنى أن تنال إعجابكم وأنتظر تشجيعاتكم

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

2011-11-19T06:19:00.002-08:00

السلام عليكم ورحمة الله تعالى وبركاته ،نستهل موضوعنا اليوم في شرح كيفية إضافة زر 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>

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

2011-11-19T06:19:00.000-08:00

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

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

<data:post.body/>

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

و إن كان بالإنجليزية ظهر الزرعلى شكل Like
ولإضافة الزر في آخر التدوينة ألصق الكود التالي بعدها و ليظهرفي أول التدوينة ألصقه قبلها.

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

tahoma : نوع الخط

إختصارات لوحة المفاتيح لشريط أدوات تحر ير رسائل بلوجر

2011-11-19T06:16:00.001-08:00

الإختصارات	المهمة
إختصارات لوحة المفاتيح لشريط أدوات النص
Ctrl + B	جعل النص سميك
Ctrl + i	جعل النص مائل
Ctrl + Z	للتراجع عن خطوة
Ctrl + Y	إلغاء التراجع
Ctrl + Shift + P	معاينة الرسالة قبل العرض
Ctrl + S	حفظ الرسالة كمسودة
Ctrl + P	نشر الرسالة

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

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

2011-11-19T06:14:00.001-08:00

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

وهذا مثال على معرض للفيديو الذي تريد إنشائه .

فيديو 1	فيديو 2	فيديو 3	فيديو 4

فيديو 5	فيديو 6	فيديو 7	فيديو 8

فيديو 9	فيديو 10	فيديو 11	فيديو 12

المرحلة الأولى : نقوم بتحضير أكواد مقاطع الفيديو ،التي نقوم بنسخها من أحد المواقع الشهيرة ك Youtube أوDailymotion

وهذا الكود يكون على هذا الشكل :

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/FIErsQZbKss?fs=1&hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FIErsQZbKss?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

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

المرحلة الثانية :

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

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable"><table>
<tr>
<th align="center"> فيديو 1</th>
<th align="center"> فيديو 2</th>
<th align="center"> فيديو 3</th>
<th align="center"> فيديو 4</th>
</tr>
<tr>
<td>ضع كود الفيديو1 هنا</td>
<td>ضع كود الفيديو2 هنا</td>
<td>ضع كود الفيديو3 هنا</td>
<td>ضع كود الفيديو4 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 5</th>
<th align="center"> فيديو 6</th>
<th align="center"> فيديو 7</th>
<th align="center"> فيديو 8</th>
</tr>
<tr>
<td>ضع كود الفيديو5 هنا</td>
<td>ضع كود الفيديو6 هنا</td>
<td>ضع كود الفيديو7 هنا</td>
<td>ضع كود الفيديو8 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 9</th>
<th align="center"> فيديو 10</th>
<th align="center"> فيديو 11</th>
<th align="center"> فيديو 12</th>
</tr>
<tr>
<td>ضع كود الفيديو9 هنا</td>
<td>ضع كود الفيديو10 هنا</td>
<td>ضع كود الفيديو11 هنا</td>
<td>ضع كود الفيديو 12هنا</td>
</tr>
</table>

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

إضافة خاصية الروابط التلقائية على مدونات بلوجر

2011-11-19T06:13:00.000-08:00

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

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

</head>

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

<script src="http://zakaria.googlecode.com/files/autotag.js" type="text/javascript"></script>

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

<data:post.body/>

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

<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('مدونة أبو إياد',true,'http://maroc-que-jaime.blogspot.com/','summary<data:post.id/>');
</script>

ما عليك سوى تبديل الكلمة "مدونة أبو إياد" والرابط الخاص بها باللون الأزرق بالكلمة التي تريد عمل رابط لها بصفة تلقائية .
هذا الكود يخص كلمة واحدة فقط ويمكنك إضافة كلمات أخرى مع الروابط المناسبة لها وذلك بلصق هذا الكود قبل الوسم </script> ذا اللون الأخضر .

highlightSearchTerms(' الكلمة',true,' رابط-الكلمة','summary<data:post.id/>');

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

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

إضافة صورة الكاتب تحت عنوان موضوعه على مدونات بلوجر

2011-11-19T06:11:00.001-08:00

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

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

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
</b:if>

ثم قم بلصق الكود التالي تحته مع إدخال إسم الكاتب ورابط الصورة الخاصة به

<b:if cond='data:post.author == "إسم الكاتب الأول"'>
<span class="author"><img src="رابط صورة الكاتب الأول"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثاني"'>
<span class="author"><img src="رابط صورة الكاتب الثاني"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثالث"'>
<span class="author"><img src="رابط صورة الكاتب الثالث"/></span>
</b:if>

ملاحظة : يمكنك زيادة عدد مؤلفي المدونة كما تريد وذلك بإضافة هذا الكود وإعادته في عدد المرات المراد زيادرها تحت الكود السابق.

<b:if cond='data:post.author == " إسم الكاتب "'>
<span class="author"><img src="رابط صورة الكاتب "/></span>
</b:if>

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

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

]]</b:skin>

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

.author img{
padding: 0;
float: left;
border: none;
margin: 0 10px 10px 0;
}

يمكنك التعديل على الأبعاد 0 0px 10px 10px لإجاد المكان المناسب لتموضع صورة الكاتب في المدونة,ويمكنك كذلك وضع صورة الكاتب على اليمين وذلك بإستبدال الكلمة left بالكلمة right
قم بحفظ القالب

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

2011-11-19T06:10:00.000-08:00

السلام عليكم ورحمة الله تعالى وبركاته ،توصلت بعدة رسائل تطلب مني شرح إضافات أيقونات الإبتسامات على تعليقات المدونة ،فها أنا ذا ألبي الطلب بكل سرور ،كما تعلمون أن في بعض الأحيان نحتاج للتعبير عن ما بداخلنا ،لكن الكلمات أحيانا لا تفي بالغرض لذلك سوف نقوم بإضافة أيقونات تعبيرية نستغني بها أحيانا عن الكلام .
سوف أعرض عليكم اليوم طريقتين لعمل ذلك أو بالأحرى نوعين من الأيقونات ،أولها قام بعملها الأخ الكريم سفيان صاحب مدونة 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.monte-escalier-prix.org' 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.monte-escalier-prix.org' 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.monte-escalier-prix.org' 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.monte-escalier-prix.org'>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 {

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

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

2011-11-19T06:05:00.000-08:00

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

1.قم بالبحث عن الوسم :

<body>

ثم قم بلصق هذا الكود قبله مباشرة :

<script type='text/javascript'>
//<![CDATA[
function badwordfilter(ID){
var comm = document.getElementById(ID);
var comment = comm.innerHTML;
var reBadWords = /الكلمة مسيئة2|الكلمة مسيئة1/gi;
comment1 = comment.replace(reBadWords, "****");
comm.innerHTML = comment1;
comm.style.display = "block";
}
//]]>
</script>

<p><data:comment.body/></p>

إن وجدت أكثر من واحد فالكود الأول هو المقصود :

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

<p>
<div expr:id='data:comment.id' style='display:none;'>
<data:comment.body/>
</div>
<script type='text/javascript'>badwordfilter("<data:comment.id/>");</script>
</p>

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

زر تابعني على التويتر الجديد على مدونات بلوجر

2011-11-19T06:03:00.000-08:00

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

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

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

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

ثم قم بلصق هذا الكود أسفله :

<b:if cond='data:blog.pageType == "item"'>
<a Width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='en' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/Abuiyad007'>تابعني على التويتر</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</b:if>

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

وللمعاينة قم بالضغط على الزر أسفله :

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

<data:post.body/>

إضافة الزر 1+ لجوجل على مدونات بلوجر

2011-11-19T06:02:00.001-08:00

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

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

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

</body>

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

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'>
<g:plusone expr:href='data:post.url' size='tall'/>
</b:if>

ملاحظة : يتوفر زر1+ على 4 قياسات حيث يمكنك إختيار القياس المناسب لك وذلك بإستبدال الكلمة tall من الكود بأحد القياسات الموجودة في الصورة أسفله .

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

أين يجب أن أضع إعلانات Google Adsense على صفحاتي؟

2011-11-19T05:59:00.001-08:00

يتفاوت أفضل موقع لإعلانات Google من صفحة لصفحة، استنادًا إلى المحتوى. وإليك القليل من الأسئلة التي يجب أن تسألها لنفسك عندما تفكر في اختيار موضع لإعلاناتك:

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

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

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

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

اضف جزء لتقييم موضوعاتك

2011-11-19T05:57:00.001-08:00

(صورة توضيحية لشكل التقييم)

ادخل الي Layout==>Edit Html و تأكد من انك قد ضغطت علي Expand widget template .....
ثم ابحث عن <data:post.body/> ...و اضف الكود الاتي تحتها مباشرة..

<script language='JavaScript'>var OutbrainPermaLink='<data:post.url/>';var OB_demoMode = false;var OB_Script = true;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

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

اضف ايقونة لارجاع زائرك الي بداية الصفحة الذي يتصفحها

2011-11-19T05:56:00.000-08:00

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

اذا كيف تضيفها الي مدونتك ؟؟

الطريقة في غاية السهولة و ما عليك فعله هو الذهاب الي Layout==>Elements واضغط Add Gadget ثم اختار
Html /Javascript و اضفك الكود الاتي.....

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i271.photobucket.com/albums/jj148/hamadaosama1989/2arrow2.gif"/></a>

السطر المتعلم بالاحمر غيره بلينك صورتك

=====================================

شرح كل جزء من الكود :

<a href="#"> <-- ترجعك الي بداية الصفحة التي تتصفحها ...

<img src="url-of-image" <-- لينك الايقونة الخاصة بك ....

title="Back to Top" <-- وصف الصورة الذي يظهر عندما تقف علي الصورة.

style="display: scroll; <-- هذا الكود يسمح للصورة بالنزول
 مع نزول الصفحة  ....

bottom: 5px; <-- يجعل الصورة تظهر فوق نهاية الصفحة ب 5 بيكسل
وممكن تغيير الرقم حسب احتيجاتك ....

right: 5px;" /></a> <-- يجعل الصورة تظهر 5 بيكسل الي اليمين .

=========================

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

طريقك للربح من ادسنس هو اماكن اعلاناتك

2011-11-19T05:55:00.000-08:00

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

الاماكن الحيوية من مدونتك هي كالاتي:

1- فوق عنوان التدوينة .
2- بعد انتهاء التدوينة (انصح بها بشدة) .
3- تحت التعليقات .
4- في رأس الصفحة (لا انصح بها) .
5- في ذيل الصفحة(لا انصح بها) .
6- علي جانبي الصفحة .

و دي صورة توضيحية

قبل اي شيئ يجب ان نذكر بعض النقاط المهمة للغاية.....

1- عند اختيارك لالوان اعلانتك فاحرص ان تكون بلون خلقية مدونتك حتي يعتقد الزائر انها من ضمن المحتوي و هذا غير مخالف لجوجل.

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

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

نبدأ في شرح كل جزء علي حدة :
1- وضع الاعلان فوق عنوان التدوينة:

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن data:post.id وسوف تجد كود بهذا الشكل في الصورة الاتية

الان الصق الكود اللي نسخنه من الخطوة رقم 3 بعد h2 واضغط preview للتأكد من ان كل شيئ ماشي صح ثم اضغط save

2- و ضع الاعلانات بعد انتهاء التدوينة :

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن post-footer-line و سوف تجد كود بهذا الشكل

الان الصق الكود اللي نسخته في الخطوة رقم 3 زي الصورة الاتية

ثم اضغط preview لتتأكد من صحة تعديلاتك ثم اضغط Save .

3- وضع الاعلانات تحت التعليقات :

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن <p class='comment-footer'> الي ان تجده داخل كود بهذا الشكل في الصورة الاتية

الان الصق كود الاعلانات من خطوة رقم 3 كما في الصورة الاتية

ثم اضغط save لتشاهدها تحت الكونتات .

4- وضع الاعلان في رأس الصفحة :

اذهب الي Layout===>Edit HTML و ابحث عن <head> و اضف كود الاعلانات تحتها مباشرة
و اضغط preview لتشاهد النتيجة ثم save .

5- وضع الاعلان في ذيل الصفحة :

اذهب الي Layout===>Edit HTML و ابحث عن <div id='footer'> و أضف كود الاعلانات تحته مباشرة ثم اضغط preview لتتأكد ثم save .

6 - وضع الاعلانات علي جانبي الصفحة :

تعتبر الطريقة الاسهل ... ادخل الي Layout==>Page element و اضف Html/Javascript ثم الصق كود الاعلانات الاصلي و ليس الكود في الخطوة رقم 3 ثم اضغط save .

===========================

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

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