الاثنين، يناير 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 - بلوجر القديم

هناك 13 تعليقًا:

  1. شكرا جزيلا أريد أن أعرف كيف أضع كود الجزيرة كشريط إخباري أعلى مدونة بلوجر وأيضا شات وتقبل فائق إمتناني،،،،

    ردحذف
  2. ادخل بلوجر ودوس على كلمة Layout في الصفحة بتاعتك - بعدين دوس Add a Gadget
    واختر النوع HTML/JavaScript Add وضع الكود دا كما هو:
    في هذه الصفحة:
    http://paste2.org/p/368616

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

    ردحذف
  4. لا أعتقد أنه يمكن يا أخي لكن الصراحة أعتقد أنك حتى لو أضفتها هتعمل مشاكل في الصفحة لأنها بذلك سوف تأخذ أولوية قبل كل الأكواد الأخرى في الصفحة..
    أما لو تحب انك تخليها تظهر بعرض الصفحة ممكن تعمل زي الكود اللي بيظهر في آخر مواضيعي تحت عنوان "From Russia من روسيا"

    ردحذف
  5. شكراً جزيلاً لكن لايوجد المطلوب في الموقع الذي ذكرت وتقبل خالص إمتناني وفائق تقديري،،،،،

    ردحذف
  6. الأخ/محمود ..كل عام وأنت بخير والحقيقة أن مدونتك باقة رائعة من المعلومات المفيدة لأصحاب المدونات والمواقع الإلكترونية فشكراً جزيلاً...وتقبل تحياتي الخالصة،،،

    ردحذف
  7. السلام عليكم يا استاذ محمد
    اولا احب اشكرك علي الشغل الجامد ده انا واحد من الناس استفدت كتير اوووووووووووي من الاكواد اللي انت منزلها فجزاك الله خيرا
    وارجو منك انك تساعدني في المشكله اللي قابلتها انا عملت مدونه علي بلوجر وغيرت الاستايل بتعها خليته زي استايل الفيس بوك وبعد كده نزلت فيديو عليها من اليوتيوب كل ده تمام بس المشكله لما اجي اضيفها(share) للفيس بوك صوره الفيديو ما بتظهرش ياريت يا باشا تديني كود اعالج بيه المشكله دي وجزاك الله خيرا
    اخوك رفيق زويل rmr_figo@yahoo.com

    ردحذف
  8. صوره الشير مابتظهرش thumbnial
    ولك جزيل الشكر

    ردحذف
  9. الأخ رفيق..
    عجبتني جدا فكرة الاستايل بتاع مدونتك
    http://ilovemohamad.blogspot.com
    لكن المشكلة إن دي مش بتتحل من بلوجر خالص
    المفروض لما تعمل شيرينج للبوست على الفيس بوك هتلاقي في صورة ظهرت وتحتها سهم رمادي تختار منه الصورة المناسبة...
    لكن انا لما حيت أعمله ظهرت لي صورة!!!

    يعني حطيت دا
    http://ilovemohamad.blogspot.com/2009/10/blog-post_06.html
    ظهرت صورة فضيلة الشيخ الشعراوي.

    ردحذف
  10. فكرة جميلة لكن ازاي احط موسيقى في المدونة:(

    ردحذف
  11. عاوزها تشتغل أول ما الناس تفتح الصفحة يعني؟

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

    http://arbtec.blogspot.com/

    ردحذف
  13. ممكن ايميلك أرسل لك عليه الطريقة؟

    ردحذف

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