تشاهدون الآن:
	موضوع:جداول مختلفة للإستخدام داخل مواضيع بلوجر.
	سلسلة:[أكواد مهمة للمدونين]
	نبذة:إنسخ و لصق كود الجدول.
	الصنف:دروس,أكواد,جافاسكريبت,بلوجر

بعدما كان لنا موضوع مع كيفية إضافة جدول الآن نستعرض وإياكم بعض أمثلة الجداول الجاهزة التي تنتظر الإستخدام.
الأمثلة التالية مستخدمة في مواقعنا.

أمثلة عن  الجداول:

---

جدول بسيط:

<div align="center">
<table border="1" cellpadding="5" cellspacing="5" width="600">
<tr>
<th colspan="2">خلية 1</th>
</tr>
<tr>
<td width="20%">خلية 2</td>
<td width="80%">خلية 3</td>
</tr>
<tr>
<td width="20%">خلية 2</td>
<td width="80%">خلية 3</td>
</tr>
</table>
</div>

النتيجة:

خلية 1
خلية 2	خلية 2
خلية 3	خلية 3

مع تغيير:
اللون البرتقالي بالنص الذي تريده.
اللون الأزرق بمقاسات الجدول والخلايا التي تريدها.
لمزيد  من التفاصيل إضغط هنا.

جدول معلومات موضوع:

<div align="center">
<table border="1" cellpadding="5" cellspacing="5" style="background-color: #84d41d; width: 600px;"><tbody>
<tr style="background-color: #cccccc; color: black;">
<th colspan="2"><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;">تشاهدون الآن:</span></span>
</th>
</tr>
<tr>
<th rowspan="4" style="background-color: #cccccc;" width="30%"><img height="260" src="http://1.bp.blogspot.com/-NO1F2Mwqh2U/T7bclvVr8BI/AAAAAAAABEM/ZjNF5Rtl1m4/s1600/BloggerCode.png" width="200" />
</th>
<td style="background-color: #cccccc; color: black;" width="70%"><span style="font-size: large;"><b style="font-family: Arial,Helvetica,sans-serif;">موضوع:</b></span>
</td>
</tr>
<tr style="background-color: #cccccc; color: black;"><td width="70%"><span style="font-size: large;"><b>سلسلة:</b></span><span style="font-size: large;"><b style="font-family: Arial,Helvetica,sans-serif;"></b></span></td>
</tr>
<tr style="background-color: #cccccc; color: black;"><td width="70%"><span style="font-size: large;"><b>نبذة:</b></span>
</td>
</tr>
<tr style="background-color: #cccccc; color: black;"><td width="70%"><span style="font-size: large;"><b>الصنف: </b></span>
</td>
</tr>
</tbody></table>
</div>

النتيجة:

تشاهدون الآن:
	موضوع:
	سلسلة:
	نبذة:
	الصنف:

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

جدول تصفح:

<div align="center">
<table border="1" style="background-color: black; width: 320px;">
<tbody>
<tr>
<td style="text-align: center;" width="25%"><a href="http://4you-4ever.blogspot.com/2012/05/different-tables-for-use.html" target=""><img height="50" src="http://2.bp.blogspot.com/-tIIPc7WxbhE/TzWDQPodLxI/AAAAAAAAAZI/aGiBbqjiPqM/s1600/previous.gif" style="background-color: white;" width="100" /></td>
<td style="text-align: center;" width="25%"><a href="http://4you-4ever.blogspot.com/2012/05/different-tables-for-use.html" target=""><img height="50" src="http://3.bp.blogspot.com/-LQZZbaQrabQ/TzWDPwiIGmI/AAAAAAAAAZE/7sye1pt9D-I/s1600/fahres.gif" style="background-color: white;" width="100" /></td>
<td style="text-align: center;" width="25%"><a href="http://4you-4ever.blogspot.com/2012/05/different-tables-for-use.html" target=""><img height="50" src="http://3.bp.blogspot.com/-ak1PZzR4CWk/TzWDP62TvoI/AAAAAAAAAZM/ver7Fva8wGM/s1600/next.gif" style="background-color: white;" width="100" /></td>
</tr>
</tbody></table>
</div>
 

النتيجة:

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

<div align="center">
<table border="1" cellpadding="5" cellspacing="5" style="background-color: black; text-align: right; width: 600px;">
<tbody>
<tr>
<td style="background-color: #cccccc; text-align: center; width: 100px;"><b>الموضوع منقول </b></td>
<td style="background-color: #cccccc; width: 400px;">Table cell 1</td>
<td style="background-color: #cccccc; text-align: center; width: 100px;"><b>الرابط</b></td>
</tr>
</tbody></table>
</div>

النتيجة:

الموضوع منقول

Table cell 1

الرابط

جدول معلومات قناة:

<div align="center">
<table border="1" cellpadding="5" cellspacing="5" style="background-color: #84d41d; width: 600px;"><tbody>
<tr style="background-color: #cccccc;"><th colspan="2"><span style="font-size: large;"><span style="color: black; font-family: Arial,Helvetica,sans-serif;">تشاهدون الآن:</span></span></th></tr>
<tr><th rowspan="2" style="background-color: #cccccc;" width="15%"><img height="120" src="http://www.watchfomny.com/Video/france/01/M6-Six/logo.gif" width="120" /> </th><td style="background-color: #cccccc;" width="70%"><span style="font-size: large;"><b style="font-family: Arial,Helvetica,sans-serif;">برنامج</b><b style="color: black;">: (</b><b style="color: black;">الجزء الأول</b><b style="color: black;">) أونلاين</b></span></td></tr>
<tr style="background-color: #cccccc;"><td width="70%"><span style="font-size: large;"><b>الحلقة:</b></span>

</td></tr>
<tr style="background-color: #cccccc;">
<th colspan="2">Table header</th>
</tr>
<tr style="background-color: #cccccc;">
<th colspan="2">Table header</th>
</tr>
</tbody></table>
</div>

 

النتيجة:

تشاهدون الآن:
	برنامج:الجزء الأول أونلاين
	الحلقة:
table header
table header

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

معرض  صور و الفيديو :

<div align="center">
<table border="0" cellpadding="5" cellspacing="5" width="600">
<tr>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="http://www.favorisxp.com/fond-ecran/fond-ecran-paysage.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="http://chezfanfan.c.h.pic.centerblog.net/3jzszib5.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
</tr>
<tr>
<td height="100" width="100"><img src="http://www.avatars-mania.com/images/Paysages/foudre/Thunderbolt%20wallpaper%20-%20Fond%20d%27ecran%20orage%20avec%20eclairs.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="http://unpeudhumour.u.n.pic.centerblog.net/ryg1zcaj.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="http://pious.p.i.pic.centerblog.net/km7rac93.jpg" width="100" height="100"></td>
</tr>
<tr>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIm9geBBXH61wlT2Lu94f19ARuHqSRJtBPuz5ILukSRiyfsmRggemjTRtAL1cwMl0Q-VPWXSlvKKPsFe9weC6vmIlNSX8GRaAZCRvU5qr4Z25ZCrrC3rGcA6EA8GAuYeWBqpzvCuKxDL90/s1600/Fond+d%27%C3%A9cran+arty+2.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
<td height="100" width="100"><img src="http://unpeudhumour.u.n.pic.centerblog.net/ryg1zcaj.jpg" width="100" height="100"></td>
<td height="100" width="100"><img src="http://lh3.googleusercontent.com/-VYkuLxEf7Nk/T5rjQFJMRqI/AAAAAAAAA8o/cXVxp8Ik068/s150/SLIM.png" width="100" height="100"></td>
</tr>
</table>
</div>

 

النتيجة:

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

 جدول فهرس :

<div align="center">
<table border="1" cellpadding="5" cellspacing="5" style="background-color: black; text-align: center; width: 600px;">
<tbody>
<tr>
<th colspan="3" style="background-color: #cccccc;"><span style="font-size: large;">الفهرس</span></th>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">الترتيب</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">عنوان الموضوع </span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><span style="font-size: large;"><b>الرابط</b></span></td>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">100</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">cell 1</span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><a href="http://www.4you-4ever.blogspot.com/"><input type="button" value="رابط الموضوع" /></a></td>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">100</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">cell 1</span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><a href="http://www.4you-4ever.blogspot.com/"><input type="button" value="رابط الموضوع" /></a></td>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">100</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">cell 1</span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><a href="http://www.4you-4ever.blogspot.com/"><input type="button" value="رابط الموضوع" /></a></td>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">100</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">cell 1</span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><a href="http://www.4you-4ever.blogspot.com/"><input type="button" value="رابط الموضوع" /></a></td>
</tr>
<tr>
<td style="background-color: #cccccc; width: 40px;"><b><span style="font-size: large;">100</span></b></td>
<td style="background-color: #cccccc; text-align: right; width: 480px;"><b><span style="font-size: large;">cell 1</span></b></td>
<td style="background-color: #cccccc; text-align: center; width: 80px;"><a href="http://www.4you-4ever.blogspot.com/"><input type="button" value="رابط الموضوع" /></a></td>
</tr>
</tbody>
</table>
</div>

 

النتيجة:

الفهرس
الترتيب	عنوان الموضوع	الرابط
100	cell 1
100	cell 1
100	cell 1
100	cell 1
100	cell 1

مع تغيير:
اللون البرتقالي بالنص الذي تريده
اللون الأزرق بمقاسات الجدول والخلايا التي تريدها
اللون الأحمر برابط الموقع الذي تريده.
لمزيد  من التفاصيل إضغط هنا.

جدول جريدة:

<div align="center">
<table border="0" style="width: 600px;">
<tbody>
<tr>
<td width="25%">علمنا أن صخرة دفاع شبيبة القبائل السعيد بلكالام يوجد محل اهتمام نادي سوشو الفرنسي الناشط بالدرجة الأولى، وسبق لمسيري النادي الفرنسي معاينة لاعب القبائل قبل سنة، إلا أن تعرض بلكالام للإصابة التي أبعدته عن الملاعب لمدة 9 أشهر جعلت إدارة نادي سوشو تتراجع عن انتدابه.
ويبدو أن التصريحات التي أدلى بها مدرب المنتخب الوطني وحيد خاليلوزيش بشأن صخرة دفاع الكناري السعيد بلكالام قد ساهمت كثيرا في تجدد اهتمام نادي سوشو الفرنسي به، حيث أشاد كثيرا المدرب الوطني بقدرات مدافعه البدنية والفنية، كما أشاد بانضباطه&nbsp; </td>
<td width="25%">واحترافيته في العمل، ما جعل مسيري نادي سوشو يضعون بلكالام ضمنأولويات الفريق خلال الانتقالات الصيفية القادمة.
وعلمنا أيضا أن إدارة نادي سوشو ستبعث موفديها لمعاينة بلكالام يوم السبت بملعب تشاكر بالبليدة، حيث من المتوقع أن يشارك بلكالام في مواجهة رواندا لحساب الجولة الأولى من تصفيات كأس العالم 2014، ومن جهتها لن تعارض إدارة الكناري بيع لاعبها لفريق فرنسي ينشط في الدرجة الأولى، حيث صرح حناشي أنه يريد مصلحة لاعبه ولن يتردد في مفاوضة نادي سوشو.<br />
<div style="color: #7f6000;">
<b>ربيح وسليماني تفاوضا وقدوم بلعمري يتأكد</b></div>
</td>
<td width="25%">وفي سياق آخر، علمنا من مصادر موثوقة بفريق شبيبة القبائل أن وكلاء أعمال ثنائي شباب بلوزداد أبوبكر ربيح وإسلام سليماني تفاوضا يوم الاثنين مع رئيس شبيبة القبائل محند شريف حناشي بتيزي وزو، وحسب ذات المصادر يبقى انضمام ثنائي شباب بلوزداد لصفوف الكناري مسألة وقت فقط، وفي نفس السياق، علمنا أن رئيس الشبيبة يكون قد ضمن بنسبة كبيرة خدمات مدافع نصر حسين داي جمال بلعمري ولاعب شبيبة بجاية عنتر بوشريط،ومن المتوقع أن ينهي هذه الصفقات الأربع في الساعات القادمة.<br /><b>&nbsp;<span style="color: #7f6000;">الشبيبة تحافظ على استقرار خط الدفاع</span></b></td>
<td width="25%">وفي سياق متصل، تمكنت إدارة شبيبة القبائل من الحفاظ على استقرار الخط الخلفي للفريق والذي يعتبر نقطة قوة الشبيبة، حيث أنهت الموسم كأحسن خط دفاع، بعد ما جدد كل من القائد علي ريال والظهير الأيمن عماد رماش والحارس مليك عسلة في صفوف النادي القبائلي لموسم إضافي.
ويكمن الاستثناء بخصوص دفاع فريق شبيبة القبائل في اقتراب رحيل الظهير الأيسر المتألق شمس الدين نساخ الذي سيوقع في اتحاد العاصمة، إلا أن ذلك لن يؤثر على صلابة دفاع شبيبة القبائل بوجود ريال وبلكالام وتدعيم صفوف الفريق باللاعب مكاوي القادم من شباب قسنطينة.</td>
</tr>
</tbody></table>
</div>

 

النتيجة:

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

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

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

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

مع تغيير:
اللون البرتقالي بالنص الذي تريده
اللون الأزرق بمقاسات الجدول والخلايا التي تريدها
لمزيد  من التفاصيل إضغط هنا.