‏إظهار الرسائل ذات التسميات ترجمة. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات ترجمة. إظهار كافة الرسائل

الاثنين، يناير 26، 2009

Explaining Blogger classic code (blogger hacks)

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

0- كيف تبني صفحة HTML - أساسيات بناء صفحة موقعك (الأكواد الرئيسية)
1- شرح كامل للكود الموجود في قالب بلوجر الأصلي
2- بعض الخدع والهاكات لقالب بلوجر كلاسيك القديم
3- شرح الاكواد الموجودة في رأس الصفحة Head
4- خدمة متصفح مواقع ياهو تزيد من زوار موقعك
5- كود Title - كيف تعدل عنوان الموقع الذي يظهر في أعلى المتصفح
6- كيف أعدل ستايل وألوان وأشكال وخطوط المدونة بلوجر
7- كيف تعرف من أين يأتي زوارك، وكيف وجدوك على محركات البحث
8- كيف تغير أيقونة الموقع في المفضلة favorite icon
9- كيف تعدل الميتا تاج (وسم الميتا) الخاص بالموقع
10- كيفية دمج ملف الستايل CSS في الصفحة
11- تعديل أكواد بلوجر كلاسيك وتعديل قوالب بلوجر
12- كيف تضع هاك read more في مدونتك لكي تزيد من المواضيع في الصفحة الرئيسية
13- خدمة ادوات مديري الموقع من جوجل Webmaster Tools
14- شرح كود جسم الصفحة Body
15- كيف تضع لنفسك ملاحظات في كود HTML لا تظهر في التصميم
16- خاصية تتبع المواقع التي تشير لصفحتك Trackback
17- كيف تعرض اعلانات جوجل في موقعك او مدونتك - اكسب من موقعك
18- كيف تخفي نصا معينا من صفحة المدونة الرئيسية ليظهر فقط في صفحة البوست
19- كيف تضع جدولا لترجمة البوست تحت كل بوست لأهم اللغات المعروفة
20- كيف تضع كود لإضافة موقعك لمفضلة زوارك لتكسب زوارا جدد
21- كيف تطبع بوست من مدونتك على هيئة PDF
22- عرض اعلانات مواقع أخرى في موقعك
23- روابط لمحطات راديو أونلاين
24- كيف تظهر ألبوم صورك على فليكر في موقعك
25- ارفع ملفاتك المهمة على سكاي درايف وشاركها مع من تريد
26- كيف تظهر أرشيف لموضوعاتك في المدونة
27- كيف تضع محرك بحث يبحث في موقعك انت فقط من خدمة جوجل
28- استعمل خدمة feedburner لمتابعين خلاصات موقعك RSS
29- كيف تجعل الناس تشترك في موقعك لمتابعة كل جديد
30- ضع صندوق شات في موقعك للمستخدمين Chat Box
31- كيف تظهر حالة الجو في موقعك ودرجات الحرارة أيضا
32- ضع كود لجلب أهم الأخبار من المواقع الإخبارية المتميزة، ياساتر - العربية نت - الجزيرة نت
33- ضع كود في موقعك ليعرف الزائر رقم الأي بي الخاص به
34- كود لتعرف بلدان زوار موقعك، وعدد الموجودين في موقعك اونلاين
35- خريطة لزوار الموقع
36- أكواد لتحليل زوار الموقع، وانتاج تقارير مفصلة عنهم


فلنبدأ إذن.....

الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
الشرح:
هو كود يستخدم لإخبار أداة التحقق من صحة كود الموقع Validator عن نسخة لغة HTML المستخدمة في الموقع، لكي يختبر موقعك نسبة إلى معايير هذه النسخة.
التوضيح (صورة):
لا توجد

الكود:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">
الشرح:
لتعرف أداة التحقق على مصدر الأوسمة (التاجات) التي ستستخدمها، لكي يقارن تعريفها بالاستخدام الذي تستعمله
التوضيح (صورة):
لا توجد

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

الكود:
<META name="y_key" content="92bbbf8101fd453f" />
الشرح:
هذا الكود أستعمله لكي يتأكد متصفح مواقع ياهو (Yahoo! Site Yxplorer) من ملكيتي للموقع. والموقع يستعمل في خدمات عديدة لمديري المواقع
التوضيح (صورة):
لا توجد

الكود:
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1115190-1";
urchinTracker();
</script>
الشرح:
هذا الكود لكي تقوم خدمة جوجل أناليتيكس بتحليل الموقع كاملا، بدءا من الزوار وحتى حملات الدعاية في الصفحات.
التوضيح (صورة):
لا توجد

الكود:
<link rel="icon" href="http://mr.riddler1.googlepages.com/riddler.ico"/>
الشرح:
خاص بعرض أيقونة للموقع، تظهر تحديدا عند فتح الموقع في الفايرفوكس بجانب عنوان الموقع، وتظهر في أي متصفح عند إضافة موقعي للمفضلة. لكن للأسف حاليا يقوم بلوجر بالكتابة على هذا الكود لأني استعمل subdomain - دومين فرعي.
التوضيح (صورة):
لا توجد

الكود:
<title><$BlogPageTitle$></title>
الشرح:
كود لعرض عنوان المدونة بحيث يطابق العنوان الذي استعملته في الإعدادات، ويمكنني كتابة عنوان مختلف ولكن هذا أفضل لعرض البوستات والأرشيف.
التوضيح (صورة):


الكود:
<$BlogMetaData$>
الشرح:
لعرض أي معلومات أخرى خاصة بالمدونة أو الـ meta
التوضيح (صورة):
لا توجد

الكود:
<style>
الشرح:
بدء ستايل المدونة، شكل الكتابة، مقاساتها، ألوانها، وكل ما يخص الشكل العام
التوضيح (صورة):
المدونة كلها!

الكود:
#profile-container h2.sidebar-title {display:none;}
الشرح:
مهمته مساعدة كود آخر لحذف البروفايل الذي يضعه بلوجر وكتابة ما أريد أنا
التوضيح (صورة):
لا توجد

الكود:
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
الشرح:
لكي أقوم بوضع روابط (باقي الموضوع - Read More)، يقوم هذا بإخفاء جزء معين من نص البوست حتى لا تطول الصفحة. ولا يظهر الجزء المخفي إلا في صفحة البوست نفسها
التوضيح (صورة):
لا توجد

الكود:
/*
-----------------------------------------------
Blogger Template Style
Name: RiddleR (Mean Green Blogging Machine variation)
Designer: Mohamed Salah
URL: www.riddler.co.nr
Date: 01 Feb 2006
----------------------------------------------- */

/* Primary layout */

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #554;
background: #692 url(http://mr.riddler1.googlepages.com/outerwrap.gif)

top center repeat-y;
font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida

Grande", lucida, helvetica, sans-serif;
}

img {
border: 0;
display: block;
}

/* Wrapper */
@media all {
#wrapper {
margin: 0 auto;
padding: 0;
border: 0;
width: 800px;
text-align: left;
background: #fff url(http://mr.riddler1.googlepages.com/innerwrap.gif) top right

repeat-y;
font-size:90%;
}
}
@media handheld {
#wrapper {
width: 95%;
}
}

/* Header */

#blog-header {
color: #ffe;
background: #8b2

url(http://mr.riddler1.googlepages.com/headbotborder.gif) bottom left repeat-x;
margin: 0 auto;
padding: 0 0 15px 0;
border: 0;
}

#blog-header h1 {
font-size: 24px;
text-align: left;
padding: 15px 20px 0 20px;
margin: 0;
background-image: url(http://mr.riddler1.googlepages.com/topper.gif);
background-repeat: repeat-x;
background-position: top left;
}

#blog-header p {
font-size: 110%;
text-align: center;
padding: 3px 20px 10px 20px;
margin: 0;
line-height:140%;
}

/* Inner layout */

#content {
padding: 0 20px;
}

@media all {
#main {
width: 500px;
float: left;
}

#sidebar {
width: 226px;
float: right;
}
}
@media handheld {
#main {
width: 100%;
float: none;
}

#sidebar {
width: 100%;
float: none;
}
}

/* Bottom layout */


#footer {
clear: left;
margin: 0;
padding: 0 20px;
border: 0;
text-align: left;
border-top: 1px solid #f9f9f9;
background-color: #fdfdfd;
}

#footer p {
text-align: left;
margin: 0;
padding: 10px 0;
font-size: x-small;
background-color: transparent;
color: #999;
}

/* Default links */

a:link, a:visited {
font-weight : bold;
text-decoration : none;
color: #692;
background: transparent;
target: _blank
}

a:hover {
font-weight : bold;
text-decoration : underline;
color: #8b9;
background: transparent;
}

a:active {
font-weight : bold;
text-decoration : none;
color: #692;
background: transparent;
}

a.specialeffects:hover {
color: white ;
background-color: transparent ;
text-decoration: none ;
}

/* Typography */

#main p, #sidebar p {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}

.post-body {
line-height: 140%;
}

h2, h3, h4, h5 {
margin: 10px 0 0 0;
padding: 0;
}

h2 {
font-size: large;
}

h3.post-title {
margin-top: 5px;
font-size: medium;
}

ul {
margin: 0 0 25px 0;
}


li {
line-height: 160%;
}

#sidebar ul {
padding-left: 10px;
padding-top: 3px;
}

#sidebar ul li {
list-style: disc url(http://mr.riddler1.googlepages.com/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}

dl.profile-datablock {
margin: 3px 0 5px 0;
}
dl.profile-datablock dd {
line-height: 140%;
}

.profile-img {display:inline;}

.profile-img img {
float:left;
margin:0 10px 5px 0;
border:4px solid #8b2;
}

#comments {
border: 0;
border-top: 1px dashed #eed;
margin: 10px 0 0 0;
padding: 0;
}

#comments h3 {
margin-top: 10px;
margin-bottom: -10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding: 1px 0 0 18px;
background: transparent

url(http://mr.riddler1.googlepages.com/commentbug.gif) top left no-repeat;
color: #998;
}

#comments dl dd {
padding: 0;
margin: 0;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-link {
margin-left:.6em;
}
الشرح:
ستايل المدونة الأساسي
التوضيح (صورة):
المدونة كلها

الكود:
</style>
الشرح:
انهاء الستايل كله وغلق للتاج الأصلي <style>
التوضيح (صورة):
لا توجد

الكود:
<META name="verify-v1" content="obZu2gwThj7YTfFyQJEqYB03FU5AHQYKGF2jG2Zrl1c=" />
الشرح:
لكي تتحقق خدمة ادوات مديري المواقع من جوجل Webmaster Tools من ملكيتي للموقع. وهي تقدم تقارير وادوات مهمة لمالكي المواقع.
التوضيح (صورة):
لا توجد

الكود:
</head>
الشرح:
نهاية الجزء الاول من الصفحة الخاص بالمعلومات
التوضيح (صورة):
لا يوجد

الكود:
<body>
الشرح:
بداية الجزء الثاني من الصفحة، وهو جسم الصفحة
التوضيح (صورة):
المدونة كلها

الكود:
<!-- Begin wrapper -->
<div id="wrapper">
الشرح:
المدونة كاملة ستدخل بين هذا التاج والسطر الأول مجرد تنبيه لانه يبدأ بالعلامة <!
التوضيح (صورة):
المدونة كلها

الكود:
<div id="blog-header"><h1>
<p align="center">
<a class="specialeffects" href="<$BlogURL$>"><$BlogTitle$></a>
</p>
</h1>
<p><$BlogDescription$></p></div>
الشرح:
بداية رأس المدونة Header، وعرض الاسم والوصف
التوضيح (صورة):


الكود:
<!-- Begin content -->
<div id="content">
الشرح:
بداية محتويات الصفحة - والسطر الاول مجرد تنبيه
التوضيح (صورة):
الصفحة كلها ما عدا التذييل footer

الكود:
<!-- Begin main column -->
<div id="main">
الشرح:
بدء العمود الرئيسي في الموقع، الذي يظهر البوستات فقط - والسطر الاول مجرد تنبيه
التوضيح (صورة):


الكود:
<Blogger>
الشرح:
بداية البلوج (البوستات)
التوضيح (صورة):
نفس الصورة السابقة

الكود:
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
الشرح:
عرض تاريخ البوست
التوضيح (صورة):


الكود:
<!-- Begin .post -->
<div class="post">
الشرح:
بداية البوست - السطر الاول مجرد تنبيه
التوضيح (صورة):
لا توجد

الكود:
<a name="<$BlogItemNumber$>"></a>
الشرح:
كود لمساعدة خاصية التتبع أو Trackback للأشخاص الذين وضعو روابط للبوست الخاص بك في صفحاتهم
التوضيح (صورة):
لا توجد

الكود:
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link - رابط خارجي"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
الشرح:
عنوان البوست ويمكن أن يكون رابط خارجي لموقع آخر
التوضيح (صورة):


الكود:
<div class="post-body">
الشرح:
بداية جسم البوست
التوضيح (صورة):
لا توجد

الكود:
<script type="text/javascript"><!--
google_ad_client = "pub-0898774897128501";
google_ad_host = "pub-1556223355139109";
/* RiddleR Ads Google Ads */
google_ad_slot = "5668625935";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
الشرح:
كود عرض الاعلانات من خدمة جوجل أدسينس في الموقع
التوضيح (صورة):


الكود:
<$BlogItemBody$>
الشرح:
النص الخاص بالبوست
التوضيح (صورة):


الكود:
<MainOrArchivePage>
<a href="<$BlogItemPermalinkURL$>"><font size="3" color="LimeGreen"><strong>Read more – باقي الموضوع</strong></font></a>
</MainOrArchivePage>
الشرح:
إظهار كلمة باقي الموضوع Read more فقط في الصفحة الرئيسية او صفحة الأرشيف
التوضيح (صورة):


الكود:
<ItemPage>
<br>
<ItemPage>
الشرح:
ما يدخل هذا التاج لا يظهر إلا في صفحة البوست نفسها ولا يظهر في أي صفحة أخرى - لاحظ ان التاج يلزمه </ItemPage> لكي يغلق
التوضيح (صورة):


الكود:
<script type="text/javascript"><!--
google_ad_client = "pub-0898774897128501";
google_ad_host = "pub-1556223355139109";
/* RiddleR Ads Google Ads */
google_ad_slot = "5668625935";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
الشرح:
كود عرض الاعلانات من خدمة جوجل أدسينس في الموقع
التوضيح (صورة):
نفس الصورة الموضحة سابقا

الكود:
</ItemPage>
الشرح:
اغلاق واحد من الاثنين الموجودين بالأعلي
التوضيح (صورة):
لا توجد

الكود:
<table border="0" width="40" cellspacing="1" cellpadding="1" height="20">
<tr>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Czh-CN&hl=en&ie=UTF8"><img alt="translate this page to Chinese Simplified" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Flag_of_the_People%27s_Republic_of_China.svg/150px-Flag_of_the_People%27s_Republic_of_China.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cde&hl=en&ie=UTF8"><img alt="translate this page to German" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Germany.svg/140px-Flag_of_Germany.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cja&hl=en&ie=UTF8"><img alt="translate this page to Japanese" height=20 width=28 border=1 src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Flag_of_Japan_%28bordered%29.svg/130px-Flag_of_Japan_%28bordered%29.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cko&hl=en&ie=UTF8"><img alt="translate this page to Korean" height=20 width=28 border=1 src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Flag_of_South_Korea.svg/150px-Flag_of_South_Korea.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cfr&hl=en&ie=UTF8"><img alt="translate this page to French" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/100px-Flag_of_France.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cit&hl=en&ie=UTF8"><img alt="translate this page to Italian" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Flag_of_Italy.svg/125px-Flag_of_Italy.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cpt&hl=en&ie=UTF8"><img alt="translate this page to Portuguese" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Flag_of_Portugal.svg/125px-Flag_of_Portugal.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Ces&hl=en&ie=UTF8"><img alt="translate this page to Spanish" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Flag_of_Spain.svg/125px-Flag_of_Spain.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Cru&hl=en&ie=UTF8"><img alt="translate this page to Russian" height=20 width=28 border=1 src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Flag_of_Russia.svg/450px-Flag_of_Russia.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=en%7Car&hl=en&ie=UTF8"><img alt="ترجم الجزء الإنجليزي إلى اللغة العربية" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Flag_of_Saudi_Arabia.svg/750px-Flag_of_Saudi_Arabia.svg.png"/></a></td>
<td><a target =_blank href="http://translate.google.com/translate?u=<$BlogItemPermalinkURL$>&langpair=ar%7Cen&hl=en&ie=UTF8"><img alt="translate Arabic part to English" height=20 width=28 border=0 src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Flag_of_the_United_Kingdom.svg/800px-Flag_of_the_United_Kingdom.svg.png"/></a></td>
</tr>
</table>
الشرح:
جدول لعرض خدمة الترجمة الاوتوماتيكية من جوجل للبوست المفتوح لللغات الشهيرة.
التوضيح (صورة):


الكود:
<br>
<table border="0" width="10%" id="table1" cellpadding="0" height="10"><tr><td><a href="http://blinkbits.com/bookmarklets/save.php?v=1&source_url=<$BlogItemPermalinkURL$>&Title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/blinkbits.gif" alt="BlinkBits <$BlogItemTitle$>"></a></td><td><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=<$BlogItemPermalinkURL$>&Title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/blinklist.gif" alt="BlinkList <$BlogItemTitle$>"></a></td><td><a href="http://blogmarks.net/my/new.php?mini=1&title=<$BlogItemTitle$>&url=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/blogmarks.gif" alt="Blogmark <$BlogItemTitle$>"></a></td><td><a href="http://buddymarks.com/add_bookmark.php?bookmark_title=<$BlogItemTitle$>&bookmark_url=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/buddymarks.png" alt="Buddymark <$BlogItemTitle$>"></a></td><td><a href="http://del.icio.us/post?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/delicious.gif" alt="add <$BlogItemTitle$> to del.icio.us"></a></td><td><a href="http://de.lirio.us/rubric/post?uri=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/delirious.gif" alt="add <$BlogItemTitle$> to de.lirio.us"></a></td><td><a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/digg.gif" alt="Digg <$BlogItemTitle$>"></a></td><td><a href="http://www.feedmarker.com/admin.php?do=bookmarklet_mark&url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>;" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/feedmarker.png" alt="FeedMark <$BlogItemTitle$>"></a></td><td><a href="http://feedmelinks.com/categorize?from=toolbar&op=submit&name=<$BlogItemTitle$>&url=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/feedmelinks.gif" alt="feedme <$BlogItemTitle$>"></a></td><td><a href="http://www.furl.net/storeIt.jsp?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/furl.gif" alt="Furl <$BlogItemTitle$>"></a></td><td><a href="http://www.igooi.com/addnewitem.aspx?self=1&noui=yes&jump=close&url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/igooi.gif" alt="add <$BlogItemTitle$> to igooi"></a></td><td><a href="http://cgi.fark.com/cgi/fark/submit.pl?new_url=<$BlogItemPermalinkURL$>&new_comment=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/fark.gif" alt="fark <$BlogItemTitle$>"></a></td><td><a href="http://www.shadows.com/features/tcr.htm?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/shadows.gif" alt="add <$BlogItemTitle$> to Shadow"></a></td><td><a href="http://simpy.com/simpy/LinkAdd.do?note=<$BlogItemTitle$>&href=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/simpy.gif" alt="Simpy <$BlogItemTitle$>"></a></td><td><a href="http://www.tagtooga.com/tapp/db.exe?c=jsEntryForm&b=fx&title=<$BlogItemTitle$>&url=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/tagtooga.jpg" alt="add <$BlogItemTitle$> to tagtooga"></a></td><td><a href="http://www.talkdigger.com/index.php?surl=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/talkdigger.gif" alt="Talk <$BlogItemTitle$> Digg"></a></td><td><a href="http://www.wink.com/_/tag?url=<$BlogItemPermalinkURL$>&doctitle=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/wink.png" alt="Wink <$BlogItemTitle$>"></a></td><td><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/yahoomyweb.gif" alt="add <$BlogItemTitle$> to MyWeb"></a></td></tr></table><table border="0" width="10%" id="table2" cellpadding="0" height="10"><td><a href="http://ma.gnolia.com/bookmarklet/add?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/magnolia.gif" alt="add <$BlogItemTitle$> to ma.gnolia"></a></td><td><a href="http://www.maple.nu/bookmarks/bookmarklet?bookmark[url]=<$BlogItemPermalinkURL$>&bookmark[description]=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/maple.png" alt="add <$BlogItemTitle$> to Maple.nu"></a></td><td><a href="http://www.netvouz.com/action/submitBookmark?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/netvouz.gif" alt="add <$BlogItemTitle$> to Netvouz"></a></td><td><a href="http://www.onlywire.com/b/?u=<$BlogItemPermalinkURL$>&t=<$BlogItemTitle$>;" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/onlywire.gif" alt="Onlywire <$BlogItemTitle$>"></a></td><td><a href="http://www.rawsugar.com/pages/tagger.faces?turl=<$BlogItemPermalinkURL$>&tttl=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/rawsugar.gif" alt="RawSugar <$BlogItemTitle$>"></a></td><td><a href="http://reddit.com/submit?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/reddit.gif" alt="reddit <$BlogItemTitle$>"></a></td><td><a href="http://www.shoutwire.com/submit" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/shoutwire.png" alt="shout wire <$BlogItemTitle$>"></a></td><td><a href="http://slashdot.org/submit.pl" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/slashdot.gif" alt="add <$BlogItemTitle$> to slash dot"></a></td><td><a href="http://scuttle.org/bookmarks.php/pass?action=add&address=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/scuttle.png" alt="Scuttle <$BlogItemTitle$>"></a></td><td><a href="http://lister.lilisto.com/?t=<$BlogItemTitle$>&l=<$BlogItemPermalinkURL$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/lilisto.png" alt="Lilisto <$BlogItemTitle$>"></a></td><td><a href="http://www.spurl.net/spurl.php?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/spurl.gif" alt="Spurl <$BlogItemTitle$>"></a></td><td><a href="http://www.newsvine.com/_tools/seed&save?u=<$BlogItemPermalinkURL$>&h=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/newsvine.gif" alt="seed <$BlogItemTitle$>"></a></td><td><a href="http://unalog.com/my/stack/link?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/unalog.gif" alt="stack <$BlogItemTitle$>"></a></td><td><a href="http://www.blogrolling.com/add_links_pop.phtml?u=<$BlogItemPermalinkURL$>&t=<$BlogItemTitle$>" target="_blank"><img border="0" src="http://www.arabic-integrated.com/BlogButt/blogroll.gif" alt="blogroll <$BlogItemTitle$>" ></a></td></tr></table>
الشرح:
كود لعرض أيقونات إضافة البوست المفتوح لمفضلتك المتاحة على الأنترنت
التوضيح (صورة):


الكود:
<a target =_blank href="http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=<$BlogItemPermalinkURL$>&author_id=324E3604-A173-4366-AF16-B8FE699303EC"><img alt="Print/Save this Article as PDF - احفظ/اطبع هذه الصفحة كملف بي دي إف" height=25 width=25 border=0 src="http://mr.riddler1.googlepages.com/pdf_icon_riddler.gif"/></a>
الشرح:
كود لطباعة البوست المفتوح على هيئة PDF - نسخة الكترونية وحفظها على الجهاز
التوضيح (صورة):


الكود:
</ItemPage>
الشرح:
غلق التاج <ItemPage> الثاني
التوضيح (صورة):
لا توجد

الكود:
</div>
الشرح:
غلق تاج <div>
التوضيح (صورة):
لا توجد

الكود:
<p class="post-footer">
الشرح:
بداية تذييل البوست
التوضيح (صورة):
لا توجد

الكود:
<em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
الشرح:
عرض سطر الكاتب (حسب اسم الظهور في بروفايل بلوجر) وتوقيت كتابة البوست
التوضيح (صورة):


الكود:
<!-- AddThis Bookmark Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php" onclick="window.open('http://www.addthis.com/bookmark.php?wt=nw&pub=riddler&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'addthis', 'scrollbars=yes,menubar=no,width=620,height=520,resizable=yes,toolbar=no,location=no,status=no,screenX=200,screenY=100,left=200,top=100'); return false;" title="Bookmark using any bookmark manager!" target="_blank"><img src="http://s9.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="AddThis Social Bookmark Button" /></a>
<!-- AddThis Bookmark Button END -->
الشرح:
كود خدمة AddThis لإضافة البوست المفتوح لموقع مفضلتك المتاحة على الويب
التوضيح (صورة):


الكود:
<MainOrArchivePage>
<BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"> <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">روابط هذا الموضوع</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage>
الشرح:
لعرض عدد التعليقات ورابط يقود لأي روابط خارجية تشير لموقعك Trackback links
التوضيح (صورة):


الكود:
<$BlogItemControl$>
الشرح:
عرض ايقونة quick edit (القلم الرصاص) في مدونتك لو كنت مسجل الدخول وانت تتصفحها
التوضيح (صورة):


الكود:
</p>
الشرح:
نهاية تاج تذييل البوست
التوضيح (صورة):
لا توجد

الكود:
<br><br>
</div>
<!-- End .post -->
الشرح:
سطران جديدان ثم نهاية تاج <div> وتنبيه على نهاية الجزء الخاص بالبوست
التوضيح (صورة):
لا توجد

الكود:
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
الشرح:
أول سطر هو تنبيه بداية الجزء الخاص بالتعليقات، ثم بداية تاج <ItemPage> لتظهر التعليقات فقط في صفحة البوست، ثم بداية كود التعليقات
التوضيح (صورة):
لا توجد

الكود:
<BlogItemCommentsEnabled><a name="comments"></a>
<h3><$BlogItemCommentCount$>:التعليقات</h3>
<dl>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
@ <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
<$BlogCommentAuthor$> :كتب
</dt>
<dd>
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p>
<a href="https://beta.blogger.com/comment.g?blogID=22258538&postID=<$BlogItemNumber$>&isPopup=false">Comment - اترك تعليق</a>
</p>
</BlogItemCommentsEnabled>
الشرح:
كل ما يخص التعليقات من: عدد التعليقات، ايقونة التعليق، وقت التعليق، اسم صاحب التعليق، ثم التعليق، ورابط لتترك انت تعليقك يوجهك لصفحة التعليقات
التوضيح (صورة):


الكود:
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>:روابط لهذا الموضوع</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>
<br />
<span class="comment-poster">
<em>:كتبت بوساطة <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>
الشرح:
الجزء الخاص بظهور الروابط الخارجية التي تشير لمدونتك Trackback links
التوضيح (صورة):


الكود:
<p>
<a href="<$BlogURL$>"><< الصفحة الرئيسية</a>
</p>
الشرح:
رابط للعودة للصفحة الرئيسية من أي بوست
التوضيح (صورة):


الكود:
</div>
</ItemPage>
<!-- End #comments -->
الشرح:
نهاية التاجات المفتوحة وتنبيه بانتهاء جزء التعليقات
التوضيح (صورة):
لا توجد

الكود:
</Blogger>
الشرح:
نهاية تاج بلوجر الرئيسي
التوضيح (صورة):
لا توجد

الكود:
<p align="center">
مرحبا بكم في عالم جراي أناتومي (تشريح جراي)، هنا ستجد كل ما تريده من مستشفى سياتل جريس. أخبار عن المسلسل وأبطال المسلسل، روابط تحميل مباشرة وغير مباشرة (رابيدشير/ ميجا أبلود /زدشير/ فايل فاكتوري/ وغيره..) لحلقات المواسم كلها (الموسم الأول/ الثاني/ الثالث/ الرابع/ الخامس) بالترجمة مدمجة وصورة ممتازة، وترجمة الحلقات منفصلة لمن يريد تحميلها، صور للأبطال وألبومات المسلسل، الموسيقى التصويرية والأغاني التي جاءت فيه
<a href="http://www.ga4arab.tk/" target="_blank">
<img alt="All about Grey's Anatomy (جرايز أناتومي)" src="http://mr.riddler1.googlepages.com/ga4arab_banner.JPG">
</a>
</p>
الشرح:
اعلان عن مدونة جراي اناتومي للعرب يظهر أسفل كل البوستات في كل الصفحات
التوضيح (صورة):


الكود:
<!-- End main column -->
</div>
الشرح:
تنبيه نهاية العمود الرئيسي ونهاية التاج <div> الذي بدأه
التوضيح (صورة):
لا توجد

الكود:
<!-- Begin #profile-container -->
<h2 class="sidebar-title">RiddleR محمد صلاح</h2><a href = "ymsgr:sendim?mohamed_riddler"><img border=0 src="http://mail.opi.yahoo.com/online?u=mohamed_riddler&m=g&t=0" alt="راسل محمد صلاح" height=12 width=12></a><$BlogMemberProfile$>
<!-- End #profile-container -->
الشرح:
بداية العمود الجانبي الصغير، ثم ظهور الجزء الخاص بالبروفايل حسب ما أريده انا بعد اخفاء البروفايل الذي يظهره بلوجر بكود سابق لهذا في الـ Head
التوضيح (صورة):


الكود:
<h2 class="sidebar-title" align="center">تنويه هـــام</h2>
<p align="right">مش عارف ليه كل اللي يشوف رقم موبيلي في الموقع أو ايميلي يفهم اني عامله للبنات بس أو للتفاهة وبس. <a target="_blank" href="http://mriddler.blogspot.com/2008/06/blog-post_21.html">من فضلك أكمل القراءة للضرورة</a></p>

<p align="right">غير مسموح بنقل المقالات والأخبار من الموقع إلا عند ذكر المصدر صراحة، والأخبار كلها حصرية</p>

<h2 class="sidebar-title" align="center"><a href="http://www.riddler.co.nr">Original Domain – العنوان الأصلي</a></h2>or use|أو استعمل <a target="_blank" href="http://freedomains.riddler.tk">riddler.tk</a>

<h2 class="sidebar-title" align="center"><a title="http://www.ghoraba2.co.nr" target="_blank" href="http://ghoraba2.co.nr">الغرباء – بقلم/ريدلر ورودي</a></h2>
<p align="right">تذكرون جملة "لا تتحدث مع الغرباء"؟ اليوم أنت لا ترى سواهم فماذا أنت فاعل؟</p>

<h2 class="sidebar-title" align="center"><a target="_blank" href="http://www.r-haiaty.co.nr/">Reham Haiaty – The Journalist's Articles</a></h2>

<h2 class="sidebar-title" align="center"><a title="www.riddlertalks.co.nr" target="_blank" href="http://riddlertalks.blogspot.com/">RiddleR's Talk – كلام ريدلر</a></h2>

<h2 class="sidebar-title" align="center">روابط مفيدة</h2>
<ul>
<li><a href="http://mr.riddler1.googlepages.com/news2" target="_blank">Today's جديد كل يوم</a></li>
<li><a href="http://www.ratethisblog.com/iframe.php?IdPlayer=bW9oYW1lZF9yaWRkbGVyQHlhaG9vLmNvbQ" target="_blank">قيم هذا الموقع هنا</a></li>
<li><a href="http://mr.riddler1.googlepages.com/wikipedia" target="_blank">مقالاتي على ويكيبيديا</a></li>
<li><a href="http://mo0odyhamed.blogspot.com/2007/05/blog-post_29.html" target="_blank">كورس | دورة صيانة الكمبيوتر</a></li>
<li><a href="http://amtoon.wordpress.com/2008/09/15/%D9%88%D8%B1%D8%B4%D8%A9-%D8%A7%D9%84%D9%83%D8%B1%D8%AA%D9%88%D9%86/" target="_blank">اتعلم ازاي ترسمه - ورشة الكارتون</a></li>

<h2 class="sidebar-title" align="center"><a title="Radio Sotcom - راديو صوتكم" target="_blank" href="http://www.radiosotcom.com/">Radio Sotcom - راديو صوتكم</a></h2>
<p align="right">راديو صوتكم غير أي راديو - صوتكم معانا دايماً مسموع</p>

<table border="0" width="10" cellspacing="0" cellpadding="0" height="10" id="vote">
<tr>
<td>
<a href="http://www.blogtoplist.com/vote.php?u=7004" target="_blank"><img src="http://www.blogtoplist.com/images/votebutton.gif" alt="Top Blogs" border="0" /></a>
</td>
<td>
<a target="_blank" href="http://www.blogcatalog.com/directory/arts/television" title="Television Blogs - BlogCatalog Blog Directory"><img src="http://www.blogcatalog.com/images/buttons/blogcatalog5.gif" alt="Television Blogs - BlogCatalog Blog Directory" style="border: 0;" /></a>
</td>
</tr>
</table>

<table border="0" width="168" id="table2" cellspacing="0" cellpadding="0" height="10">
<tr>
<td width="93">
<a href="http://www.freedomain.co.nr/web_hosting_reviews.php" target="_blank"> <img src="http://necnaoa.da.com.ru/rev.gif" alt="Web Hosting Reviews - Top Web Hosts" width="88" height="31" border="0" /></a>
</td>
<td width="75">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png"/></a>
</td>
</tr>
<tr>
<td width="310" colspan="3" height="10">
<img src="http://cgibin.erols.com/cgi-bin/Count.cgi?df=riddler&ft=6&tr=N&dd=B&md=8">
</td>
<td>
</td>
</tr>
</table>
<table>
<tr>
<td>
<iframe width="234" height="60" frameborder="0" scrolling="NO" marginwidth="0" marginheight="0" src="http://my.dot.tk/cgi-bin/amb/ambassador.dottk?nr=215694::4688480"></iframe>
</td>
</tr>
</table>

<br>

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


الكود:
كود خاص - يمكنك الحصول على الكود الخاص بك من هذه الصفحة
الشرح:
كود خاص بإظهار ألبوم صوري على فليكر Flickr Badge
التوضيح (صورة):


الكود:
<h2 class="sidebar-title" align="center">حقيبة ملفاتي</h2>
<p align="right">هنا تجدون الملفات التي أرفعها، أغاني وبرامج وصور، رفعت خصيصا لأشخاص أحبهم</p>
<a target="_blank" href="http://mriddler.blogspot.com/2008/05/my-skydrive-files-riddlers-space.html">
<img alt="ملفاتي على سكاي درايف - ملفات بروابط مباشرة - www.riddler.co.nr SkyDrive" src="http://mr.riddler1.googlepages.com/RiddleR-SkyDrive-Library.png"/>
</a>

<p align="center"><a target="_blank" href="http://mriddler.blogspot.com/2008/12/multi-mirror-uploading-your-files.html">Upload your files to everywhere (multi mirrors) - ارفع ملفاتك لأكثر من موقع في وقت واحد</a></p>


<h2 class="sidebar-title" align="center">كتب محمد صلاح</h2>
<li><a href="http://mr.riddler1.googlepages.com/riddler-ar.doc" target="_blank">سيرتي الذاتية</a></li>
<li><a href="http://mr.riddler1.googlepages.com/riddler-en.doc" target="_blank">My C. V.</a></li>
<li><a href="http://mr.riddler1.googlepages.com/autocad-2004.pdf" target="_blank">أساسيات الأوتوكاد 2004</a></li>
<li><a href="http://mr.riddler1.googlepages.com/books" target="_blank">...المزيد</a></li>
<p></p>

<h2 class="sidebar-title" align="center">مواضيع متميزة</h2>
<li><a target="_blank" href="http://mriddler.blogspot.com/2006/05/whos-riddler.html" target="_blank">RiddleR من هو</a></li>
<li><a target="_blank" href="http://mriddler.blogspot.com/2007/01/riddler-advanced-cd-15-xpize.html" target="_blank">Riddler's Adv CD 1.5</a></li>
<li><a target="_blank" href="http://mriddler.blogspot.com/2006/07/how-would-you-payback.html" target="_blank">ازاي تنتقم – how to payback</a></li>
<li><a target="_blank" href="http://mriddler.blogspot.com/2006/09/useful-tools.html" target="_blank">useful tools – أدوات مفيدة</a></li>
<li><a target="_blank" href="http://mriddler.blogspot.com/2007/11/blog-post_16.html" target="_blank">كورس الجامعة الأمريكية كامل</a></li>
<li><a target="_blank" href="http://mriddler.blogspot.com/2008/05/vidoe-downloaderdownload-videos.html">downmload video Youtube.com, break.com</a></li>
الشرح:
مرة اخرى راوبط مهمة، مثل: حقيبة ملفاتي على سكاي درايف، كتبي ومواضيع مهمة.
التوضيح (صورة):


الكود:
<ItemPage>
<h2 class="sidebar-title" align="center">مواضيع سابقة</h2>

<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
</ItemPage>
الشرح:
الكود لا يظهر إلا في صفحة بوست منفرد، لأنها تظهر المواضيع السابقة لهذا البوست.
التوضيح (صورة):


الكود:
<br>
<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>- الأرشيف -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select><br><br>
الشرح:
أرشيف المدونة والبوستات تبعا للشهور
التوضيح (صورة):


الكود:
<!-- Google CSE Search Box Begins -->
<form id="searchbox_003514499409421646722:whtmlzjthim" action="http://mr.riddler1.googlepages.com/search.htm">
<input type="hidden" name="cx" value="003514499409421646722:whtmlzjthim" />
<input type="hidden" name="cof" value="FORID:11" />
<input name="q" type="text" size="30" />
<input type="submit" name="sa" value="Search" />
</form>
<!-- Google CSE Search Box Ends -->
الشرح:
كود للبحث في داخل موقعي عن أي كلمة او جملة، مع ملاحظة ان جميع معاملات الخاص بمرحك بحث يمكن تطبيقها، لان محرك البحث هو خدمة مقدمة من جوجل
التوضيح (صورة):


الكود:
<a target="_blank" href="http://feeds.feedburner.com/RiddlersArticles" rel="alternate" type="application/rss+xml"><img width="88" style="border:0" src="http://feeds.feedburner.com/~fc/RiddlersArticles?bg=009900&fg=FFFFFF&anim=1" alt="ملف الخلاصات (RSS) - subsribe to my feed" height="26"/></a>
الشرح:
كود لإظهار عدد المتابعين الدائمين لموقعي عن طريق خدمة RSS المقدمة من موقع feedburner.com، وكذلك رابطاي يقود لصفحة الخلاصات RSS feeds
التوضيح (صورة):


الكود:
<form Method="POST" action="http://www.feedblitz.com/f/f.fbz?AddNewUserDirect">Email – ايميلك<br><input name="EMAIL" maxlength="255" type="text" size="20" value=""><br>
<input name="FEEDID" type="hidden" value="98984">
<input size="20" type="submit" value="Subscribe - اشترك"></form>
الشرح:
كود لمربع تضع فيه ايميلك لتشترك في متابعة بوستات الموقع باستمرار مع كل بوست جديد
التوضيح (صورة):


الكود:
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="235" height="75" src="http://www3.cbox.ws/box/?boxid=2337286&boxtag=6131&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#F6F3E0 1px solid;border-bottom:0px" id="cboxform"></iframe></div>
<div><iframe frameborder="0" width="235" height="225" src="http://www3.cbox.ws/box/?boxid=2337286&boxtag=6131&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#F6F3E0 1px solid;" id="cboxmain"></iframe></div>
</div>
<!-- END CBOX -->
الشرح:
كود الشات من موقع CBOX ولا يظهر إلا في الدومين الخاص بي، المربع هذا جزء من الخدمة المدفوعة والتي تكلف 2 دولار فقط شهريا
التوضيح (صورة):


الكود:
<div id="wx_module_389">
<a href="http://www.weather.com/weather/local/EGXX0004">حالة الجو في القاهرة - مصر</a>
</div>
<script type="text/javascript">

/* Locations can be edited manually by updating 'wx_locID' below. */
var wx_locID = 'EGXX0004';
var wx_targetDiv = 'wx_module_389';
var wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=C*BGI=spring*MAP=null|null*DN=www.mriddler.blogspot.com*TIER=0*PID=1026824881*MD5=89750e5c1622bd7e9d286d070d063af3';
document.write('<scr'+'ipt src="'+document.location.protocol+'//wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>');
</script>
</div>
الشرح:
كود لإظهار حالة الجو في مدينة القاهرة - مصر، بالألوان المناسبة لموقعي
التوضيح (صورة):


الكود:
<h2 class="sidebar-title" align="center">أنا بسمع</h2>
<li><a href="http://www.mazika.com/ar/NogoumFM.aspx" target="_blank">مزيكا على كيف كيفك</a></li>
<li><a href="http://streaming.nilefmonline.com/nrp?MSWMExt=.asf" target="_blank">Nile FM 104.2</a></li>
<li><a href="http://www.getnetradio.com/top40high.asx" target="_blank">عندك دي اس ال؟ روش Top40</a></li>
الشرح:
روابط لمحطات راديو على النت - راديو اونلاين للاستماع اليها وكلها تعمل على برنامج ميديا بلاير كلاسيك
التوضيح (صورة):


الكود:
<iframe name="Latest Weird News! Ya sater - آخر الاخبار الغريبة! يا ساتر" src="http://www.yasater.com/newbarnew.php" width=100% height="19" scrolling="no" border="0" frameborder="0">متصفحك لا يدعم الإطارات الداخلية، فضلا استخدم فايرفوكس</iframe>
<br>
<div width="100%"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>
<SCRIPT language=JavaScript>
<!--
var g=new Date(); g=g.getTime()%1000;
document.writeln('<iframe name="Al Jazeera Latest News أخبار موقع قناة الجزيرة" width=100% height=34 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/News_Grab/jazeera.php></iframe>');
// --></SCRIPT>
<iframe src="http://free.timeanddate.com/clock/i17kfg8f/n53/fn14/fs12/fc692/ftbu/tt0/tw1/tm1/td2/th2/tb2" frameborder="0" width="206" height="16"></iframe>
الشرح:
عدة أكواد لجلب الاخبار من مواقع اخبارية متميزة، مثل موقع ياساتر للاخبار الغريبة، والثاني من موقع العربية نت الشهير جدا، والثالث لأخبار موقع قناة الجزيرة العربية. وكود رابع لمعرفة الساعة والتاريخ بدقة تامة في جمهورية مصر (مدينة القاهرة) من موقع timeanddate.com.
التوضيح (صورة):


الكود:
<a href="http://www.culturewheel.com/Arabic/Default_a.htm" target="_blank"><img src="http://ar.culturewheel.com/sakia-logo.gif" alt="ساقية عبد المنعم الصاوي - تسقي فكرًا و ثقافة" /></a>
الشرح:
رابط للإشارة إلى موقع ساقية الصاوي - مركز ثقافي في القاهرة
التوضيح (صورة):


الكود:
Your IP is:<a href="http://mriddler.blogspot.com/search/label/ip" target="_blank"><img src="http://damasgate.com/vb/modules/IPadd.php" border="0"></a><br>
الشرح:
كود يعرف رقم الأي بي الخاص بك، ويذهب بك لصفحة تعرف منها بيانات وصلة الانترنت الخاصة بك بإدخال رقم الأي بي الذي يظهر لك الآن!
التوضيح (صورة):


الكود:
<a target="_blank" href="http://www.danasoft.com/sig/mriddler.jpg"><img width="223" height="101" alt="Your Privacy is Hacked!!" src="http://www.danasoft.com/sig/mriddler.jpg" /></a>
الشرح:
يظهر معلومات هامة جدا عن جهاز الكمبيوتر الخاص بك!
التوضيح (صورة):


الكود:
<!--************CODE GEOCOUNTER************-->
<script type="text/javascript" src="http://geoloc3.geovisite.com:82/private/geocounter.js?compte=146846617476"></script>
<noscript>
<a href="http://www.geovisite.com/zoom.php?compte=146846617476" target="_blank"><img src="http://geoloc3.geovisite.com:82/private/geocounter.php?compte=146846617476" border="0" alt="geolocation"></a><br>
<a href="http://www.geovisite.com/en/">geolocation</a>
</noscript>
<!--************END CODE GEOCOUNTER************-->
<br>
الشرح:
كود يعرف من أي بلد أتى زوار الموقع، ومن موجود اونلاين على املوقع الآن.
التوضيح (صورة):


الكود:
<script type="text/javascript" src="http://feedjit.com/map/?bc= 88BB22&tc=000000&brd1=FFFFFF&lnk=FFFFFF&hc=FFFEFE&dot=FF0000"></script>
الشرح:
خريطة سريعة لتعرف من أي بلد يأتي زوار الموقع
التوضيح (صورة):


الكود:
<table border="0" width="10" cellspacing="0" cellpadding="0" height="10" id="sidebar_buttns">
<tr>
<td>
<a target="_blank" href="http://webhostingdir.blogflux.com/"><img src="http://webhostingdir.blogflux.com/uptimeimage.php?id=57910" alt="Web Hosting Directory by Blog Flux" style="width:80px;height:15px;border:none;"></a>
</td>
<td>
<a href="http://www.blogazoo.com/?rid=5170" target="_blank"><img border="0" src="http://sb.typepad.com/photos/uncategorized/blogazoo.jpg"></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.blogtoplist.com/computers/" title="Computers blogs" target="_blank"><img src="http://www.blogtoplist.com/tracker.php?u=7004" alt="Computers blogs" border="0" /></a>
</td>
<td>
<!-- Site Meter XHTML Strict 1.0 -->
<script type="text/javascript" src="http://s46.sitemeter.com/js/counter.js?site=s46riddler"></script>
<!-- Copyright (c)2006 Site Meter -->
</td>
</tr>
<tr>
<td>
<script src="http://mapstats.blogflux.com/button.js.php?id=57910" language="JavaScript" type="text/javascript"></script>
<noscript><a target="_blank" href="http://mapstats.blogflux.com/57910.html"><img src="http://mapstats.blogflux.com/button.php?id=57910" alt="MapStats for RiddleR" border="0" /></a></noscript>
</td>
<td>
<a target="_blank" href="http://arabic-95187804455.spampoison.com"><img src="http://pics3.inxhost.com/images/sp_arabic.gif " border="0" width="80" height="15"/></a>
</td>
<tr>
<td>
<!-- ADDFREESTATS.COM REALCODE V4.0 -->
<script type="text/javascript">
<!--
var AFS_Account="00814831";
var AFS_Tracker="0001";
var AFS_Server="www8";
var AFS_Page="RiddleR's Articles: smart solutions, free thoughts & open source";
var AFS_Url="http://mriddler.blogspot.com/";
// -->
</script>
<script type="text/javascript" src="http://www8.addfreestats.com/cgi-bin/afstrack.cgi?usr=00814831">
</script>
<!-- ENDADDFREESTATS.COM REALCODE V4.0 -->
</td>
<td>
<p align="center">
<a href="http://extremetracking.com/open?login=mriddler" target="_blank"><img src="http://t1.extreme-dm.com/i.gif" style="border: 0;" height="38" width="41" id="EXim" alt="My eXTReMe Tracking" /></a>
<script type="text/javascript"><!--
var EXlogin='mriddler' // Login
var EXvsrv='s9' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=http://e0.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&",
"jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(parent.document.referrer)+" height=1 width=1>");//--></script>
</td>
</tr>
</table>
<table>
<!--THIS LINE OF CODE IS NEEDED ON FRAMED PAGES BEFORE THE COUNTER CODE-->
<script>var ExFd=5;</script>
<!--AFTER THIS PASTE THE HISTATS COUNTER CODE-->
<!-- Histats.com START -->
<script type="text/javascript" language="javascript">
var s_sid = 51362;var st_dominio = 4;
var cimg = 9;var cwi =110;var che =60;
</script>
<script type="text/javascript" language="javascript" src="http://s10.histats.com/js9.js"></script>
<noscript><a href="http://www.histats.com" target="_blank">
<img src="http://s4.histats.com/stats/0.gif?51362&1" alt="free site stat" border="0"></a>
</noscript>
<!-- Histats.com END -->
</table>

<script language="JavaScript" src="http://www.gvisit.com/record.php?sid=3bab5e400ac15afb2fd0922339a8746e" type="text/javascript"></script>

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2426572;
var sc_invisible=0;
var sc_partition=23;
var sc_security="2a7a246f";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c24.statcounter.com/counter.php?sc_project=2426572&java=0&security=2a7a246f&invisible=0" alt="how much traffic is going to my site" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

<table>
<!--- <WEBSTAT> --->
<script type="text/javascript" src="http://www.statswebtown.com/includes/webstat.js"></script>
<script type="text/javascript"><!--
document.write("<img src='http://www.statswebtown.com/webstat.php?sid=379&browser="+escape(browser)+"&os="+"&os="+escape(os)+"&resolution="+escape(resolution)+"&colors="+escape(colors)+"&referer="+escape(referer)+"' border=0 height=1 width=1>");
//--></script>
<!--- </WEBSTAT> --->
</table>

<table>
<a href="http://purl.oclc.org/NET/tortureinegypt/eg-vs-torture-event"><img src="http://purl.oclc.org/NET/tortureinegypt/eg-vs-torture-billboard" title="مصريون ضد التعذيب" alt="مصريون ضد التعذيب" style="border: none; width: 120px; height: 240px;" /></a>
</table>

<table>
<a target="_blank" href="http://archive-sfx.spreadfirefox.com/?q=affiliates&id=214596&t=223"><img border="0" alt="Foxkeh banners for Firefox 2" title="Foxkeh banners for Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/foxkeh-fx2-180x60.png" /></a>
</table>

<font size="1" color="white">
<center><a href="http://www.ChangingLINKS.com">Changing LINKS</a></center>
</font>
الشرح:
ازرار لمواقع صديقة أو دلائل مواقع للمدونات، وكذلك اكواد عديدة لمواقع تقوم بتحليل زوار الموقع، وتعطيك تقارير مفصلة جدا عنهم، مثل: sitemeter.com و addfreestats.com و extremetracking.com و HISTATS و gvisit.com و statcounter.com و statswebtown.com.
التوضيح (صورة):


الكود:
<!-- End sidebar -->
</div>

<!-- End content -->
</div>
الشرح:
اغلاق جميع التاجات المفتوحة وتنبيه بالجزء التي يتم اغلاقه
التوضيح (صورة):
لا توجد

الكود:
<div id="footer">
</div>
الشرح:
بين هذين السطرين تضع ما تريد ليظهر في ذيل المدونة بعرض الصفحة كاملة
التوضيح (صورة):
لا توجد

الكود:
<!-- End wrapper -->
</div>

</body>
</html>
الشرح:
تنبيه بغلق ال wrapper واغلاق تاج <div>، ثم غلق تاج الجسم كله <body> وانهاء الصفحة كاملة بالتاج </html>

ملاحظات:
جميع وظائف التاجات في classic blogger - بلوجر القديم

Read more - باقي الموضوع
Share on Facebook - شاركها على الفيس بوك الكاتب: RiddleR at 8:55 ص 13 تعليقات
التسميات , , , , , , , , , , , , , , , , , ,

الجمعة، يناير 16، 2009

"We Will Not Go Down" by Michael Heart

"We Will Not Go Down", song for Gaza by Michael Heart
عازف الجيتار والمغني الأمريكي (مايكل هارت) قام بكتابة هذه الأغنية وتوزيعها واهدائها إلى أهل غزة. ولم يكتفى بذلك و لكنه يدعو لجمع تبرعات لاهل غزة لرفع المعاناه عن الشعب الفلسطينى انشروها لدعم غزة ودعم من يساندها


Lyrics :
WE WILL NOT GO DOWN (Song for Gaza)
(Composed by Michael Heart)
Copyright 2009

A blinding flash of white light
Lit up the sky over Gaza tonight
People running for cover
Not knowing whether they’re dead or alive

They came with their tanks and their planes
With ravaging fiery flames
And nothing remains
Just a voice rising up in the smoky haze

We will not go down
In the night, without a fight
You can burn up our mosques and our homes and our schools
But our spirit will never die
We will not go down
In Gaza tonight

Women and children alike
Murdered and massacred night after night
While the so-called leaders of countries afar
Debated on who’s wrong or right

But their powerless words were in vain
And the bombs fell down like acid rain
But through the tears and the blood and the pain
You can still hear that voice through the smoky haze

We will not go down
In the night, without a fight
You can burn up our mosques and our homes and our schools
But our spirit will never die
We will not go down
الترجمة العربية:
لن ننهزم (أغنية من أجل غزة)
(كلمات: مايكل هارت)
حقوق النسخ : 2009
ترجمة : محمد صلاح

ومضة لامعة من الضوء الأبيض
أضاءت سماء غزة الليلة
والناس تجري بحثا عن الحماية
غير عالمين أحياءا كانو أم أمواتا

جاءوا بدباباتهم وطائراتهم
مع لهيب ناري يجتاح الكل
ولا يبقى ولا يذر
إلا من صوت يتصاعد للضباب الداخن

لن ننهزم
في جنح الليل، دون قتال
يمكنك حرق مساجدان ومنازلنا، وحتى مدارسنا
لكن روحنا لن تموت أبدا
لن ننهزم
في غزة الليلة

النساء والأطفال على حد سواء
يقتلون ويذبحون ليلة بعد ليلة
ومن يدعون قادة البلدان بعيدين
يناقشون من المخطئ ومن المصيب

لكن كلماتهم الضعيفة دهبت هباءا
وهبطت القنابل كالمطر الحمضي (المميت)
وفي خضم الدمموع والدماء والآلام
مازال يمكنك سماع الصوت عبر الضباب الداخن

لن ننهزم
في جنح الليل، دون قتال
يمكنك حرق مساجدان ومنازلنا، وحتى مدارسنا
لكن روحنا لن تموت أبدا
لن ننهزم

ترجمة أخرى لأغنية ”لن نركع“:
وميض من ضوء أبيض يعمي الأبصار/أضاء سماء غزة الليلة/يجري الناس طالبين الملاذ /لا يعرفون إن كانوا موتى أم أحياء / جاءوا بدباباتهم وطائراتهم /ونيران ثائرة مدمرة / ولا شيء يبقى / سوى صوت من بين ضباب الدخان:/ لن نركع / هذه الليلة.. دون قتال / يمكنكم حرق مساجدنا ومنازلنا ومدارسنا / لكن أروحنا لن تموت / لن نركع / دون قتال.. في غزة الليلة.. / النساء والأطفال / يُقتلون ويُذبحون ليلة بعد ليلة / فيما يتجادل القادة المزعومون في بلاد بعيدة / بحثا عن المخطئ والمصيب لكن كلماتهم العاجزة كانت بلا جدوى / وسقطت القنابل مثل المطر الحمضي / ولكن بين الدموع والدماء والألم / مازال يمكنك سماع هذا الصوت من بين ضباب الدخان / لن نركع / هذه الليلة.. دون قتال / يمكنكم حرق مساجدنا ومنازلنا ومدارسنا /لكن أروحنا لن تموت/لن نركع/دون قتال.. في غزة الليلة..
Read more - باقي الموضوع
Share on Facebook - شاركها على الفيس بوك الكاتب: RiddleR at 10:39 م 2 تعليقات
التسميات , , , , , , , , , , , , , , , , ,

الجمعة، يناير 02، 2009

Randy Pausch - The Last Lecture

Randy Pausch - The Last Lecture : راندي باوش - المحاضرة الأخيرة
يقول الطالب السعودي بأمريكا: باسل السدحان (المصدر: http://www.saudiforum.us/vb/showthread.php?t=50088)
المحاضرة الأخيرة
دخلت قبل أيام على مديري في مكتبه أثناء فترة عملي الصيفي في شركة بي بي إن الأمريكية، فوجدت على مكتبه كتاب بعنوان "المحاضرة الأخيرة" "The Last Lecture" لمؤلفه راندي باوش Randy Pausch أستاذ علوم الحاسب بجامعة كارنيجي ميلون[1]. ففطن لانتباهي للكتاب وذكر لي أن حماته نصحته بقراءة الكتاب، وسألني إن كنت أعرف المؤلف، فابتسمت وقلت له أنسيت أني أدرس في نفس الجامعة التي كان يعمل بها؟ ثم أضفت أني حضرت محاضرته الأخيرة. فبدت علامات الدهشة على وجهه وقال أنه سيخبر حماته وأنها ستكون أيضا في غاية الدهشة!
فما سبب اندهاش مديري وحماته؟ وما قصة الدكتور راندي باوش والذي عدته مجلة تايم مؤخرا من ضمن أكثر مائة شخصية مؤثرة في العالم؟ وما قصة محاضرته وكتابه والذي ترجم لأكثر من ثلاثين لغة وحقق أعلى المبيعات؟
القصة بدأت يوم الثلاثاء 18\9\2007 م عندما بدأت الجامعة سلسلة محاضرات بعنوان رحلات Journeys يذكر فيها أساتذة الجامعة تجربتهمالشخصية ورحلتهم في النجاح، لكن محاضرة ذلك اليوم بعنوان "حقق أحلام طفولتك" كانت من نوع آخر، فأكثر من شخص امتدح المتحدث وحث على الحضور. حتى أن المشرف على بحث رسالتي للدكتوراة أرسل لطلبته رسالة قبل أكثر من أسبوع يحثهم على الحضور المبكر، وأضاف عبارة لم نفهما وقتها عندما ذكر أن محاضرته ستكون بمثابة المحاضرة الأخيرة.
وفي صباح يوم المحاضرة فهمت ماذا قصد، إذ علمت أن المتحدث تم تشخيصه بسرطان البنكرياس للمرة الثانية الشهر الماضي، بعدما تعافى من إصابته السابقة قبل فترة بسيطة، ولكن هذه المرة ذكر له الأطباء أنه لا علاج له وأنه لم يتبقَ في حياته إلا ثلاثة إلى ستة أشهر، فكانت هذه المحاضرة بمثابة المحاضرة الأخيرة له في حياته. لم يكن الأستاذ متقدما في العمر فقد كان عمره 47 عاما، وهو متزوج وأب لثلاثة أطفال كلهم كانوا دون الخامسة من العمر.
طبعا لم أفوت مثل هذه الفرصة لحضور مثل هذه المحاضرة بل وطلبت من زوجتي أم ماجد أن تحضر معي وفعلا حضرت. وصلنا لمبنى القاعة وكان عدد الحضور مهولا والناس مصطفين في صف طويل جدا قبل بدء المحاضرة بأكثر من نصف ساعة لدخول القاعة، حتى أننا خشينا أن تمتلأ القاعة قبل دخولنا لها، ولكننا استطعنا الدخول وجلسنا في مقعدين في آخر المدرج.
لن أستطيع استعراض كل ما ذكر الدكتور باوش في محاضرته، والتي أنصح الجميع الجميع بمشاهدتها لما من فوائد جمة حول إدارة حياة الشخص. ولكن سأذكر بعضا مما أدهشني في المحاضرة، بداية نفسية راندي باوش المذهلة، وكيف أنه بدأ المحاضرة بالإشارة إلى أنه في وضع صحي ممتاز من خلال عمل تمارين الضغط باليدين، ثم إشارته إلى أنه لا يملك اختيار القدر ولكنه يملك كيفية التعامل معه، هذا عدا إخلاصه وجهده في إعداد وإلقاء المحاضرة، والدروس التي تعلمها في حياته، وإظهاره لتقديره لزوجته، وخاتمته المؤثرة بخصوص أطفاله الثلاثة، وفوق هذا مرحه أثناء هذه الفترة الحرجة.
مما استوقفني كذلك بعض ما عكسته لي المحاضرة حول شرائح من المجتمع الأمريكي أظن أن كثيرا من الطلبة لم يكنيعتقد بوجودها عندما جاء لهذه البلاد. فمثلا الصورة التي لدى كثير من الطلبة عند مجيئه لأمريكا وحتىبعد بقائه فيه لسنوات أن الشعب الأمريكي مادي ولا يوجد لديه مشاعر الحنان أو العطف أو الاهتمام بالأسرة. وهذا السلوكيات المادية نعم موجودة، ولكن لدى شريحة من الشعب وليس كامله، فهناك من الأمريكيين من تكون الأسرة هي همه الأول، ومشاعر الصداقةلديه عالية، والبعد عن المادية والإخلاص في العمل من أجل نفع الآخرينديدنه. غالب هذه الملاحظات تجلت وتأكدت لي من خلال الكلمات التي ألقاها معارف الدكتور باوش قبل وبعد المحاضرة، ومن خلال المحاضرة نفسها.
بعد إلقاء المحاضرة طارت الركبان بها، فالدكتور باوش استضيف من قبل مقدمي برامج مشهورين مثل أوبرا، وديان سوير. حتى أن مدير الجامعة في محاضرة لاحقة له في الفصل الثاني ذكر أنه خلال زيارته للهند سألوه من قابلوه عن هذه المحاضرة وعن صحة باوش. وحسب التقديرات فإن عدد من شاهد المحاضرة في أنحاء العالم عبر الإنترنت هو عشرة ملايين![2]
الدكتور راندي باوش عاش أكثر من 6 أشهر بعد تشخيصه بالسرطان، واستضافته جامعته في حفل الخريجيين قبل شهرين مع نائب الرئيس الأمريكي السابق آل جور لإلقاء كلمة للخريجين. كانت كلمة قصيرة ولكنها مليئة بالعبر، كان مما قال أن المرء ليس بعدد السنين التي يحياها إنما بما يعمل... أن الشخص عند وفاته لن يندم على ما قام به ولكن على ما لم يقم به... على كل واحد فينا أن يبحث عن أمر يهواه مهما طالت مدة البحث بدلا من انتظار الأجل... وأوضح أنك لن تجد ما تهواه بامتلاك الأمور المادية أو المال إذ سيكون هناك دائما من يمتلك أكثر منك... وأضاف أن ما يمد هواك بالوقود يجب أن يأتي من داخلك... وأكد على أهمية ارتباط هواك بالناس وبعلاقاتك معهم... وختم كيف أن زوجته كان هواه في حياته...
هذه هي قصة المحاضرة الأخيرة...
عودة لمكتب مديري...
دخل علينا موظف آخر يعمل معنا في المشروع ولاحظ حديثنا عن كتاب راندي باوش، فعرفه وذكر أنهما كانا يلعبان كرة السلة معا عندما كانا طلبة في الجامعة وذكره بخير. ثم أضاف أن أعز أصدقائه أصيب أيضا بسرطان البنكرياس وتوفي قبل سنوات بسيطة. الملفت في الأمر أن هذا الموظف يلبس في يده سوار مطاطي أصفر اعتاد على لبسه عدد من الأمريكيين للتوعية بأمراض السرطان ولإبداء تعاطفهم مع المصابين، ورغم أن هذه العادة خفت بشكل كبير في أمريكا، إلا أن صاحبنا ما زال يلبس هذا السوار المطاطي في يده اليمنى وفاء لصديقه الذي مات.
بعد هذه الحادثة في مكتب مديري بأيام وصلني عبر البريد الإلكتروني رسالة أرسلها مدير جامعة كارنيجي ميلون لمنسوبيها صباح يوم الجمعة 25\7\2008 م ينعي فيها الدكتور راندي باوش ويذكر إنجازاته وأثره على الجامعة قبل وبعد مرضه.
تسائلت عندها كم من معارفه سيلبس سوار مطاطيا وفاء له؟

[1] للكتاب مؤلف مشارك وهو جيفري زاسلو من مجلة الوول ستريت.
[2] http://www.youtube.com/watch?v=ji5_MqicxSo

أما حنان الهاجري فكتبت في القبس تقول: (المصدر: http://www.alqabas.com.kw/Article.aspx?id=417878)
راندي باوش... وداعا
عرفت على راندي باوش قبل أشهر وذلك بعد أن نصحتني استاذة لي في الجامعة في نيويورك بالاطلاع على محاضرته الأخيرة عبر الانترنت. كانت تريد من تلك النصيحة أن تساعدني على رؤية الصورة الأكبر للحياة وذلك عندما تضيق علينا فسحة الأمل بين حين واخر كمغتربين معتقين خارج حدود الوطن. أخذت بنصيحتها وكرست أكثر من خمس واربعين دقيقة من وقتي الذي كنت أضن به على كل الأنشطة التي لا تقع ضمن خريطة البحث الدراسي لمشاهدة تلك المحاضرة التي ألقاها باوش في احدى قاعات جامعة كارنيغي ميلون في شهر سبتمبر الماضي. مرت الدقائق وأنا مشدودة لكل كلمة ولكل حركة تصدر عن أستاذ علوم الكمبيوتر في جامعة كارنيغي ميلون راندي باوش الذي أعلن للجميع في محاضرته تلك أنه مصاب بمرض السرطان ولم يتبق له كثير من الوقت في دنيانا. كان راندي أول مصاب بمرض السرطان أراه بتلك المعنويات العالية، فقد كان يروي قصصا وحكايات عن حياته وذلك ضمن اطار واحد هو أحلام طفولته. تحدث الاستاذ عن تلك الأحلام وكيف تمكن من تحقيق الجزء الأعظم منها خلال رحلته القصيرة في الحياة التي لم تتجاوز سبعة وأربعين عاما فألهم ملايين البشر في شتى أنحاء العالم. أصبحت محاضرته تلك الأكثر مشاهدة عبر موقع يوتوب، وتسابقت وسائل الاعلام من أجل الحصول على مقابلة معه ولكن كانت المقابلتان التي أجرتهما معه دايان سوير هما الأكثر انسانية لأنهما حدثتا في فترة لم تتعد الأشهر، ولكن كان التغير الذي طرأ على راندي كبيرا وان بدا من هيئته الخارجية كأي انسان معافى رغم تآكله من الداخل. تحدث راندي مع سوير عن رسالة تلقاها من شخص كان على وشك ان يزهق روحه انتحارا، ولكنه قرر الا يفعل بعد أن شاهد محاضرة راندي وشعر بالخجل إزاء قراره هذا، بينما راندي يصارع الموت من أجل أن يحظى بدقيقة أخرى مع أسرته. بعد مشاهدة تلك المحاضرة قرأت عن نشرها عبر كتاب وصل في الاسبوع الأول لصدوره في أبريل الماضي الى صدارة المبيعات في الولايات المتحدة. بعد ايام من صدور الكتاب كنت في إحدى دور الكتب التجارية في منهاتن أحاول أن أقتل بعضا من الوقت فتوقفت عيناي على كتاب لا ينتمي الى مجموعة الكتب التي وضع فوقها، كان كتاب راندي. لم أجد الكتاب ولكنه وجدني فانتهيت من قراءته في يوم واحد فقط، تعرفت فيه على راندي باوش واسرته وفلسفته في الحياة عن قرب. الأهم أن راندي كتب بتفاصيل أكثر عن كيفية تمكين الاخرين من تحقيق أحلام طفولتهم، لأنه في نهاية الأمر ستعود الينا أعمالنا بالنفع ولو بعد حين. تحدث عن طلابه وعن ايمانه بهم وبقدراتهم وكيف انه لم يفقد الأمل في أحدهم رغم ظهور بعض العلامات التي استدعت الادارة الجامعية لتوجيه انذار له تمهيدا لفصله! الطالب هذا تخرج تحت اشراف راندي باوش وأصبح واحدا من أهم العقول المبتكرة في ديزني لاند الان، وهي وظيفة تتقاتل للحصول عليها النخبة. وأنا أقرأ كتابه كنت أعد نفسي بأن أقتدي به كمعلم جيل، ادى واجبه تجاه طلبته وأفنى عمره من أجل أن يترك بصمته على حياة كل من تعامل معه على الصعيدين العملي والانساني. كنت أتذكره بين حين وآخر وأدعو الله أن يكون بخير وأن يكون العلم الحديث قد اكتشف خلال الأشهر القليلة الماضية دواء سحريا لمعالجة السرطان. قبل أيام كنت أقلب الكتب الصادرة بالأسبانية في إحدى المكتبات التجارية في العاصمة الأرجنتينية بوينس ايرس، وأنا أحس بنوع من الضياع لأنني لا أعرف معظم هؤلاء الكتّاب وتبدو اصداراتهم بعيدة قلبا وقالبا عني، فأخذت خطوة الى الوراء من أجل اعادة الحسبة قبل أن أقرر شراء أي من كتب هؤلاء الغرباء! فكدت أن أطيح بجبل من الكتب كان يرتفع مترا عن الارض. وضعت يدي على قمة هذا الجبل موقفة حركة اهتزازه فاذا به جبل مكون من نسخ من كتاب راندي باوش مترجم للغة الأسبانية. مرة أخرى لم أجد كتاب راندي بل هو وجدني.. ابتسمت ودعيت له أن يكون على قيد الحياة والاّ يكون الألم متمكنا منه ولكن لم يمض يومان حتى قرأت خبر نعيه. راندي باوش.. وداعا، وأيضا راندي باوش...شكرا. شكرا لك لأنك أشعلت شمعة لم تنطفئ في عتمة الغربة. شكرا لك لأنك أمنت بالاخرين ومكنتهم من تحقيق أحلامهم. شكرا لك لأنك كنت أمينا على طلابك وشكرا لك لأنك منحت الملايين أملا ولم تنشغل بصغائر الأمور أو باشعال الحروب بين البشر من أجل أن تصل على أكتاف اي منهم. شكرا لك لأنك كنت نموذجا يحتذى للانسان عندما يحلم ويعمل من أجل تحقيق حلمه رغم العوائق التي كنت تقول عنها إنها وضعت في الطريق من أجل ايقاف مسيرة الاخرين...لا نحن.

وكتبت هبة زكريا لموقع إسلام أون لاين (المصدر: http://www.islamonline.net/servlet/Satellite?c=ArticleA_C&cid=1217798750869&pagename=Zone-Arabic-News/NWALayout)
على حافة الموت.. يعلم الملايين الحياة!
نثر رحيق الأمل في الحياة وهو يعاني من سكرات الموت على أكثر من 6 ملايين إنسان حول العالم، فأحيت كلماته ذكراه بعدما ذهب إلى عالم النسيان.. إنه راندي باوش صاحب "المحاضرة الأخيرة".
أستاذ علوم الحاسب الآلي بجامعة كورنجي ميلون الأمريكية وقف ليلقي محاضرته الأخيرة على 400 من طلابه، بعدما علم من الأطباء أنه لم يبق له في الحياة سوى 6 أشهر بسبب سرطان البنكرياس الذي أصابه قبل عام ولم يجد معه الدواء نفعا.
وقرر راندي (47 عاما) أن تكون محاضرته الأخيرة بعنوان: "كيف تحقق أحلام الطفولة"، وقال لطلابه: إنه "لن يتحدث فيها عن الموت.. بل الحياة"، ومدللا على ذلك بالابتسامة التي علت وجهه أثناء المحاضرة، والحيوية التي تميز بها ودفعته إلى أداء تمرينات رياضية تتطلب لياقة عالية.
وقال راندي وهو يؤدي تلك التمرينات على المنصة المواجهة لطلابه: "يؤسفني أن أخيب أملكم في ألا أكون بائسا وضعيفا، فها أنا ذا في كامل لياقتي من الخارج، ولكن السرطان يرعى في جسدي من الداخل".
"إنْ كان في الغرفة فيلٌ، قدّمه للآخرين".. ذكر راندي -الذي استضافته الإعلامية الأمريكية الشهيرة أوبرا وينفري في برنامجها ليقدم محاضرته مرة أخرى لجمهورها- هذه الكلمات التي قالها له والده وهو يواجه طلابه بحقيقة المرض الذي أصابه مقدما لهم الفيل/السرطان.
ورغم ذلك دارت محاضرة راندي -التي شاهدها أكثر من 6 ملايين شخص عبر موقع يوتيوب الإلكتروني وبرنامج "أوبرا شو" التلفزيوني- حول الاحتفاء بقيمة الوقت والحياة والحب والأسرة، والتواصل مع الآخرين حتى في أشد ساعات العمر قتامة.
وتحققت الأحلام
"معظمنا لديهم أحلام طفولة.. كأن تصبح رائد فضاء أو صانع أفلام.. لكن للأسف معظم الناس لا يحققون أحلامهم، وفي اعتقادي هذا أمر مخز؛ فقد كانت لدي أحلام معينة في طفولتي وحققت معظمها فعلا.. حتى حلمي الأخير كاد ألا يتحقق قبل عشر سنوات، إلا أن زوجتي الحبيبة جاي ساعدتني في تحقيقه بموافقتها على الزواج مني".. هكذا بدأ راندي يروي قصة نجاحه في الحياة لطلابه.
وراح الزوج المحب والوالد لثلاثة أطفال لم يبلغ أكبرهم العاشرة بعد يستعرض مع طلابه صورا من طفولته قائلا: "لاحظت وأنا أتصفح ألبوم العائلة أنني لم أبد في أي صورة متجهما.. بل كنت دائما مبتسما".
وأخذ يسرد النقاط المحورية والسعيدة التي كان لها أثر كبير على تطوره النفسي والعلمي والنجاح الذي حققه في حياته القصيرة، فتحدث عن والديه ذاكرا واقعة أثرت فيه للغاية؛ إذ كان يرغب وهو طفل في الرسم على جدران غرفته وسقفها وتزيينها بصور من مخيلته، ووالداه يعارضان ذلك.
وحصل راندي على موافقة والديه بعد مناقشات طويلة معهما، وراح يكتب معادلات رياضية بتنسيق جمالي، ويرسم صورا على الجدران والسقف تعبر عن أحلامه؛ ما حقق له سعادة بالغة من هذا الحلم الذي ناله في صغره وحسده عليه أصدقاؤه.
وروى راندي أيضا أنه كان من بين أحلامه أن يتواجد في مكان تنعدم فيه الجاذبية، ولقد نجح في تحقيق ذلك عندما دخل غرفة تدريب رواد الفضاء.
ومن بين الأحلام الأخرى التي حققها الأستاذ المعروف بتفوقه العلمي ومخيلته الباهرة أنه تمكن من العمل في شركة ديزني لاند كمصمم ضمن فريق "التخيليين"، وعمل أستاذا مشرفا ومبتكرا لبرنامج سمّاه "الحقيقة الافتراضية"، فضلا عن عمله كخبير تكنولوجي متعاون مع شركة "جوجل" وغيرها من الشركات الكبرى.
وأنشأ راندي مركزا لعلوم الحاسب الآلي ليساعد أولئك الذين لديهم اهتمامات في هذا المجال على تحقيق أحلام طفولتهم.
كتاب ومحاضرة
وفي ربيع 2008 بعد نحو 6 أشهر من إلقائه محاضرته في 18 سبتمبر 2007، نشرت دار "هايبرون" الأمريكية الشهيرة كتابا بعنوان "المحاضرة الأخيرة" لراندي باوش والكاتب الصحفي بجريدة "وول ستريت" جيفري زاسلو، حقق أعلى مبيعات في أمريكا على مدة عدة أسابيع متوالية، وترجم لعدة لغات.
وأوضح راندي أنه وافق على نشر الكتاب بعد إلحاح زوجته جاي جلاسجو، وبدافع من آلاف الرسائل التي تلقاها بعد محاضرته الأخيرة، يخبره مرسلوها برغبتهم في أن يعرف أن كلماته ساعدتهم والكثير من أحبائهم على اجتياز مواقف صعبة في الحياة من بينها الإصابة بمرض السرطان.
وفي كتابه يقول راندي إنه واجه اعتراض زوجته على إلقائه محاضرته الأخيرة لحرصها على عدم تفويته أي لحظة مما تبقى له بعيدا عنها وعن أولاده بقوله: "هذه المحاضرة هي فرصة للأسد ليجرب إن كان لا يزال يستطيع الزئير"، موضحا لها أهمية أن يترك تسجيل المحاضرة وحصيلة تجربته في الحياة لأولاده حين يكبرون، دون أن تتاح له فرصة تعليمهم شيئا، ومساعدتهم على ابتكار أحلامهم وتحقيقها.
وتابع: "هناك أشياء كثيرة أريد أن أخبرها لأطفالي الآن، ولكنهم صغار جدا ولن يستوعبوها، (ديلان) أصبح عمره 6 سنوات، و(لوغان) 3 سنوات، والبنت الصغرى (شيلو) 18 شهرا، أريد أن يعرف أطفالي من أنا، وما الذي كنت أومن به، والطريقة التي كنت أحبهم بها.. يؤلمني أنهم سيكبرون بلا أب، وأحيانا أبكي وحدي لأن هذا سيحدث لهم". ولم يتوقف راندي الذي صنفته مجلة "تايم" الأمريكية من بين أكثر 100 شخصية تأثيرا في العالم عن تحديث مدونته على الإنترنت حتى أيامه الأخيرة، وكان آخر ما كتبه فيها بتاريخ 26 يونيو 2008 أنه توقف عن تناول الجرعات الكيميائية لآثارها الجانبية العكسية.
وعاش راندي باوش -الذي ولد في 23 أكتوبر 1960 واختارته شبكة "إيه بي سي نيوز" الإخبارية الأمريكية كواحد من أهم ثلاث شخصيات لعام 2007- خمسة أشهر زيادة عن الفترة التي حددها له الأطباء، قبل أن توافيه المنية بمنزله في ولاية فرجينيا في 25 يوليو الماضي.

وفي مشاركة بإسم قصة كتاب (المصدر: http://forum.ma3ali.net/t347965.html)
كتبت ترفّق: قصة كتاب
طُلب من البروفيسور محاضرة روتينية تُطلب في العادة من الأساتذة الكبار يسمونها " المحاضرة الأخيرة ", ليترك فيها شيئا من دروس الحياة الكبرى للأجيال فيما يظهر لي. شخّص الأطباء أن البروفيسور باوش مصاب بالسرطان في مراحله النهائية, وفي أغسطس الماضي 2007م أخبروه بأنه لن يعيش أكثر من ستة أشهر. قدّم باوش محاضرته والتي كانت بالفعل " المحاضرة الأخيرة ".. لقيت صدى واسعا جدا. وكانت السبب في قيام أحد الصحفيين بتأليف كتابنا اليوم مشاركةً مع باوش. وأكثر من ستة ملايين شخص شاهدوا هذه المحاضرة على الشبكة العنكبوتية..
في الموقع الخاص بالكتاب, وعند التعريف به ورد ما يلي :
كثير من الأساتذة يلقون كلمة بمسمى "المحاضرة الأخيرة", حيث يُطلب منهم عادة أن يعتبروا أنفسهم سيغادرون, كما يطلب منهم أن يتأملوا أهم الأحداث التي مرت بهم. ليجيبوا الحاضرين خلال حديثهم عن سؤالين :
ما الحكمة التي نمنحها للعالم لو علمنا أن هذه المحاضرة هي آخر محاضرة لنا ؟
لو سنموت في الغد, ماذا نريد أن يبقى كوصية منا, وميراث عنا ؟
محاضرته التي ألقاها : " الوصول الحقيقي لأحلام طفولتك " لم تكن عن الموت! لقد كانت عن أهمية التغلب على العقبات وأهمية المساعدة في تحقيق أحلام الأخرين, وأهمية استغلال كل لحظةفي الحياة.. (لأن الوقت هو ما تمكله, وربما تجد يوما ما أن أن لديك أقل مما تظن منه). لقد كانت المحاضرة الأخيرة محصلة كل ما توصل باوش إلى الاعتقاد به.
في هذا الكتاب, جمع راندي باوش بين الفكاهة والإلهام والذكاء مما جعل من محاضرته الأخيرة ظاهرة ملفتة, وأعطاها صورة يصعب نسيانها, وستتداول الأجيال القادمة هذا الكتاب." بقي أن أشير إلى شريكه في التأليف جيفري زاسلو..
جيفري زاسلو صاحب عمود صحفي في صحيفة " وول ستريت " The Wall Street Journal حضر هذه المحاضرة, وهو أحد خريجي الجامعة القدامى فكتب قصتها بالتعاون مع باوش بطريقة أثّرت على الاهتمام بها بشكل كبير على مستوى العالم.

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

إذا كنت تريد المحاضرة فقط بدون السكريبت، قم بتحميل أجزاء المحاضرة فقط ولا تحمل الملف الإضافي.
أولا قم بتحميل الأجزاء الستة للمحاضرة من أي من الروابط الآتية:
الجزء الأول - الجزء الثاني - الجزء الثالث - الجزء الرابع - الجزء الخامس - الجزء السادس
تحميل المحاضرة على جزء واحد - تنبيه! السكريبت لا يعمل معها
والآن قم بتحميل السكريبت للأجزاء كلها من هنا - وكذلك ستجد ملفات تشغيل المحاضرة
الآن قم بفك الضغط عن الملف randy_pausch.zip وضع كل محتوياته في نفس المجلد الذي به الحلقات.
الآن لديك مجلدا واحدًا يحتوى على الملفات الآتية - كما في الصورة
بمجرد فتح الملف index ستجد جدول المحتويات ومشغل الفيديو
ملاحظة 1: لو ظهرت لك رسالة في أعلى المتصفح كما في الصورة، اضغط عليه بالماوس واختر الإختيار الأول ثم اضغط OK
ملاحظة 2: وبالطبع يجب أن يكون لديك مشغل الفلاش من أدوبي
يمكنك التنقل بين الأجزاء من جدول المحتويات في العمود الأيمن.
أدوات التحكم في مشغل الفيديو:
1 - لتكبير المشغل ملء الشاشة
2 - لتشغيل أو إخفاء السكريبت
3 - التحكم في الصوت
4 - زر التشغيل Play

لو تريد مشاهدة المحاضرة مباشرة/أونلاين - بدون تحميل - يمكنك الذهاب للصفحة التالية، مع السكريبت الإنجليزي أيضًا
روابط أخرى:
موقع المحاضرة الأخيرة - The Last Lecture
The Legacy of Randy Pausch and His Lecture Videos
Carnegie Mellon University - Randy Pausch
راندي باوش على ويكيبيديا الإنجليزية - العربية
تحقيق أحلام طفولك على ويكيبيديا الإنجليزية

Read more - باقي الموضوع
Share on Facebook - شاركها على الفيس بوك الكاتب: RiddleR at 1:48 ص 1 تعليقات
التسميات , , , , , , , , , , , , , , ,
الاشتراك في: الرسائل (Atom)