All article under : مكتبة الدروس : تحميل جميع البرامج

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

Home > Posts filed under مكتبة الدروس

إضافة أرشيف لمدونة بلوجر بشكل رائع و جميل

By Unknown | Follow me On twitter Here

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><div style="text-align: right;"><span class="item_price1">مكتبة الدروس</span><br /><span class="item_price">دروس مدونة بلوجر</span></div><div style="text-align: right;"><div style="text-align: center;"><div style="text-align: right;"><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 20px; line-height: 24px;"><b><br /></b></span></span></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lFKSDqCcgy-VnxRjtCxwi5yS_GDw-f8PoOxbgiTIVTj-HfqTZE94Q3kElEYOdxtKGtG-HOKx-Aw6eHp75i56m_1EMFTkqO_yQ2kY0Z0chhhICTMxTMhtHhOvda_suNWJp5y2yWwseBnF/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lFKSDqCcgy-VnxRjtCxwi5yS_GDw-f8PoOxbgiTIVTj-HfqTZE94Q3kElEYOdxtKGtG-HOKx-Aw6eHp75i56m_1EMFTkqO_yQ2kY0Z0chhhICTMxTMhtHhOvda_suNWJp5y2yWwseBnF/s1600/1.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><div style="text-align: justify;"><span style="background-color: white; color: #20124d; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="line-height: 25.71428680419922px;">إضافة أرشيف لمدونة بلوجر بشكل رائع و جميل ,يمكنك مشاهدة مثال حي للإضافة وهي موجودة أسفل المدونة</span><span style="line-height: 25.71428680419922px;"> , سوف نتبع الخطوات التالية لتركيب الإضافة .</span></span></div><div style="text-align: justify;"><div style="text-align: center;"><span style="background-color: white; color: red;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="line-height: 25.71428680419922px;"><br /></span></span></span><span style="background-color: white; color: red;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="line-height: 25.71428680419922px;">أولاً : </span></span><span style="line-height: 25.71428680419922px; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;">نختار التخطيط >> إضافة أداة >> نختار أرشيف المدونة الالكترونية</span></span></span><br /><span style="background-color: white; color: red;"><span style="line-height: 25.71428680419922px; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><br /></span></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgamHbkz9fc3yhQLEo-6MDLLBodcLQU-J5ueBBpmG8ymwgDquck-wcDAud6e6tj0Ep5GOa57vHiqIQR9vON3J1fltN7yQDpQJhWUVQzlT7qwM-D4QxZC4QTl3g5e7Cveh2zb60fWeXsKnDb/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgamHbkz9fc3yhQLEo-6MDLLBodcLQU-J5ueBBpmG8ymwgDquck-wcDAud6e6tj0Ep5GOa57vHiqIQR9vON3J1fltN7yQDpQJhWUVQzlT7qwM-D4QxZC4QTl3g5e7Cveh2zb60fWeXsKnDb/s1600/4.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;">ثانياً : نعدل في الإعدادات كما هو موضح في الصورة التالية ثم حفظ .</span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjtpFjgoGsB-5y2qTtBjnItAyR0_Ncl1bXO4rQZUC8BAVYrgSZKl2WvBJU9Fr2z6APWqp7zcbKe6goNF2O2u_H6vVJjlcRuNET5xE7SYKPl9rnkXU3lbJcxcHblBAAsLJuQRMIexNK7VYg/s1600/5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjtpFjgoGsB-5y2qTtBjnItAyR0_Ncl1bXO4rQZUC8BAVYrgSZKl2WvBJU9Fr2z6APWqp7zcbKe6goNF2O2u_H6vVJjlcRuNET5xE7SYKPl9rnkXU3lbJcxcHblBAAsLJuQRMIexNK7VYg/s1600/5.PNG" width="338" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;">ثالثاً : نختار قالب >> تحرير HTML </span></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #cc0000; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;">هام جداً : احتفظ بنسخة من القالب قبل أي تعديل</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;">رابعاً : اضغط الانتقال إلى الاداة >> ثم BlogArchive1</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVMUHlB5smHmZz9zkcymTy3wXflHEqpNtH98_ebE7HAkHSShkUnLcinZGp9-WRPkFDiHS3ZyExWXdRPutdl_7zDmRGdPGr5gjpf8AwLlp7o-2tEi1wnsFWgpETjbbYXoWdTnwTDbQarqG/s1600/6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVMUHlB5smHmZz9zkcymTy3wXflHEqpNtH98_ebE7HAkHSShkUnLcinZGp9-WRPkFDiHS3ZyExWXdRPutdl_7zDmRGdPGr5gjpf8AwLlp7o-2tEi1wnsFWgpETjbbYXoWdTnwTDbQarqG/s1600/6.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;">خامساً : قم بتحديد الكود التالي الموجود في الصورة :</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgropd2dmXxLGotm4DpuJVGK5bLxGb0zhq5oj2taMFNZtAl2GUvVxiVLkQEBRRFmFEt6lflRdHbF7ich_XduzW5V4QEDUVEi89lLV3LiJj3qvzvBSXFkY2GzhviHqyMUt7OurN95Gvg4HMX/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgropd2dmXxLGotm4DpuJVGK5bLxGb0zhq5oj2taMFNZtAl2GUvVxiVLkQEBRRFmFEt6lflRdHbF7ich_XduzW5V4QEDUVEi89lLV3LiJj3qvzvBSXFkY2GzhviHqyMUt7OurN95Gvg4HMX/s1600/7.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;">ثم قم باستبداله بالكود التالي :</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;"><br /></span></span></div></div></div><div style="text-align: center;"><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px dashed rgb(255, 175, 10); box-shadow: rgb(255, 175, 10) 0px 0px 0px 4px, rgba(10, 10, 0, 0.498039) 2px 1px 6px 4px; margin: 10px; padding: 5px 10px; text-shadow: rgb(19, 176, 178) -1px -1px;"><div dir="ltr"><span style="line-height: 27.299999237060547px;"><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='main'> </span><br /><span style="line-height: 27.299999237060547px;">  <b:if cond='data:title'> </span><br /><span style="line-height: 27.299999237060547px;">    <h2><data:title/></h2> </span><br /><span style="line-height: 27.299999237060547px;">  </b:if> </span><br /><span style="line-height: 27.299999237060547px;">  <div class='widget-content'> </span><br /><span style="line-height: 27.299999237060547px;">  <div id='ArchiveList'> </span><br /><span style="line-height: 27.299999237060547px;">  <div expr:id='data:widget.instanceId + "_ArchiveList"'> </span><br /><span style="line-height: 27.299999237060547px;">    <b:if cond='data:style == "HIERARCHY"'> </span><br /><span style="line-height: 27.299999237060547px;">     <b:include data='data' name='interval'/> </span><br /><span style="line-height: 27.299999237060547px;">    </b:if> </span><br /><span style="line-height: 27.299999237060547px;">    <b:if cond='data:style == "FLAT"'> </span><br /><span style="line-height: 27.299999237060547px;">      <b:include data='data' name='flat'/> </span><br /><span style="line-height: 27.299999237060547px;">    </b:if> </span><br /><span style="line-height: 27.299999237060547px;">    <b:if cond='data:style == "MENU"'> </span><br /><span style="line-height: 27.299999237060547px;">      <b:include data='data' name='menu'/> </span><br /><span style="line-height: 27.299999237060547px;">    </b:if> </span><br /><span style="line-height: 27.299999237060547px;">  </div> </span><br /><span style="line-height: 27.299999237060547px;">  </div> </span><br /><span style="line-height: 27.299999237060547px;">  <b:include name='quickedit'/> </span><br /><span style="line-height: 27.299999237060547px;">  </div> </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='toggle' var='interval'> </span><br /><span style="line-height: 27.299999237060547px;">   </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='flat' var='data'> </span><br /><span style="line-height: 27.299999237060547px;"><div id='bloggerCalendarList'> </span><br /><span style="line-height: 27.299999237060547px;">  <ul> </span><br /><span style="line-height: 27.299999237060547px;">    <b:loop values='data:data' var='i'> </span><br /><span style="line-height: 27.299999237060547px;">      <li class='archivedate'> </span><br /><span style="line-height: 27.299999237060547px;">        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </span><br /><span style="line-height: 27.299999237060547px;">      </li> </span><br /><span style="line-height: 27.299999237060547px;">    </b:loop> </span><br /><span style="line-height: 27.299999237060547px;">  </ul> </span><br /><span style="line-height: 27.299999237060547px;"></div> </span><br /><span style="line-height: 27.299999237060547px;"><div id='blogger_calendar' style='display:none'> </span><br /><span style="line-height: 27.299999237060547px;"><table id='bcalendar'><caption id='bcaption'> </span><br /><span style="line-height: 27.299999237060547px;"></caption> </span><br /><span style="line-height: 27.299999237060547px;"> </span><br /><span style="line-height: 27.299999237060547px;"><thead id='bcHead'></thead> </span><br /><span style="line-height: 27.299999237060547px;"> </span><br /><span style="line-height: 27.299999237060547px;"> </span><br /><span style="line-height: 27.299999237060547px;"><tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"><tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"><tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"><tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"><tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"><tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr> </span><br /><span style="line-height: 27.299999237060547px;"></tbody> </span><br /><span style="line-height: 27.299999237060547px;"></table> </span><br /><span style="line-height: 27.299999237060547px;"><table id='bcNavigation'><tr> </span><br /><span style="line-height: 27.299999237060547px;"><td id='bcFootPrev'></td> </span><br /><span style="line-height: 27.299999237060547px;"><td id='bcFootAll'></td> </span><br /><span style="line-height: 27.299999237060547px;"><td id='bcFootNext'></td> </span><br /><span style="line-height: 27.299999237060547px;"></tr></table>   </span><br /><span style="line-height: 27.299999237060547px;"><div id='calLoadingStatus' style='display:none; text-align:center;'> </span><br /><span style="line-height: 27.299999237060547px;"><script type='text/javascript'>bcLoadStatus();</script> </span><br /><span style="line-height: 27.299999237060547px;"></div> </span><br /><span style="line-height: 27.299999237060547px;"><div id='calendarDisplay'/> </span><br /><span style="line-height: 27.299999237060547px;"></div> </span><br /><span style="line-height: 27.299999237060547px;"><script  type='text/javascript'> initCal();</script> </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='posts' var='posts'> </span><br /><span style="line-height: 27.299999237060547px;"> </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='menu' var='data'> </span><br /><span style="line-height: 27.299999237060547px;">  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"><b:includable id='interval' var='intervalData'> </span><br /><span style="line-height: 27.299999237060547px;">  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format </span><br /><span style="line-height: 27.299999237060547px;"></b:includable> </span><br /><span style="line-height: 27.299999237060547px;"></b:widget></span><br /><div style="background-color: #ffffb2; font-size: 21px; line-height: 1.3em;"><span style="color: #660000;"><span style="color: red;"></span></span></div></div></div></div></div></div><div style="text-align: center;"><div style="text-align: justify;"><div style="text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;"><br /></span><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;">سادساً : ابحث في القالب عن :</span><span style="background-color: white; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px;"> </span><span style="background-color: #f1c232; line-height: 25.71428680419922px; text-align: justify;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"></head></span></span></div><div style="text-align: center;"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><span style="color: red;">ثم اضف الكود التالي فوق </span><span style="color: #274e13;">  </span></span></span><span style="background-color: #f1c232; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;"></head></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: #f1c232; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;"><br /></span></div><div style="text-align: center;"><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px dashed rgb(255, 175, 10); box-shadow: rgb(255, 175, 10) 0px 0px 0px 4px, rgba(10, 10, 0, 0.498039) 2px 1px 6px 4px; margin: 10px; padding: 5px 10px; text-shadow: rgb(19, 176, 178) -1px -1px;"><div dir="ltr"><br /><script type='text/javascript'><br />//<![CDATA[<br />var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozVkrDrmBW6bFiXOujR8LTeGdqQNsb75CSFZX9pxg5R6jcXsuzKLBtzoD_dS7t9AbX7zXqFdf7CjynJzjAsj1WZap9JFfx4JS_vsGe8hzjpu0I7ERcBpYAE2svG00_59ykUGTcKpghi4/s400/loading-trans.gif.png";<br />var bcLoadingMessage = " Loading....";<br />var bcArchiveNavText = "View Archive";<br />var bcArchiveNavPrev = '◄';<br />var bcArchiveNavNext = '►';<br />var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];<br />var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];<br />// Nothing to configure past this point ----------------------------------<br />var timeOffset;<br />var bcBlogID;<br />var calMonth;<br />var calDay = 1;<br />var calYear;<br />var startIndex;<br />var callmth;<br />var bcNav = new Array ();<br />var bcList = new Array ();<br />//Initialize Fill Array<br />var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];<br />function openStatus(){<br />   document.getElementById('calLoadingStatus').style.display = 'block';<br />   document.getElementById('calendarDisplay').innerHTML = '';<br />  }<br />function closeStatus(){<br />   document.getElementById('calLoadingStatus').style.display = 'none';<br />  }<br />function bcLoadStatus(){<br />   cls = document.getElementById('calLoadingStatus');<br />   img = document.createElement('img');<br />   img.src = bcLoadingImage;<br />   img.style.verticalAlign = 'middle';<br />   cls.appendChild(img);<br />   txt = document.createTextNode(bcLoadingMessage);<br />   cls.appendChild(txt);<br />  }<br />function callArchive(mth,yr,nav){<br />// Check for Leap Years<br />  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {<br />      fill[2] = '29';<br />   }<br />  else {<br />      fill[2] = '28';<br />   }<br />   calMonth = mth;<br />   calYear = yr;<br />   if(mth.charAt(0) == 0){<br />      calMonth = mth.substring(1);<br />      }<br />   callmth = mth;<br />   bcNavAll = document.getElementById('bcFootAll');<br />   bcNavPrev = document.getElementById('bcFootPrev');<br />   bcNavNext = document.getElementById('bcFootNext');<br />   bcSelect = document.getElementById('bcSelection');<br />   a = document.createElement('a');<br />   at = document.createTextNode(bcArchiveNavText);<br />   a.href = bcNav[nav];<br />   a.appendChild(at);<br />   bcNavAll.innerHTML = '';<br />   bcNavAll.appendChild(a);<br />   bcNavPrev.innerHTML = '';<br />   bcNavNext.innerHTML = '';<br />   if(nav <  bcNav.length -1){<br />      a = document.createElement('a');<br />      a.innerHTML = bcArchiveNavPrev;<br />      bcp = parseInt(nav,10) + 1;<br />      a.href = bcNav[bcp];<br />      a.title = 'Previous Archive';<br />      prevSplit = bcList[bcp].split(',');<br />      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};<br />      bcNavPrev.appendChild(a);<br />      }<br />   if(nav > 0){<br />      a = document.createElement('a');<br />      a.innerHTML = bcArchiveNavNext;<br />      bcn = parseInt(nav,10) - 1;<br />      a.href = bcNav[bcn];<br />      a.title = 'Next Archive';<br />      nextSplit = bcList[bcn].split(',');<br />      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};<br />      bcNavNext.appendChild(a);<br />     }<br />   script = document.createElement('script');<br />   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';<br />   document.getElementsByTagName('head')[0].appendChild(script);<br />}<br />function cReadArchive(root){<br />// Check for Leap Years<br />  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {<br />      fill[2] = '29';<br />   }<br />  else {<br />      fill[2] = '28';<br />   }<br />    closeStatus();<br />    document.getElementById('lastRow').style.display = 'none';<br />    calDis = document.getElementById('calendarDisplay');<br />    var feed = root.feed;<br />    var total = feed.openSearch$totalResults.$t;<br />    var entries = feed.entry || [];<br />    var fillDate = new Array();<br />    var fillTitles = new Array();<br />    fillTitles.length = 32;<br />    var ul = document.createElement('ul');<br />    ul.id = 'calendarUl';<br />    for (var i = 0; i < feed.entry.length; ++i) {<br />      var entry = feed.entry[i];<br />      for (var j = 0; j < entry.link.length; ++j) {<br />       if (entry.link[j].rel == "alternate") {<br />       var link = entry.link[j].href;<br />       }<br />      }<br />      var title = entry.title.$t;<br />      var author = entry.author[0].name.$t;<br />      var date = entry.published.$t;<br />      var summary = entry.summary.$t;<br />      isPublished = date.split('T')[0].split('-')[2];<br />      if(isPublished.charAt(0) == '0'){<br />         isPublished = isPublished.substring(1);<br />         }<br />      fillDate.push(isPublished);<br />      if (fillTitles[isPublished]){<br />          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;<br />          }<br />      else {<br />          fillTitles[isPublished] = title;<br />          }<br />      li = document.createElement('li');<br />      li.style.listType = 'none';<br />      li.innerHTML = '<a href="'+link+'">'+title+'</a>';<br />      ul.appendChild(li);<br />      }<br />   calDis.appendChild(ul);<br />   var val1 = parseInt(calDay, 10)<br />   var valxx = parseInt(calMonth, 10);<br />   var val2 = valxx - 1;<br />   var val3 = parseInt(calYear, 10);<br />   var firstCalDay = new Date(val3,val2,1);<br />   var val0 = firstCalDay.getDay();<br />   startIndex = val0 + 1;<br />  var dayCount = 1;<br />  for (x =1; x < 38; x++){<br />      var cell = document.getElementById('cell'+x);<br />      if( x < startIndex){<br />          cell.innerHTML = ' ';<br />          cell.className = 'firstCell';<br />         }<br />      if( x >= startIndex){<br />          cell.innerHTML = dayCount;<br />          cell.className = 'filledCell';<br />          for(p = 0; p < fillDate.length; p++){<br />              if(dayCount == fillDate[p]){<br />                  if(fillDate[p].length == 1){<br />                     fillURL = '0'+fillDate[p];<br />                     }<br />                  else {<br />                     fillURL = fillDate[p];<br />                     }<br />                  cell.className = 'highlightCell';<br />                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';<br />                 }<br />              }<br />          if( dayCount > fill[valxx]){<br />             cell.innerHTML = ' ';<br />             cell.className = 'emptyCell';<br />             }<br />          dayCount++;<br />         }<br />      }<br />    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;<br />    if(visTotal >35){<br />        document.getElementById('lastRow').style.display = '';<br />       }<br />  }<br />function initCal(){<br />   document.getElementById('blogger_calendar').style.display = 'block';<br />   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');<br />   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');<br />   document.getElementById('bloggerCalendarList').style.display = 'none';<br />   calHead = document.getElementById('bcHead');<br />   tr = document.createElement('tr');<br />   for(t = 0; t < 7; t++){<br />       th = document.createElement('th');<br />       th.abbr = headDays[t];<br />       scope = 'col';<br />       th.title = headDays[t];<br />       th.innerHTML = headInitial[t];<br />       tr.appendChild(th);<br />      }<br />   calHead.appendChild(tr);<br />  for (x = 0; x <bcInit.length;x++){<br />     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];<br />     var stripMonth = bcInit[x].href.split('_')[1];<br />     bcList.push(stripMonth + ','+ stripYear + ',' + x);<br />     bcNav.push(bcInit[x].href);<br />     }<br />  var sel = document.createElement('select');<br />  sel.id = 'bcSelection';<br />  sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};<br />  q = 0;<br />  for (r = 0; r <bcList.length; r++){<br />       var selText = bcInit[r].innerHTML;<br />       var selCount = bcCount[r].innerHTML.split('> (')[1];<br />       var selValue = bcList[r];<br />       sel.options[q] = new Option(selText + ' ('+selCount,selValue);<br />       q++<br />       }                 <br />   document.getElementById('bcaption').appendChild(sel);<br />   var m = bcList[0].split(',')[0];<br />   var y = bcList[0].split(',')[1];<br />   callArchive(m,y,'0');<br />}<br />function timezoneSet(root){<br />   var feed = root.feed;<br />   var updated = feed.updated.$t;<br />   var id = feed.id.$t;<br />   bcBlogId = id.split('blog-')[1];<br />   upLength = updated.length;<br />   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}<br />   else {timeOffset = updated.substring(upLength-6,upLength);}<br />   timeOffset = encodeURIComponent(timeOffset);<br />}<br />//]]><br /></script><br /><script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script><br /></div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;">سابعاً : ابحث في القالب عن</span><span style="background-color: white; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;"> </span><span style="background-color: #f1c232; line-height: 25.71428680419922px; text-align: justify;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;">]]></b:skin></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; color: red; line-height: 25.71428680419922px;">اختار الشكل المناسب لمدونتك</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; color: #274e13; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; color: #274e13; line-height: 25.71428680419922px;">1) الشكل الأول</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; color: #274e13; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Z5C-Ojy9iLoRQTiuHGQLoShRr839HxS4hbY3H2qXsGsx1LyjGiKzZ2iZg3Q36IxEhzf6LdTCA8qxMCM_-l23SKFEqNXA7tOQAfQbHYQi65nrBnbBzr26WxmWzw4HphuwefXcDj17xzQ8/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Z5C-Ojy9iLoRQTiuHGQLoShRr839HxS4hbY3H2qXsGsx1LyjGiKzZ2iZg3Q36IxEhzf6LdTCA8qxMCM_-l23SKFEqNXA7tOQAfQbHYQi65nrBnbBzr26WxmWzw4HphuwefXcDj17xzQ8/s1600/1.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><span style="color: red;">ثم اضف الكود التالي فوق</span><span style="color: #274e13;">   </span></span></span><span style="background-color: #f1c232; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;">]]></b:skin></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px dashed rgb(255, 175, 10); box-shadow: rgb(255, 175, 10) 0px 0px 0px 4px, rgba(10, 10, 0, 0.498039) 2px 1px 6px 4px; margin: 10px; padding: 5px 10px; text-shadow: rgb(19, 176, 178) -1px -1px;"><div dir="ltr"><br />/* Start of Post Navigator by MBT (LIGHT Theme) ------ */<br />#calendarDisplay {display:none;}<br />/* div that holds calendar */<br />#blogger_calendar { margin:0px auto 0px 0px;width:100%;}<br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#<span style="background-color: yellow;">f8ecb9</span>;font:bold 100% Tahoma, Arial, Sans-serif}<br />/* The Archive Select Menu */<br />#bcaption select {background:#<span style="background-color: yellow;">ffff</span>;border:1 solid #C7C7C7;color:#<span style="background-color: #93c47d;">684420</span>;font-weight:bold;text-align:center;}<br />/* The Heading Section */<br />table#bcalendar thead {}<br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#<span style="background-color: yellow;">f8ecb9</span>;color:#<span style="background-color: #93c47d;">684420</span>;}<br />/* The calendar Table */<br />table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#<span style="background-color: yellow;">fffecb</span>}<br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#<span style="background-color: #93c47d;">666</span>;font:bold 100% Tahoma, Arial, Sans-serif;}<br />/* Links in Calendar */<br />table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#<span style="background-color: #93c47d;">ffffff</span>; text-decoration:none;}<br />table#bcalendar tbody tr td a:hover {color:#<span style="background-color: #93c47d;">ffffff</span>; text-decoration:none;}<br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br />/* Cells that have a day in them */<br />td.filledCell {  background:#<span style="background-color: yellow;">fff</span>;}<br />td.filledCell:hover {  background:#f<span style="background-color: yellow;">8ecb9</span>;}<br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#<span style="background-color: yellow;">996633</span>;border:1px solid #C7C7C7}<br />td.highlightCell:hover {background:#<span style="background-color: yellow;">e1b983</span>;border:1px solid #C7C7C7}<br />/* Table Footer Navigation */<br />table#bcNavigation  {width:100%;background:#<span style="background-color: yellow;">f8ecb9</span>;border:1px solid #C7C7C7;border-top:0;color:#684420f;font:bold 100% Tahoma, Arial, Sans-serif;}<br />table#bcNavigation a:link {text-decoration:none;color:#<span style="background-color: #93c47d;">684420f</span>}<br />table#bcNavigation a:hover{text-decoration:underline;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a:link {}<br />/* End of Post Navigator by MBT (LIGHT Theme) ------ */ </div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; line-height: 25.71428680419922px;">2) الشكل الثاني</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrz-C1_4SOcjarLSQVErjPViZb6u05CSMb1bOI2j3mKfkFKNeMF8ibuNWlT_sitniHOky6Mpcodp5eVL0PS03t2Mylp6iB6HT2RHTsyzKARnz7jM4nL9GaP0ahWQSsAC8qHMFnWP7a3R0l/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrz-C1_4SOcjarLSQVErjPViZb6u05CSMb1bOI2j3mKfkFKNeMF8ibuNWlT_sitniHOky6Mpcodp5eVL0PS03t2Mylp6iB6HT2RHTsyzKARnz7jM4nL9GaP0ahWQSsAC8qHMFnWP7a3R0l/s1600/2.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><span style="color: red;">ثم اضف الكود التالي فوق</span><span style="color: #274e13;">   </span></span></span><span style="background-color: #f1c232; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;">]]></b:skin></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px dashed rgb(255, 175, 10); box-shadow: rgb(255, 175, 10) 0px 0px 0px 4px, rgba(10, 10, 0, 0.498039) 2px 1px 6px 4px; margin: 10px; padding: 5px 10px; text-shadow: rgb(19, 176, 178) -1px -1px;"><div dir="ltr"><br />/* Start of Post Navigator by MBT (LIGHT Theme) ------ */<br />#calendarDisplay {display:none;}<br />/* div that holds calendar */<br />#blogger_calendar { margin:0px auto 0px 0px;width:100%;}<br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#<span style="background-color: yellow;">fff</span>;font:bold 100% Tahoma, Arial, Sans-serif}<br />/* The Archive Select Menu */<br />#bcaption select {background:#<span style="background-color: yellow;">ffff</span>;border:0 solid #C7C7C7;color:#<span style="background-color: #93c47d;">0080ff</span>;font-weight:bold;text-align:center;}<br />/* The Heading Section */<br />table#bcalendar thead {}<br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#<span style="background-color: yellow;">fff</span>;color:#<span style="background-color: #93c47d;">0080ff</span>;}<br />/* The calendar Table */<br />table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#<span style="background-color: yellow;">fff</span>}<br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#<span style="background-color: #93c47d;">666</span>;font:bold 100% Tahoma, Arial, Sans-serif;}<br />/* Links in Calendar */<br />table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#<span style="background-color: #6aa84f;">ffffff</span>; text-decoration:none;}<br />table#bcalendar tbody tr td a:hover {color:#<span style="background-color: #93c47d;">ffffff</span>; text-decoration:none;}<br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br />/* Cells that have a day in them */<br />td.filledCell {  background:#<span style="background-color: yellow;">fff</span>;}<br />td.filledCell:hover {  background:#<span style="background-color: yellow;">dddddd</span>;}<br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#<span style="background-color: yellow;">53A9FF</span>;border:1px solid #C7C7C7}<br />td.highlightCell:hover {background:#<span style="background-color: yellow;">72B9FF</span>;border:1px solid #C7C7C7}<br />/* Table Footer Navigation */<br />table#bcNavigation  {width:100%;background:#<span style="background-color: yellow;">fff</span>;border:1px solid #C7C7C7;border-top:0;color:#<span style="background-color: #93c47d;">0080ff</span>;font:bold 100% Tahoma, Arial, Sans-serif;}<br />table#bcNavigation a:link {text-decoration:none;color:#<span style="background-color: #93c47d;">0080ff</span>}<br />table#bcNavigation a:hover{text-decoration:underline;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a:link {}<br />/* End of Post Navigator by MBT (LIGHT Theme) ------ */ </div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; line-height: 25.71428680419922px;">3) الشكل الثالث</span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="color: #274e13; font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: #f9cb9c; line-height: 25.71428680419922px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho09fbrWZfvQ170UakxTzNDKbPPXWJ4y0SDDZtWMb7kbkQM4LLh0WOz5vRnBCLvtawd4hxVq8VRpMFNW_qRZG0ZlPXc25PShCn3lp0mGYnu6CA0D6kXO1_alVk01JHEoZ6bYD7-LV62Bnf/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho09fbrWZfvQ170UakxTzNDKbPPXWJ4y0SDDZtWMb7kbkQM4LLh0WOz5vRnBCLvtawd4hxVq8VRpMFNW_qRZG0ZlPXc25PShCn3lp0mGYnu6CA0D6kXO1_alVk01JHEoZ6bYD7-LV62Bnf/s1600/3.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Droid Arabic Kufi, Tahoma, Arial; font-size: medium;"><span style="background-color: white; line-height: 25.71428680419922px;"><span style="color: red;">ثم اضف الكود التالي فوق</span><span style="color: #274e13;">   </span></span></span><span style="background-color: #f1c232; color: #274e13; font-family: 'Droid Arabic Kufi', Tahoma, Arial; font-size: medium; line-height: 25.71428680419922px; text-align: justify;">]]></b:skin></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px dashed rgb(255, 175, 10); box-shadow: rgb(255, 175, 10) 0px 0px 0px 4px, rgba(10, 10, 0, 0.498039) 2px 1px 6px 4px; margin: 10px; padding: 5px 10px; text-shadow: rgb(19, 176, 178) -1px -1px;"><div dir="ltr"><br />/* Start of Post Navigator by MBT (DARK Theme) ------ */<br />#calendarDisplay {display:none;}<br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 5px 10px;width:98%;}<br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #666666;padding:2px;margin:10px 0 0;background:#<span style="background-color: yellow;">333333</span>;font:bold 100% Tahoma, Arial, Sans-serif}<br />/* The Archive Select Menu */<br />#bcaption select {background:#<span style="background-color: yellow;">333333</span>;border:0 solid #333333;color:#<span style="background-color: #93c47d;">dddddd</span>;font-weight:bold;text-align:center;}<br />/* The Heading Section */<br />table#bcalendar thead {}<br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset #666666; font:bold 100% Tahoma, Arial, Sans-serif;background:#<span style="background-color: yellow;">333333</span>;color:#<span style="background-color: #93c47d;">dddddd</span>}<br />/* The calendar Table */<br />table#bcalendar {border:1px solid #666666;border-top:0; margin:0px 0 0px;width:95%;background:#<span style="background-color: yellow;">333333</span>}<br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset #666666; color:#<span style="background-color: #93c47d;">F5F202</span>;font:bold 100% Tahoma, Arial, Sans-serif;}<br />/* Links in Calendar */<br />table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#<span style="background-color: #93c47d;">ffffff</span>; text-decoration:underline;}<br />table#bcalendar tbody tr td a:hover {color:#<span style="background-color: #93c47d;">ffffff</span>; text-decoration:none;}<br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br />/* Cells that have a day in them */<br />td.filledCell {}<br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#<span style="background-color: yellow;">000000</span>;border:1px solid #666666}<br />/* Table Footer Navigation */<br />table#bcNavigation  {width:95%;background:#<span style="background-color: yellow;">333333</span>;border:1px solid #666666;border-top:0;color:#<span style="background-color: #93c47d;">F5F202</span>;font:bold 100% Tahoma, Arial, Sans-serif;}<br />table#bcNavigation a:link {text-decoration:none;color:#<span style="background-color: #93c47d;">F5F202</span>}<br />table#bcNavigation a:hover{text-decoration:underline;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a:link {}<br />/* End of Post Navigator by MBT (DARK Theme) ------ */<br /><div><br /></div></div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #274e13; font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #274e13; font-size: large;">يمكنك تعديل الألوان حسب قالب المدونة :</span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #274e13; font-size: large;">1) اللون الأصفر للتعديل في خلفية الاضافة</span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #274e13; font-size: large;">2) اللون الأخضر للتعديل في لون الخط</span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: red; font-size: large;">انتهى</span></div></div></div></div></div></div>

مكتبة الدروس دروس مدونة بلوجر إضافة أرشيف لمدونة بلوجر بشكل رائع و جميل ,يمكنك مشاهدة مثال حي للإضافة وهي موجودة أسفل المدونة , سوف نتبع ال...

[Click To Continue...]

0 comments

لعرض أقسام مدونة بلوجر بشكل جميل

By Unknown | Follow me On twitter Here

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

[Click To Continue...]

0 comments

اضافة ساعة فلاشية متحركة لمدونة بلوجر

By Unknown | Follow me On twitter Here

مكتبة الدروس دروس مدونة بلوجر الطريقة سهلة جداً أولاً : ادخل الموقع التالي : اضغط هنا ثانياً : ستجد النموذج التالي : هناك الكثير من الأشكال...

[Click To Continue...]

0 comments

شرح اضافة محرك بحث قوقل في مدونة بلوجر

By Unknown | Follow me On twitter Here

مكتبة الدروس دروس مدونة بلوجر الشرح أولاً : ندخل الموقع التالي : اضغط هنا ثانياً : اكتب عنوان موقعك وعدل بقية الخيارات كما تريد . ثم اضغط ان...

[Click To Continue...]

0 comments

تركيب slideshows لمدونة بلوجر رقم 3

By Unknown | Follow me On twitter Here

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><div><div style="text-align: right;"><span class="item_price1">مكتبة الدروس</span><br /><span class="item_price">دروس مدونة بلوجر</span></div><div style="text-align: right;"></div><div style="text-align: right;"><div style="text-align: center;"><div style="text-align: right;"><br /></div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5_TDsayw2Ypiz-RizBR8JUDCChPFdJwSclrgUQJe3piMKY6atipeqELcTSNpDkc-5tHEYXHbEsGApZZiONUTdI7t-I2qSOYHmz17ED6Dx1eJpfFMAxaWIqK15kU7MCp9fHbcIEjnvGx7/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5_TDsayw2Ypiz-RizBR8JUDCChPFdJwSclrgUQJe3piMKY6atipeqELcTSNpDkc-5tHEYXHbEsGApZZiONUTdI7t-I2qSOYHmz17ED6Dx1eJpfFMAxaWIqK15kU7MCp9fHbcIEjnvGx7/s400/1.jpg" width="400" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;"><span style="color: #134f5c;">تركيب عارض الشرائح لمواضيعك بطريقة بسيطة</span></span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;"></span><span style="font-size: large;"> </span></div><div style="text-align: center;"><span style="font-size: large;">أولاً : انتقل الى <a href="https://www.blogger.com/">https://www.blogger.com</a></span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"></span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"></span><span style="font-size: large;">ثانياً : نختار تخطيط >> اضافة أداة >> نختار HTML/JavaScript</span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"><br />ثالثاً : نضع الكود التالي</span></div><div style="text-align: center;"><span style="font-size: large;"></span><br /><a name="more"></a><span style="font-size: large;"><br /></span><br /><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="background-attachment: initial; background-clip: initial; background-color: #ffffb2; background-image: initial; background-origin: initial; border-color: rgb(255, 175, 10); border-image: initial; border-radius: 3px 3px 3px 3px; border-style: dashed; border-width: 2px; box-shadow: 0px 0px 0px 4px rgb(255, 175, 10), 2px 1px 6px 4px rgba(10, 10, 0, 0.498); font-size: 21px; line-height: 1.3em; margin: 10px; padding: 5px 10px; text-shadow: -1px -1px rgb(19, 176, 178);"><div dir="ltr" style="text-align: left;"><span style="font-size: small;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" type="text/javascript"></script><br /><br /><script type="text/javascript"><br />$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity:"toggle"}}).tabs("rotate",5000,true);});<br /></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><span style="background-color: #ea9999;"><style type="text/css"><br />#featured{<br />width:400px;<br />padding-right:210px;<br />position:relative;<br />height:248px;<br />background:#FFF8C6;<br />border:5px solid #8A4117;<br />}<br />#featured ul.ui-tabs-nav{<br />position:absolute;<br />top:0; left:387px;<br />list-style:none;<br />padding:0; margin:0;<br />width:223px;<br />}<br />#featured ul.ui-tabs-nav li{<br />padding:1px 0; padding-left:13px;<br />font-size:12px;<br />color:#666;<br />}<br />#featured ul.ui-tabs-nav li span{<br />font-size:11px; font-family:Verdana;<br />line-height:18px;<br />}<br />#featured .ui-tabs-panel{<br />width:380px; height:240px;<br />margin-left:0px;<br />background:#FFF8C6; position:relative;<br />overflow:hidden;<br />}<br />#featured .ui-tabs-hide{<br />display:none;<br />}<br />#featured li.ui-tabs-nav-item a{/*On Hover Style*/<br />display:block;<br />height:60px;<br />color:#333; background:#FFF8C6;<br />line-height:20px;<br />outline:none;<br />}<br />#featured li.ui-tabs-nav-item a:hover{<br />background:#FAAFBE;<br />}<br />#featured li.ui-tabs-selected{ /*Selected tab style*/<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCoQsiXYOCj2aOy_f78flSXi2CPI0PSw8YKuKJ2Jxg8U_QKhcpy919TwJ7dOGQ8uVkd8q7S7C_iUuRbk9L7NOACzQjA034i38QjW2POeG6Tbpgalc0dbJ3zLYingjurDb6x07zu5FeZsux/s1600/selected-item.gif') top left no-repeat;<br />}<br />#featured ul.ui-tabs-nav li.ui-tabs-selected a{<br />background:#FFDB58;<br />}<br />#featured ul.ui-tabs-nav li img{<br />float:left; margin:2px 5px;<br />background:#F3E5AB;<br />padding:2px;<br />border:1px solid #eee;<br />}<br />#featured .ui-tabs-panel .info{<br />position:absolute;<br />top:180px; left:0;<br />height:70px; width: 378px;<br />background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_bF3ajhgSZdMlwfxhWU0_eeaw12cV4DiJhQJJeEssBit_nO3rDrpyKS7XZhCT1kYpWT5TiTgRc72rbWoHT7fnQNp4fzZxzJBe1dG9IKcWNpelyh9qTfjtICbjV-uabz_u8VzrI7zK33le/s1600/117s1g9.jpg') ;<br />}<br />#featured .info h2{<br />font-size:14px; font-family:Georgia, serif;<br />color:#fff; padding:5px; margin:0;<br />overflow:hidden;<br />}<br />#featured .info p{<br />margin:0 5px;<br />font-family:Verdana; font-size:11px;<br />line-height:15px; color:#f0f0f0;<br />}<br />#featured .info a{<br />text-decoration:none;<br />color:#fff;<br />}<br />#featured .info a:hover{<br />text-decoration:underline;<br />}<br /><br /></style></span><br /><br /><br /><div id="featured"><br /><ul class="ui-tabs-nav"><br /><li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img alt="featured 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0FdAWuf4-qHKdXDfpjLO3kso5caUmb4wfQsI7DMUWKiK7KRLcmH8vJoFWgvRO776WTau37XU8YTvfeD-6fk1Qz72bom8-HJwCE-dmBrR37KV4bRzhpVR-fWvZfjn2sGjTfwJaWLWCe-RA/s1600/Change+Mouse+Cursor+Generator.png"/><span>عنوان الموضوع رقم 1</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img alt="featured 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBIP7gKlj8Ze0aNOA5YB9i0Teux0WuqXwV5sttR-bA5ODzRHZBp_wTRKVL50qWTynPHCr91SuS0bxKZ-rh-eX-sQqecYjmhg_GdTzxYRXdy0m2Vbymcn94KYExFjkXYn9QoTRMIXIp36l5/s1600/Numbered+Page+Navigation.png"/><span>عنوان الموضوع رقم 2</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img alt="featured 3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3zyv4UXOfRWzIGqcxAb2FnwsZ931mr4Y5HSXTZHUx_hb4_wAnfn5CB-izZDiEjTKhi3yV78FB-v62qUHq919JTKpn6rLKH95Ba5Y76bUxKt8HIn39p9txBjz_be9fmsqaI5HNdLLA-p3x/s1600/Snow+Cursor+Code+Generatort.png"/><span>عنوان الموضوع رقم 3</span></a></li><br /><li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img alt="featured 4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NFcaC55bzK7pVTTVRodEXl3pEnoywOCRPh2y6C5slwteCo6EO6mbNSRcBZU9zEmVjit1JiubsamdDgelmjmmexPi3V6kjyBRNT2ZDHcsl-wchPmLG5iakiaDo36JKBTs_PYVDIV_-RH1/s1600/Blogger+Falling+Object+Generator.gif"/><span>عنوان الموضوع رقم 4</span></a></li><br /></ul><br /><br /><br /><br /><div id="fragment-1" class="ui-tabs-panel" style=""><br /><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrHBMAzi6sOTQFLGtq8fS2rKvp1MwQviMvNZSSP99HldPkVQdfWwE94m551qTPVyyXz4LUM3nnqUarku-_gEuPDfM2xii_6XGgEEe9Xn4b6A7Zk6-PO6APoICZyizTV9S62LJGIJC9tg/s1600/1.jpg"/><br /><div class="info"><br /><h2><a href="رابط موضوع 1" target="_blank">عنوان الموضوع رقم 1</a></h2><br /><p>وصف الموضوع رقم 1</p><br /></div><br /></div><br /><br /><br /><div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_9JV8Ote8RY0HAjjG72aJtCXcU_y9X6QH-jEP57Lw_cGfuhyBK-WMICyeOHSUTlq2AkxHia-3hER-Nc_UZjyWxgLdtw8UWqr9uhZp8kUQt-UAs_iR-R1-0xfITtWIxWfyv1vk5uGRo9I/s1600/2.jpg"/><br /><div class="info"><br /><h2><a href="رابط موضوع 2" target="_blank">عنوان الموضوع رقم 2</a></h2><br /><p>وصف الموضوع رقم 2</p><br /></div><br /></div><br /><br /><br /><div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipopcMl0ApNCWRkCIEBWvaONzpG5xOw_C_3iB1xGDp90MGyP5_8GuG6n0Ca2Nk7RrEMD-CIOvh26FlAoyxC9Xy5Opv_HJeBiYTKM_R0NOF1PZA_OH63zxkK6GSl_TXmbBjuoVhyIfLcQY/s1600/3.jpg"/><br /><div class="info"><br /><h2><a href="رابط موضوع 3" target="_blank">عنوان الموضوع رقم 3</a></h2><br /><p>وصف الموضوع رقم 3</p><br /></div><br /></div><br /><br /><br /><div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""><br /><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6W5SyHOPJhJIqh1-HYrCQPQE2lICUKaAVL00Hn2NpC3ksSgjNKvL7Mq0h4ZBu8QWdaCVcsfy4RQ0bFYffeoG4UhrTPlI5XZP6oi0yzAeyh81iu7pACwL_7WgOjaTl6wmFCtOhv0XX5vo/s1600/4.jpg"/><br /><div class="info"><br /><h2><a href="رابط موضوع 4" target="_blank">عنوان الموضوع رقم 4</a></h2><br /><p>وصف الموضوع رقم 4</p><br /></div><br /></div><br /><br /></div><br /><div style="clear:both;"></div><br /><br/><br /><div></div></span><br /><span style="color: #660000;"><span style="color: red;"></span></span></div></div></div></div>   <span style="font-size: large;"><br /></span></div><div style="text-align: center;"><span style="font-size: large;"><span style="color: #990000;">قم بالتعديل كما هو موضح بالكود</span></span></div><div style="text-align: center;"></div><div style="text-align: center;"><div style="text-align: right;"><span style="font-size: large;"><span style="color: #990000;"><span style="color: #990000;"><span style="color: #cc0000;">ملاحظة :</span> <span style="color: #274e13;">لإجراء بعض التعديلات على لون الخلفية ولون الخط وحجم السلايدر , يمكنك التعديل على الأكواد المضللة .</span></span></span></span></div></div><div style="text-align: center;"><span style="font-size: large;"><span style="font-size: medium;"><span style="color: #990000;"><b>انتهى </b></span></span></span></div><span style="font-size: medium;"></span></div>

مكتبة الدروس دروس مدونة بلوجر تركيب عارض الشرائح لمواضيعك بطريقة بسيطة أولاً : انتقل الى https://www.blogger.com ثانياً : نختار تخطيط >...

[Click To Continue...]

0 comments

تركيب slideshows لمدونة بلوجر رقم 2

By Unknown | Follow me On twitter Here

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><div><div style="text-align: right;"><span class="item_price1">مكتبة الدروس</span><br /><span class="item_price">دروس مدونة بلوجر</span></div><div style="text-align: right;"></div><div style="text-align: right;"><div style="text-align: center;"><div style="text-align: right;"><br /></div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi62H39JEmTcKDkVkZA_JftVTYtoZFIzYC5YBY4ZIdTEVxdgzIfw6QvpMLbNwxoa6SpKR18mihKulBpWQ4XO-iQPwpgpSL7qBNO1Uqu3Beyf1-v_odJDvFK5qvq55zelfsDOTaMQfy9lJdF/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi62H39JEmTcKDkVkZA_JftVTYtoZFIzYC5YBY4ZIdTEVxdgzIfw6QvpMLbNwxoa6SpKR18mihKulBpWQ4XO-iQPwpgpSL7qBNO1Uqu3Beyf1-v_odJDvFK5qvq55zelfsDOTaMQfy9lJdF/s400/1.jpg" width="400" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;"><span style="color: #134f5c;">تركيب عارض الشرائح لمواضيعك بطريقة بسيطة</span></span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span><span style="font-size: large;">أولاً : انتقل الى <a href="https://www.blogger.com/">https://www.blogger.com</a></span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"><br /></span><span style="font-size: large;">ثانياً : نختار تخطيط >> اضافة أداة >> نختار HTML/JavaScript</span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;"><br /></span><span style="font-size: large;">ثالثاً : نضع الكود التالي</span><br /><span style="font-size: large;"></span><br /><a name="more"></a></div><div style="text-align: center;"></div><span style="font-size: small;"><span style="font-size: small;"></span> </span><br /><div dir="rtl" style="text-align: left;"><div dir="rtl"><div style="background-attachment: initial; background-clip: initial; background-color: #ffffb2; background-image: initial; background-origin: initial; border-color: rgb(255, 175, 10); border-image: initial; border-radius: 3px 3px 3px 3px; border-style: dashed; border-width: 2px; box-shadow: 0px 0px 0px 4px rgb(255, 175, 10), 2px 1px 6px 4px rgba(10, 10, 0, 0.498); font-size: 21px; line-height: 1.3em; margin: 10px; padding: 5px 10px; text-shadow: -1px -1px rgb(19, 176, 178);"><div dir="ltr" style="text-align: left;"><<span style="font-size: small;">script src="http://dl.dropboxusercontent.com/s/d8yagy0po185cll/contentslider-n-b-l-t-r.js" type="text/javascript"></script><br /><script src="http://dl.dropboxusercontent.com/s/hge1mqatia1bydw/n17-content-slider-026.js" type="text/javascript"></script><br /><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br /><style type="text/css"><br />.sliderwrapper{<br />position: relative; /*leave as is*/<br />overflow: hidden; /*leave as is*/<br />border: 5px <span style="background-color: black;"><span style="color: white;">solid #333333</span></span>;<br />border-bottom-width: 5px;<br />width: 565px; /*width of featured content slider*/<br />height: 175px;<br />margin-left:15px;<br />}<br />.sliderwrapper .contentdiv{<br />visibility: hidden; /*leave as is*/<br />position: absolute; /*leave as is*/<br />left: 0; /*leave as is*/<br />top: 0; /*leave as is*/<br />padding: 5px;<br /><span style="background-color: #bf9000;"><span style="color: #ffe599;">background: #FFFFCB</span></span>;<br />width: 555px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */<br />height: 100%;<br />filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);<br />-moz-opacity: 1;<br />opacity: 1;<br />margin-top:0px;<br />}<br />.pagination{<br />width: 555px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/<br />text-align: right;<br /><span style="background-color: black;"><span style="color: white;">background-color: #333333</span></span>;<br />padding: 5px 10px;<br />margin-top:-3px;<br />height:30px;<br />margin-left:15px;<br />}<br />.pagination a{<br />padding: 0 5px;<br />text-decoration: none;<br />color: #000;<br />background: #AAAAAA;<br />}<br />.pagination a:hover, .pagination a.selected{<br />color: #000;<br />background-color: #FFF;<br />}<br /><br /></style><br /><br /><br /><br /><div class="sliderwrapper" id="slider1"><br /><div class="contentdiv"><br /><img height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6W5SyHOPJhJIqh1-HYrCQPQE2lICUKaAVL00Hn2NpC3ksSgjNKvL7Mq0h4ZBu8QWdaCVcsfy4RQ0bFYffeoG4UhrTPlI5XZP6oi0yzAeyh81iu7pACwL_7WgOjaTl6wmFCtOhv0XX5vo/s1600/4.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="230" /><br /><h2><a href="رابط موضوع 1" target="_blank">عنوان الموضوع رقم 1</a></h2>وصف الموضوع رقم 1<br /></div><br /><div class="contentdiv"><br /><img height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_9JV8Ote8RY0HAjjG72aJtCXcU_y9X6QH-jEP57Lw_cGfuhyBK-WMICyeOHSUTlq2AkxHia-3hER-Nc_UZjyWxgLdtw8UWqr9uhZp8kUQt-UAs_iR-R1-0xfITtWIxWfyv1vk5uGRo9I/s1600/2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="230" /><br /><h2><a href="رابط موضوع 2" target="_blank">عنوان الموضوع رقم 2</a></h2>وصف الموضوع رقم 2<br /></div><br /><div class="contentdiv"><br /><img height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipopcMl0ApNCWRkCIEBWvaONzpG5xOw_C_3iB1xGDp90MGyP5_8GuG6n0Ca2Nk7RrEMD-CIOvh26FlAoyxC9Xy5Opv_HJeBiYTKM_R0NOF1PZA_OH63zxkK6GSl_TXmbBjuoVhyIfLcQY/s1600/3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="230" /><br /><h2><a href="رابط موضوع 3" target="_blank">عنوان الموضوع رقم 3</a></h2>وصف الموضوع رقم 3<br /></div><br /><div class="contentdiv"><br /><img height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6W5SyHOPJhJIqh1-HYrCQPQE2lICUKaAVL00Hn2NpC3ksSgjNKvL7Mq0h4ZBu8QWdaCVcsfy4RQ0bFYffeoG4UhrTPlI5XZP6oi0yzAeyh81iu7pACwL_7WgOjaTl6wmFCtOhv0XX5vo/s1600/4.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="230" /><br /><h2><a href="رابط موضوع 4" target="_blank">عنوان الموضوع رقم 4</a></h2>وصف الموضوع رقم 4<br /></div><br /><div class="contentdiv"><br /><img height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrHBMAzi6sOTQFLGtq8fS2rKvp1MwQviMvNZSSP99HldPkVQdfWwE94m551qTPVyyXz4LUM3nnqUarku-_gEuPDfM2xii_6XGgEEe9Xn4b6A7Zk6-PO6APoICZyizTV9S62LJGIJC9tg/s1600/1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="230" /><br /><h2><a href="رابط موضوع 5" target="_blank">عنوان الموضوع رقم 5</a></h2> وصف الموضوع رقم 5<br /></div><br /></div><br /><div class="pagination" id="paginate-slider1"><br /></div><br /><script type="text/javascript"><br />featuredcontentslider.init({<br />id: "slider1", //id of main slider DIV<br />contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]<br />toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]<br />nextprev: ["السابق", "التالي"], //labels for "prev" and "next" links. Set to "" to hide.<br />enablefade: [true, 0.2], //[true/false, fadedegree]<br />autorotate: [true, 3000], //[true/false, pausetime]<br />onChange: function(previndex, curindex){ //event handler fired whenever script changes slide<br />//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)<br />//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)<br />}<br />})<br /></script></span><br /><span style="color: #660000;"><span style="color: red;"></span></span></div></div></div></div><div style="text-align: center;"><br /><span style="font-size: large;"><span style="color: #990000;">قم بالتعديل كما هو موضح بالكود </span></span></div><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-size: large;"><span style="color: #990000;"><span style="color: #990000;"><span style="color: #cc0000;">ملاحظة :</span> <span style="color: #274e13;">لإجراء بعض التعديلات على لون الخلفية ولون الخط</span></span></span></span></div><div style="text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-by_LSnp8q6Ofp7cJzU1q1sLTqSESyNggunYG2Na_a5uCHoONtO2-6ViReyKDk9-rYtK49YmQfsvZ47tlaDACx3k8LO6K20qg_C1tmu5cxOtU0lnx-YL6xxXnZO01fS7SHcjF9tYCyDrN/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-by_LSnp8q6Ofp7cJzU1q1sLTqSESyNggunYG2Na_a5uCHoONtO2-6ViReyKDk9-rYtK49YmQfsvZ47tlaDACx3k8LO6K20qg_C1tmu5cxOtU0lnx-YL6xxXnZO01fS7SHcjF9tYCyDrN/s400/2.JPG" width="400" /></a></div><div style="text-align: center;"></div><div style="text-align: right;"><span style="font-size: large;"><span style="color: #990000;"><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #990000;"><span style="color: #274e13;">1) لتغيير لون الخلفية  </span></span><span style="background-color: #bf9000;"><span style="color: #ffe599;">background: #FFFFCB</span></span></span></span></span></span></div><div style="text-align: right;"><span style="font-size: large;"><span style="color: #990000;"><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #cc0000;"> </span></span></span> </span></span></span></span></div><div style="text-align: right;"><span style="font-size: large;"><span style="color: #990000;"><span style="color: #990000;"><span style="color: #274e13;">2</span></span></span><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #cc0000;"><span style="color: #274e13;">) </span><span style="color: #274e13;">لتغير لون الإطار</span>  </span></span></span><span style="color: #38761d;"><span style="background-color: black;"><span style="color: white;">solid #333333 </span></span></span></span></div><span style="font-size: large;">   <span style="color: #274e13;">أيضاً </span></span><br /><div style="text-align: right;"><span style="font-size: large;"><span style="color: #38761d;"><span style="background-color: black;"><span style="color: white;"><span style="background-color: black;"><span style="color: white;">background-color: #333333 </span></span></span></span></span></span><br /><br /><div style="text-align: center;"><span style="color: #274e13;"><span style="font-size: large;"><b>انتهى </b></span></span></div></div><div style="text-align: center;"></div></div>

[Click To Continue...]

0 comments

الاشتراك في: الرسائل ( Atom )