tag:blogger.com,1999:blog-7378242901716965592024-02-20T19:31:58.508-08:00مدونة نور الهدىمدونة نور الهدى تهتم بأساليب نطوير المدونات والمواقع وجعلها أكثر احترافية وذلك بفضل الدروس التي سنقدمها لكمnourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-737824290171696559.post-80244922584049627742010-11-20T13:45:00.000-08:002010-11-20T13:51:54.148-08:00الكتابة على شكل جميل<div dir="rtl" style="text-align: right;" trbidi="on"><br />
<br />
<br />
<span style="font-size: large;">من الاضافات التي تعطي المدونة جمالية واحترافية ان تتوفر على هذا الشكل الجميل من الكلمات </span><br />
<br />
<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><br />
<br />
<embed allowscriptaccess="always" bgcolor="#ffffff" flashvars="tcolor=0x842DCE&mode=tags&distr=true&tspeed=200&tagcloud=<tags>
<a href='http://www.leblogger.com/' style='20'>Blogger</a>
<a href='http://www.leblogger.com/' style='25'>LeBlogger</a>
<a href='http://www.leblogger.com/' style='20'>Blogger.com</a>
<a href='http://www.leblogger.com/' style='10'>www.LeBlogger.comBlogger</a><a href='http://www.leblogger.com/' style='20'>Google</a>
<a href='http://www.leblogger.com/' style='20'>Yahoo</a>
<a href='http://www.leblogger.com/' style='20'>Gmail</a>
<a href='http://www.leblogger.com/' style='20'>facebook</a>
<a href='http://www.leblogger.com/' style='12'>nourelhouda</a>
<a href='http://www.leblogger.com/' style='12'>Wordpress</a>
<a href='http://www.leblogger.com/' style='12'>khemisset</a>
<a href='http://www.leblogger.com/' style='12'>Libellés</a>
<a href='http://www.leblogger.com/' style='12'>Archives</a>
<a href='http://www.leblogger.com/' style='12'>L</a>
<a href='http://www.leblogger.com/' style='12'>LeBlogger.com</a>
<a href='http://www.leblogger.com/' style='12'>Widget</a>
<a href='http://www.leblogger.com/' style='15'>Gadget</a>
<a href='http://www.leblogger.com/' style='15'>MSN</a>
<a href='http://www.leblogger.com/' style='15'>marocco</a>
<a href='http://www.leblogger.com/' style='15'>Drapeaux</a>
<a href='http://www.leblogger.com/' style='15'>Maroc</a>
<a href='http://www.leblogger.com/' style='15'>Traducteur</a>
<a href='http://www.leblogger.com/' style='15'>abedlilah</a>
<a href='http://www.leblogger.com/' style='15'>Facebook</a>
<a href='http://www.leblogger.com/' style='15'>Twitter</a>
<a href='http://www.leblogger.com/' style='15'>hizi</a>
<a href='http://www.leblogger.com/' style='15'>astuces</a>
<a href='http://www.leblogger.com/' style='12'>benabbou</a>
<a href='http://www.leblogger.com/' style='12'>USA</a>
<a href='http://www.leblogger.com/' style='9'>Français</a>
<a href='http://www.leblogger.com/' style='9'>amsterdam</a>
<a href='http://www.leblogger.com/' style='9'>nl</a>
<a href='http://www.leblogger.com/' style='9'>rabat</a>
<a href='http://www.leblogger.com/' style='9'>vive morokko</a>
<a href='http://www.leblogger.com/' style='9'>elissa</a>
<a href='http://www.leblogger.com/' style='18'>Articles</a>
<a href='http://www.leblogger.com/' style='18'>Commentaires</a>
<a href='http://www.leblogger.com/' style='18'>layla</a>
</tags>" height="400" id="tagcloud" name="tagcloud" quality="high" src="http://blogspot.leblogger.com/divers/tagcloud00.swf" type="application/x-shockwave-flash" width="400"></embed></div></div><br />
<br />
<span style="font-size: large;"> وهو عبارة عن كود تضيفه إلى المدونة من خلال إضافة عنصر HTML/ java</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">كود: </span><br />
<br />
<span style="font-size: large;"><div dir="rtl" style="text-align: right;" trbidi="on"><br />
<div style="text-align: center;"></span><br />
<span style="font-size: large;"><br />
<embed allowscriptaccess="always" bgcolor="#ffffff" flashvars="tcolor=0x842DCE&amp;mode=tags&amp;distr=true&amp;tspeed=200&amp;tagcloud=&lt;tags&gt;<br />
&lt;a href='http://www.leblogger.com/' style='20'&gt;Blogger&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='25'&gt;LeBlogger&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='20'&gt;Blogger.com&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='10'&gt;www.LeBlogger.comBlogger&lt;/a&gt;&lt;a href='http://www.leblogger.com/' style='20'&gt;Google&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='20'&gt;Yahoo&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='20'&gt;Gmail&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='20'&gt;facebook&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;nourelhouda&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;Wordpress&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;khemisset&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;Libellés&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;Archives&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;L&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;LeBlogger.com&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;Widget&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Gadget&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;MSN&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;marocco&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Drapeaux&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Maroc&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Traducteur&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;abedlilah&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Facebook&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;Twitter&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;hizi&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='15'&gt;astuces&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;benabbou&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='12'&gt;USA&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;Français&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;amsterdam&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;nl&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;rabat&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;vive morokko&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='9'&gt;elissa&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='18'&gt;Articles&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='18'&gt;Commentaires&lt;/a&gt;<br />
&lt;a href='http://www.leblogger.com/' style='18'&gt;layla&lt;/a&gt;<br />
&lt;/tags&gt;" height="400" id="tagcloud" name="tagcloud" quality="high" src="http://blogspot.leblogger.com/divers/tagcloud00.swf" type="application/x-shockwave-flash" width="400"></embed></div><br />
</div></span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;"> قم بنسخه ثم توجه إلى مدونتك في لوحة التحكم + التخطيط + إضافة عنصر وتختار المكان </span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">المناسب + اختر <span style="color: #741b47;">HTML/Javascript</span> وقم بلصق الكود فى المربع ثم اضغط حفظ</span> </div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-80084803210498238852010-11-19T16:23:00.000-08:002010-11-19T17:10:23.931-08:00كيف اضيف البوم الصور لمدونة بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">من بين الاشياء التي قد نحتاجها في بعض المواضع ألبوم الصور فهو خاصية مهمة ويزيد من احترافية المدونة</span><br />
<span style="font-size: large;"> </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">اليوم سأشرح لكم كيف نقوم باضافة البوم الصور لمدونة بلوجر الامر سهل جدا ولن يستغرق كثيرا من الوقت</span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<br />
<div><embed allowscriptaccess="always" flashvars="gW=285651&bC=f2f2e8&aC=2a0000&v=1.2" height="375" name="gw285651" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="best" src="http://goodwidgets.com/widgets/lightbox.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed><br />
<a href="http://www.goodwidgets.com/" style="color: #2a0000; font-family: arial,sans-serif; font-size: 9px; text-decoration: none;" target="_blank">Powered by GoodWidgets.com</a></div><br />
<br />
<br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> لدخول الموقع </span><a href="http://www.goodwidgets.com/widgets/list"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">اضغط هنا </span></a><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ثم اختر الشكل الذى يعجبك واضغط على<span style="color: #741b47;"> get free</span> </span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ولتحميل الصور من جهازالكمبيوتر اضغط على <span style="color: #741b47;">upload your own</span> </span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">بعد ذلك اضغط على <span style="color: #741b47;">save changes</span> </span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> ثم <span style="color: #741b47;">configure</span> في هذه الصفحة عليك ان تكتب اسم الالبوم وتختار لون اطار الصور ثم تضغط على <span style="color: #741b47;">save</span> </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> وفى الاخير تدهب الى <span style="color: #741b47;"> share</span> للحصول على الكود قى اسفل الصفحة تجد الكود وتقوم بنسخه </span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وتدهب الى اضافة اداة <span style="color: #741b47;"> java script</span> وتقوم بلصق الكود</span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وهذه هي النتيجة</span><br />
<br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></div><br />
<br />
<br />
<br />
<div dir="rtl" style="text-align: right;" trbidi="on"><div><embed allowscriptaccess="always" flashvars="gW=285505&bC=f2f2e8&aC=110000&v=1.2" height="300" name="gw285505" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="best" src="http://goodwidgets.com/widgets/shift.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed><br />
<a href="http://www.goodwidgets.com/" style="color: #110000; font-family: arial,sans-serif; font-size: 9px; text-decoration: none;" target="_blank">Powered by GoodWidgets.com</a></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-56256385588225385312010-11-18T18:09:00.000-08:002010-11-18T18:24:16.630-08:00كيف اضيف عداد الزوار لمدونة بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">من الاضافات التي تعطي المدونة جمالية واحترافية ان تتوفر على عداد الزوار بواسطته </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">يتمكن المدون من إحصاء عدد الزيارات التي تمث لمدونته منذ تاريخ إضافة العداد إلى </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">مدونته، وهذا الدور تقوم به العدادات الكلاسيكية العادية وهي عبارة عن كود تضيفه</span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">إلى المدونة من خلال إضافة عنصر <span style="color: #741b47;">HTML/ java</span> في الموضع الذي تريد ان يظهر </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">فيه العداد ، وهو في الغالب أسفل المدونة، وفي هذه التدوينة سنشير إلى اصناف من </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">العدادات التي تتفاوت في قدراتها وإمكانياتها، فبعضها يكتفي بإحصاء عدد الزيارات </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">لصفحات المدونة، وبعضها الآخر يزيد على ذلك فيخبرك بالدول والأماكن التي تمت منها الزيارة، </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">موقع: </span><a href="http://www.widgeo.net/"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">http://www.widgeo.net/</span></a><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وفي هذا الموقع تجد انواعا عديدة من عدادات الزوار يمكنكن أن تختار منها حسب </span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">حاجتك وتظهر فيالقائمة العلوية من الموقع</span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">بعد اختيار نوع العداد والتأشير عليه تنتقل غلى اسفل الصفحة قليلا لتملأ بعض البيانات </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">المطلوبة منك </span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وكلها اختيارية باستثناء تحديد النطاق الزمني لدولتك ، تضغط على <span style="color: #741b47;">( ok )</span> </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وستظهر لك صفحة تحتوي على كود العداد الذي اخترته. قم بنسخه </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ثم توجه إلى مدونتك في لوحة التحكم + التخطيط + إضافة عنصر وتختار المكان </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">المناسب + اختر <span style="color: #741b47;">HTML/Javascript</span> </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وقم بلصق الكود فى المربع ثم اضغط حفظ </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وهكذا تكون قد زودت مدونتك بعداد الزوار</span> <br />
<br />
<br />
</div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-35694541335125729322010-11-18T17:34:00.001-08:002010-11-18T17:53:41.308-08:00كيف اضيف الالعاب لمدونة بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ندخل هذا الموقع </span><a href="http://www.widgetbox.com/search?q=games"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">widgetbox.</span></a><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">نخثار اللعبة التي نريد ثم نضغط عليها انا سأختار </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> <span style="color: #741b47;">King Ping Pong</span></span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">بعد الضغط عليها اعطتني اللعبة </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> الان ادهب الى <span style="color: #741b47;">get widget</span> مكتوبة في زر اخضر قم بالضغط على الزر سيعطيك </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">الكود قم بنسخ وادهب الى اضافة اداة واختار <span style="color: #741b47;">html javascript</span> </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ثم قم بنسخ الكود والنتيجة هاهية</span> </div><br />
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('7e3aaaef-d8b9-4b69-bfbb-a6e54a16ba6b');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/king-ping-pong">King Ping Pong</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-31657216569539008142010-11-18T17:24:00.000-08:002010-11-18T17:24:38.330-08:00اضافة شريط آخر الاخبار لقناة الجزيرة او العربية .<div dir="rtl" style="text-align: right;" trbidi="on"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">شرح طريقة تزيين مدونتك بشريط لآخر الأخبار لقناتي<span style="color: #741b47;"> </span><span style="color: #009900;"><span style="color: #741b47;">( الجزيرة ، العربية )</span> </span>فهي أداة </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">رائعة تقوم بلفت انتباه الزائر لقرأة أخر الأخبار ومن مدونتك كما تعطي لمدونتك طابع جميل .</span><br />
<span style="font-size: large;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="color: red;"> </span><span>اذهب إلى<span style="color: #741b47;"> </span><strong style="color: red;"><span style="color: #6666cc;"><span style="color: red;"><span style="color: #741b47;">التخطيط</span></span></span></strong><span style="color: red;"> </span>من لوحة التحكم بمدونتك .</span></span></span><br />
<span></span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> </span><span><span></span></span><span><span><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: large;">اذهب إلي <span style="color: #0b5394;"><strong><span style="color: #6666cc;"><span style="color: lime;"><span style="color: red;"><span style="color: #741b47;">اضافة</span></span> </span><span style="color: red;"><span style="color: #741b47;">أداة</span></span></span></strong></span><span style="color: red;"><span style="color: #741b47;"> :</span></span></span></span></span></span><br />
<span><span><span style="color: red;"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"></span></span></span></span><br />
<br />
<span><span><span style="color: red;"></span></span></span><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: large;"> <span>ثم قم باختيار ألأداة هذ ه <span style="color: #351c75;"><span style="color: red;"> </span><strong style="color: red;"><span style="color: #741b47;">HTML/</span><span style="color: #741b47;">JavaScript</span></strong></span></span></span></span><br />
<span><span><span style="color: red;"></span></span></span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"> </span><span style="font-size: 130%;"><span></span><span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<div id="code"><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"><div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div></span></div><br />
<span style="font-family: arial;"></span> </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">قم بنسخ الكود كاملا التالي :</span><br />
<div id="code"><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"><script language="JavaScript"><!--<br />
var g=new Date(); g=g.getTime()%1000;<br />
document.writeln('<iframe width=100% height=18 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/News_Grab/jazeera.php>');<br />
// --></script><br />
<noscript><!--webbot bot="HTMLMarkup" startspan --><iframe scrolling="no" frameborder="0" width="0" marginheight="0"<br />
height="0" marginwidth="0"><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></iframe><!--webbot bot="HTMLMarkup" endspan --></noscript></span></div><br />
<span style="color: red;"> </span><span style="font-size: 130%;"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">قم بلصق الكود في هذه الخانة ثم اضغط حفظ</span></span><br />
<br />
<br />
<span><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: large;"><span>ولإضافة شريط الأخبار الخاص<span style="color: #741b47;"> <span style="color: red;"><span style="color: #741b47;">بقناة</span> <span style="color: #741b47;">العربية</span></span></span> قم </span><span>بنسخ الكود التالي عوضا عن الكود السابق :</span></span></span></span></div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-86953808845219755472010-11-18T17:00:00.000-08:002010-11-30T12:15:51.288-08:00إخفاء الشريط العلوي navbar في مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><strong><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">لإخفاء الشريط العلوي – النافيار Navbar - الذي الذي يظهر في مدونات بلوجر ، </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">وهو على كل حال مفيد لأنه يحتوي على محرك للبحث في المدونة ويحيلك على </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">المدونة الموالية ، إلا أن المدون قد يرغب في إزالته وعدم ظهوره ، حتى تكون </span><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">مدونته بمظهر أجمل وأفضل وأكثر احترافية ٫ </span><br />
<span style="font-size: large;"><span style="font-family: Georgia, "Times New Roman", serif;"><b>ولحسن الحظ فمدونات بلوجر تتيح إمكانية إزالة هذا الشريط ، ويمكنك القيام بذلك </b></span></span><br />
<br />
<span style="font-size: large;"><span style="font-family: Georgia, "Times New Roman", serif;"><b>باتباع الخطوات التالية : </b></span></span><b><br />
</b><br />
<span style="font-size: large;"><span style="font-family: Georgia, "Times New Roman", serif;"><b>ادخل إلى حسابك على بلوجر .</b></span></span><b><br />
</b><br />
<b><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">اضغط في لوحة التحكم على "تخطيط" ثم على "تحرير html”.</span></b><br />
<br />
<strong><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">لتسهيل البحث اضغط على ctrl و f</span></strong><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;"><strong>وابحث عن هذا الكود</strong></span><br />
<br />
<strong><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">Variable definitions</span></strong><br />
<br />
<br />
<b></b><b><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">أو /* Variable definitions<br />
====================</span></b><br />
<br />
<span style="font-size: large;"><span style="font-family: Georgia;"><span class="short_text" id="result_box"><span onmouseout="this.style.backgroundColor='#fff'" onmouseover="this.style.backgroundColor='#ebeff9'" style="background-color: white;" title="coller"><span style="font-family: Times New Roman;">لصق</span></span></span> هذا الكود <span class="short_text" id="result_box"><span onmouseout="this.style.backgroundColor='#fff'" onmouseover="this.style.backgroundColor='#ebeff9'" style="background-color: white;" title="avant"><span style="font-family: Times New Roman;">قبل </span><span style="font-family: Georgia;">الكود </span><span class="short_text" id="result_box"><span onmouseout="this.style.backgroundColor='#fff'" onmouseover="this.style.backgroundColor='#ebeff9'" style="background-color: white;" title="premier"><span style="font-family: Times New Roman;">الأول</span></span></span></span></span></span></span><br />
<br />
<br />
<br />
<span style="font-size: large;">#navbar-iframe { display: none !important; }</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><br />
</b></strong></div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-37168679301037636392010-11-18T12:38:00.000-08:002010-11-20T14:12:44.830-08:00ترقيم صفحات مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: black; font-family: Georgia, "Times New Roman", serif; font-size: large;">ترقيم صفحات مدونات بلوجر هو حقا شىء ممتع وضروري بحيث يستطيع أي زائر تصفح مواضيع مدونتك بشكل منتظم واحدا تلوا الأخر ويجعلها تظهر أكثر وضوحا وبساطة للقراء كما يوفر عليك عناء استخدام التسميات و القوائم المسندلة المتعبة .</span></div><span style="color: black; font-family: Georgia, "Times New Roman", serif; font-size: large;">كما يمكنك اختيار الشكل واللون المناسب الذي تريد ان يظهر عليه جدول ترقيم صفحات مدونتك وكذا عدد الصفحات التي تريد أن تظهر بالصفحة الرئيسية للمدونة .<br />
الطريقة مجربة 100 بالمائة وقد قمت بتجريبها ثلات مرات على مدونتي <span style="color: #741b47;">نور الهدى</span> في انتظار مواضيع اخرى تتعلق بترقيم صفحات مدونات</span><br />
<span style="font-family: Georgia; font-size: large;"></span><span style="color: black; font-family: Georgia, "Times New Roman", serif; font-size: large;"><br />
<span style="color: black;"><b>اذا أردت ترقيم صفحات مدونتك اتبع الخطوات البسيطة التالية :</b></span><br />
- قم بتسجيل الدخول الى مدونتك على موقع <span style="color: #741b47;">blogger</span> .<br />
- من لوحة <b>التحكم</b> اختر <b>التخطيط</b> ثم اختر <b>تحرير html</b>.<br />
- قم بحفظ نسخة من <b>قالب</b> مدونتك كخطوة احتياطية .<br />
- اضغط المفتاح <b>f3</b> من لوحة المفاتيح وابحث عن الكود التالي :</span><br />
<div style="text-align: right;"><span style="background-color: white; font-family: Georgia, "Times New Roman", serif; font-size: large;"></<span style="background-color: #a64d79;">body</span>></span></div><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-family: Times New Roman;"> </span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">- ثم قبل الكود السابق تماما قم بلصق الكود التالي :</span></span><span style="font-size: large;"></span><br />
<div class="code"><span style="font-size: large;"><!--PAGINATION-STARTS--></span><br />
<span style="font-size: large;"><script type='text/javascript'></span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">var pageCount=10;</span><br />
<span style="font-size: large;">var displayPageNum=3;</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">var upPageWord =&#39;Previous&#39;;</span><br />
<span style="font-size: large;">var downPageWord =&#39;Next&#39;;</span><br />
<span style="font-size: large;"></script></span><br />
<span style="font-size: large;"><script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/></span><br />
<span style="font-size: large;"><script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/></span><br />
<span style="font-size: large;"><!--PAGINATION-STOPS--></span></div><br />
<span style="font-size: large;"> </span><span style="font-size: large;">ثم قم بالبحث مرة ثانية عن الكود التالي :</span><span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;"></<span style="background-color: #741b47; color: black;">head</span>></span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">- ثم قم بلصق الكود التالي قبل الكود السابق .</span><br />
<div class="code"><span style="font-size: large;"><!--PAGINATION-STARTS--></span><br />
<span style="font-size: large;"><link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/></span><br />
<span style="font-size: large;"><style type='text/css'></span><br />
<span style="font-size: large;">.showpage a:hover {</span><br />
<span style="font-size: large;">color: #FFFFFF;</span><br />
<span style="font-size: large;">background-color: #92416C;</span><br />
<span style="font-size: large;">}</span><br />
<span style="font-size: large;">// STYLE CODE FOR SELECTED PAGE STARTS</span><br />
<span style="font-size: large;">.showpagePoint {</span><br />
<span style="font-size: large;">color: #FFFFFF;</span><br />
<span style="font-size: large;">background: #92416C;</span><br />
<span style="font-size: large;">border: 1px solid #92416C;</span><br />
<span style="font-size: large;">}</span><br />
<span style="font-size: large;">// STYLE CODE FOR NUMBER BUTTONS STARTS</span><br />
<span style="font-size: large;">.showpageNum a:link,.showpage a:link {</span><br />
<span style="font-size: large;">color: #000000 !important;</span><br />
<span style="font-size: large;">background-color: #92416C;</span><br />
<span style="font-size: large;">border: 1px solid #92416C;</span><br />
<span style="font-size: large;">} </span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">// HOVER CODE for NUMBER BUTTONS</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">.showpageNum a:hover {</span><br />
<span style="font-size: large;">color: #FFFFFF !important;</span><br />
<span style="font-size: large;">background: #92416C !important;</span><br />
<span style="font-size: large;">border: 1px solid #92416C;</span><br />
<span style="font-size: large;">}</span><br />
<span style="font-size: large;">// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS</span><br />
<span style="font-size: large;">.showpageArea a {</span><br />
<span style="font-size: large;">border: 1px solid #92416C;</span><br />
<span style="font-size: large;">}</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">// HOVER CODE for NEXT-PREV BUTTONS</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">.showpageArea a:hover {</span><br />
<span style="font-size: large;">border: 1px solid #92416C;</span><br />
<span style="font-size: large;">color: #FFFFFF !important;</span><br />
<span style="font-size: large;">background: #92416C !important;</span><br />
<span style="font-size: large;">}</span><br />
<span style="font-size: large;"></style></span><br />
<span style="font-size: large;"><!--PAGINATION-STOPS-http://www.jedide.co.cc--></span></div><br />
<div style="text-align: right;"><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">ثم اضغط <b>حفظ القالب</b> .</span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">- من لوحة <b>التحكم</b> اختر <b>اعدادات</b> ثم اختر <b>التنسيق</b> ثم قم بتغيير عدد الرسائل التي يتم عرضها على الصفحة الرئيسية (الحد الأقصى لما يتم عرضه ) اختر 1 ثم اضغط <b>حفظ الإعدادات</b> .</span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">- من خلال هذا الكود يمكنك اختيار عدد الصفحات التي تظهر اختر صفحة واحدة أفضل .</span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="background-color: #741b47;"><span style="background-color: yellow;"><span style="font-size: large;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="background-color: #741b47;">1=var</span><span style="background-color: #741b47;"> pageCount;</span></span></span></span></span><br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">-ومن خلال الكود التالي يمكنك تحديد عدد الخانات الخاصة باطار ترقيم الصفحات التي تظهر .</span><br />
<span style="font-size: large;"><br />
<span style="font-family: Georgia, "Times New Roman", serif;"></span></span><br />
<span style="background-color: yellow;"><span style="background-color: #741b47; font-family: Georgia, "Times New Roman", serif; font-size: large;">var displayPageNum=3;</span></span></div><br />
<br />
<br />
<div style="text-align: center;"><span style="font-size: large;"><br />
</span></div></div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.comtag:blogger.com,1999:blog-737824290171696559.post-79302954911876885732010-11-18T10:34:00.000-08:002010-11-18T11:26:46.587-08:00كيف تنشأ مدونة في بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><br />
<br />
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">بسم الله الرحمن الرحيم أصدقائي الأعزاء السلام عليكم ورحمة الله أقدم لكم الليله شرحا لأسهل طريقه لعمل مدونة شخصيه في دقائق معدوده يمكنك إتمام ذلك</span><br />
<br />
<br />
<br />
<br />
<div align="center"><img alt="" border="0" height="376" onload="NcodeImageResizer.createOn(this);" originalheight="604" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog.gif" width="400" /></div><br />
<br />
<div align="center"><img alt="" border="0" height="357" onload="NcodeImageResizer.createOn(this);" originalheight="572" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog2.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="263" onload="NcodeImageResizer.createOn(this);" originalheight="421" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog3.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="270" onload="NcodeImageResizer.createOn(this);" originalheight="433" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog4.gif" width="400" /></div><br />
<div align="center"></div><br />
<div align="center"><img alt="" border="0" height="243" onload="NcodeImageResizer.createOn(this);" originalheight="390" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog6.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="243" onload="NcodeImageResizer.createOn(this);" originalheight="390" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog7.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="243" onload="NcodeImageResizer.createOn(this);" originalheight="390" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog8.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="214" onload="NcodeImageResizer.createOn(this);" originalheight="343" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog9.gif" width="400" /></div><br />
<div align="center"><img alt="" border="0" height="239" onload="NcodeImageResizer.createOn(this);" originalheight="383" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog10.gif" width="400" /></div><br />
<br />
<br />
<br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="http://i147.photobucket.com/albums/r299/sheridean/blog5.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" height="214" onload="NcodeImageResizer.createOn(this);" originalheight="343" originalwidth="640" src="http://i147.photobucket.com/albums/r299/sheridean/blog5.gif" width="400" /></a> </div></div>nourelhoudahttp://www.blogger.com/profile/12734626563748717568noreply@blogger.com