tag:blogger.com,1999:blog-85992479983828762452023-12-11T09:40:24.135+02:00مدونة سامكو | قوالب بلوجرتهتم بتصميم قوالب بلوجر ووردبريس واضافات بلوجر ووردبريس وتصميم قوالب بلوجر وتعريبها وكل ما يهم المدون وايضا شرح البرامج المساعدة لذلك ... تابعونا فى تصميم قوالب رمضان 2011KArDOOShttp://www.blogger.com/profile/07970914644626037501noreply@blogger.comBlogger38125tag:blogger.com,1999:blog-8599247998382876245.post-69442357140193664352011-08-20T14:05:00.001+02:002011-08-20T14:05:39.965+02:00تحديث البيك رانك : تم الحصول على ( 3/10 ) Google Page Rank<p>السلام عليكم ورحمة الله وبركاته</p> <p>كل عام وانتم بخير ورمضان كريم حمل لى شهر رمضان الكريم خيرا وفيرا ولله الحمد وهو تحديث البيك رانك الخاصة بمدونتى بعد عمل ومجهود طال مدونة السبعة أشهر وهو عمر مدونة سامكو ليصل من صفر الى ثلاثة ولله الحمد</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : تحديث البيك رانك : تم الحصول على ( 3/10 ) Google Page Rank" alt="مدونة سامكو : تحديث البيك رانك : تم الحصول على ( 3/10 ) Google Page Rank" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2yZMGmq6I5iTEx4EGQvFAG1XMxXvYnhIysISWwBvujQg0eZeZgZMctDtdKvUZLH5W0tlVBt34GOLB2Ju6yhzfEqpxDIjiii9KoIgHLBA7HKioWcbiosJnrsPRYgD2i5-223LtQU63Ei8//?imgmax=800" width="560" height="350" /></p> <a name='more'></a> <p>بعد بدء مدونتى فى بدايه هذا العام تم بحمد الله وتوفيقه الحصول على مكان متميز فى اليكسا بعد مرور اربعة اشهر ولكن تم تعديل الدومين من مجانى الى مدفوع لتبدأ المدونة من الصفر مرة اخرى وبحمد الله تم الرجوع الى ما تم خسارته بعد التحويل ب ل وافضل ليأتى لنا شهر رمضان المبارك بالخير الوفير وتكن مفاجأة جوجل بتعدل البيك رانك من صفر الى ثلاثة </p> <blockquote> <p>كل هذا يرجع أولا الى الله سبحانه وتعالى ثم لكم اخوانى واخواتى متابعى وزوار هذه المدونة المتواضعة فلكم كل الشكر والتقدير والدعاء بالتوفيق والحياة السعيدة الكريمة </p> </blockquote> <p align="center">كل عام وانتم بخير</p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-8599247998382876245.post-77527383314192195302011-08-01T14:32:00.001+02:002011-08-01T14:33:16.543+02:00كل عام وأنتم بخير بمناسبة حلول شهر رمضان المبارك<p>السلام عليكم ورحمة الله وبركاته </p> <p>بكل الحب والعرفان وباسمى المعانى والكلمات تهدى مدونة سامكو لكل زائريها ومتابعيها ولكل الامة الاسلامية أطيب واصدق تحياتها بمناسبة حلول شهر رمضان الكريم أعادة الله علينا وعليكم بالخير واليمن والبركات وتقبل منا صيامنا وسجودنا وقيامنا وغفر لما ما تقدم وما تأخر من ذنوبنا .</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | كل عام وأنتم بخير بمناسبة حلول شهر رمضان المبارك " alt="مدونة سامكو | كل عام وأنتم بخير بمناسبة حلول شهر رمضان المبارك " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLR2ViLvIFF8HkBask0fi7jtYwScI5_hb0O5DM3OBg0QIxQrGqsAiVfQIPmo9WMWq33GDd5hdssBk0MS2Z6OIHk2mMl93fU4_NLirSOH520nvGZTeTg8qPaFLEmatOtzU-GQ6DXzLkgg//?imgmax=800" width="560" height="350" /> </p> <a name='more'></a> <p>كل عام وانتم بخير ورمضان كريم</p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-8599247998382876245.post-86760035762601703462011-07-24T02:01:00.000+02:002011-07-24T02:05:07.591+02:00دورة تصميم قوالب بلوجر : تصميم هيدر يضم إعلانات أدسنس لمدونات بلوجر<div style="text-align: right" dir="rtl" trbidi="on">السلام عليكم ورحمة الله وبركاته <br />اليوم بإذن الله تعالى موعدنا مع درس جديد من دروس <a href="http://www.samco-b.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank">دورة تصميم قوالب بلوجر المجانية</a> وهو عبارة عن تصميم عن هيدر احترافى بسيط يضم قسمين فالقسم الاول يضم الجزء الخاص برأس الصفحة والقسم الثانى عبارة عن اداة لإضافة اى اعلانات او اضافات. <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiocYlU1NOGLC40lsgMeEKPcOYS1BSYglBZLarNpxwuW83uMsziladK46QV1OzEe2Xvnd3ifjxqsiUFd6kJtpsAyuSqaYCPUK_a95C_e-HNAStr22_VjyEKtc8FpCnEFNjAjrd82fcwn5o//?imgmax=800" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mJ5Vi-EkQvaVklBL1CaLVFQf0DP3FvZB3P6FkKt7IrFgKHIjLhuuNG0YKnBUS_juIn-XJPlY4e2T0H-9tPf_48PeBTOhMU7Kt4IVzj_ZvWyAGdsHwGQd4PbgSpLGfH3L9SvP2LG53wM//?imgmax=800" width="560" height="350" /></a> <a name='more'></a> فى الدرس السابق قمنا بشرح عمل الهيكل العام للقالب وأيضا قمنا بعمل الخصائص العامة للبادى وأيضا عمل الخصائص العامة للروابط  " <b><a href="http://www.samco-b.com/2011/07/body.html" target="_blank">يمكنك مراجعة الدرس من هنا</a></b> " <br /></div> <blockquote style="text-align: right" dir="rtl" trbidi="on">تنويه : <br />1- لابد من التركيز فى هذا الدرس لأننا سنقوم بعمل تجزئة للقالب وستكون هذه الجزئية مكررة <br />2-  يرجى مراجعة هذه الدروس <br />     <a href="http://www.samco-b.com/2011/03/blog-post_24.html">نظرة عامة على مكونات قوالب بلوقر</a> <br />     <a href="http://www.samco-b.com/2011/04/css.html">شرح أساسيات CSS - الجزء الأول</a> <br />     <a href="http://www.samco-b.com/2011/04/css_25.html">شرح أساسيات CSS - الجزء الثانى والاخير</a></blockquote> <h2 style="text-align: right" dir="rtl" trbidi="on">1- الشكل العام للقالب0</h2> <img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="http://www4.0zz0.com/2011/03/24/10/918210691.gif" width="560" height="450" /> <br /> <h2>2- تصميم الهيكل الخارجى <b><span style="color: red">" samco-body "</span></b></h2> وهو عبارة عن الجزء الذى يضم فى طياته كل مكونات القالب والأقسام الجانبية <br />1- نجيب الملف اللى عملناه فى الدرس السابق واللى فيه الاكواد السابقة  " <a href="http://www.filesin.com/C6FFF34150/download.html" target="_blank"><b>من هنا</b></a> " <br />2- انا مش هاكتب الكود السابق كله لكن هاكتب الجزء اللى هاشتغل من بعده وهيكون دايما مميز بلون أحمر <br /><b>الكود السابق</b> <br /> <div class="samcocode" align="justify"><b><span style="color: red">a:active {        <br />    color:#000000; <br />    text-decoration: underline; <br />    }</span></b><b> <br />                                <span style="color: blue">هنا هنحط تعريفات الخصائص</span>          <br /> <br /><span style="color: red">]]></span></b><span style="color: red"><b></b:skin> <br /></b></span><span style="color: red"><b></head> <br /></b></span><span style="color: red"><b><body>  <br /> <br /><span style="color: black">                      </span><span style="color: blue">      هنا هنحط اكواد التصميم والتقسيم <br /></span>                        <br /></body> </b></span> <br /><span style="color: #c0504d"><span style="color: red"><b></html></b></span></span></div> نيجى بقى ونعمل الهيكل نبدأ بعمل التقسيم وبعدين نعمله الخصائص CSS <br /> <h4>كود الهيكل الخارجى</h4> <table style="width: 560px" border="0" cellspacing="0" cellpadding="2"><tbody> <tr> <td valign="top" width="50">بعد كلمة </td> <td valign="top" width="94"> <div align="center"><span style="color: red"><b><body>  </b></span></div> </td> <td valign="top" width="449">يتم وضع الكود التالى</td> </tr> </tbody></table> <div class="samcocode"><div id='<b>samco-body</b>'> <br /> <br /></div></div> <table style="width: 560px" border="0" cellspacing="0" cellpadding="2"><tbody> <tr> <td dir="ltr" valign="top" width="85"> <div align="center"><span style="color: red"><div></span></div> </td> <td valign="top" width="475">ده بداية الكود طبعا تختلف التعريفات اللى Div زى ما هنشوف لاحقا ودى بنسميها التاج</td> </tr> <tr> <td dir="ltr" valign="top" width="85"> <div align="center"><span style="color: red">id</span></div> </td> <td valign="top" width="475">دى الجزء الخاص بالتعريف </td> </tr> <tr> <td dir="ltr" valign="top" width="85"> <div align="center"><span style="color: red">'samco-body'</span></div> </td> <td valign="top" width="475">اسم المعرف " يمكنك تغيره براحتك زى ما تحب" طبعا بنحطه بين قوسين</td> </tr> <tr> <td dir="ltr" valign="top" width="85"> <div align="center"><span style="color: red"></div></span></div> </td> <td valign="top" width="475">دى نهاية الكود</td> </tr> </tbody></table> دى مكررة فى أى تعريق اللى بيختلف حاجتين اسم المعرف أو اداة التعريف " <span style="color: red">id</span> "  <br />وكده يبقى علمنا التصميم طيب هنسيبه كده طبعا لا لازم نعمله الخصائص بتاعته <br /> <h4 style="width: 57.91%; height: 32px">خصائص الهيكل الخارجى " <span style="color: red">samco-body</span>" </h4> نحط الكود وده ونشرحه واحدة واحدة <br /> <div class="samcocode"><span style="color: blue">#</span><b>samco-body</b> {  <br />    margin: 0 auto; <br />    overflow: hidden; <br />    width: 950px; <br />}</div> دى الخصائص اللى انا اخترتها للهيكل الخارجى انت تقدر تغيرها زى ما تحب وتعمل معاينة علشان تشوف اختياراتك مثلا تحط خلفية او تكبر او تصغر العرض زى ما بتحب على حسب اختيارك <br /> <blockquote>ملاحظة هامة : احنا هنا بدأنا الكود بــ  <span style="color: blue"># </span>علشان التاج كان " <span style="color: blue">ID</span> " وفى حال وجود " <span style="color: blue">CLASS</span> " يتم وضع نقطة "<span style="color: blue"> <span style="font-size: large">.</span></span><span style="font-size: large"> </span>"</blockquote> <h4>وهيكون الشكل النهائى للكود كده</h4> <div class="samcocode"><b><span style="color: red">a:active {        <br />    color:#000000; <br />    text-decoration: underline; <br />    }</span></b><b>  <br /></b>#<b>samco-body</b> {  <br />    margin: 0 auto; <br />    overflow: hidden; <br />    width: 950px; <br />}<b>  <br /> <br /><span style="color: red">]]></span></b><span style="color: red"><b></b:skin> <br /></b></span><span style="color: red"><b></head> <br /></b></span><span style="color: red"><b><body>   <br /></b></span><div id='<b>samco-body</b>'> <br /> <br /> <br /> <br /> <br /></div><span style="color: red"><b>                        <br /></body> </b></span> <br /><span style="color: #c0504d"><span style="color: red"><b></html></b></span></span></div> <h2>3- تصميم الهيدر "<b><span style="color: red">samco-header</span></b>"</h2> بعد عمل الهيكل هناخد بقى تقسيم اول مكون من مكونات قالب بلوجر وهو الهيدر " <span style="color: red">header</span> " <br />نبدأ بعمل الكود ونشرحه واحدة واحدة وطبعا مكان الاكواد بداخل بعضها يعنى الكود ده هيبقى داخل الكود السابق وهكذا وللتبسيط والتسهيل هنعمل الاكواد على اكثر من مرحلة حسب طبيعة الهيدر الذى سيتم تقسيمه لشرح الفكرة وتكرارها بسهولة <br /> <h4 style="width: 64.79%; height: 30px">المرحلة الاولى : عمل منطقة الهيدر بشكل عام</h4> هنبدأ بكون التقسيم  " يمكنك وضع اسماء المكونات كما ترغب اللى هى باللون الاسود الغامق   " <br /><b><u><span style="color: red; font-size: small">الكود</span></u></b> <br /> <div class="samcocode"><div id='<b>samco-header</b>'> <br />    <br /></div><span style="color: red"><b> </b></span></div> وزى ما شرحنا قبل كده حطينا بداية الكود وبعدين حطينا اداة التعريف ثم وضعنا اسم المكون او المعرف  ثم أغلقنا الكود وده مهم اوى <br /> <h5><b><u><span style="color: red; font-size: small">الخصائص CSS</span></u></b></h5> <div class="samcocode"><span style="color: blue">#</span><b>samco-header</b> { <br />    background:#335506; <br />    color: #ffffff; <br />    height: 150px; <br />    overflow: hidden; <br />    padding: 0; <br />    width: 100%; <br />  margin-top: 10px; <br />}</div> <blockquote>هام <br />- يتم وضع الخصائص بعد نهاية الخصائص السابقة <br />- يتم وضع كود التقسيم داخل الكود السابق <span style="color: red">'<b>samco-body</b></span>'</blockquote> قم بعمل معاينة للقالب وهتلاقى دى النتيجة " <span style="color: blue">طبعا غير فى الخصائص زى ما تحب</span> " <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraqptBNknq9ON30arOeOS778VVusmvSsTcx5jr-jINg5UCLYyEoTUySTfzkEg0mNX4w2c3LBn0xFK3OSBPXZgrgahwDgW41y18dWJ-9tEelmQKpRHvoNaWzHxiFIZp-pmuFfxJJ2x_5M/s1600-h/samcoheader1%25255B6%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0lrayXeWlWPZ5h9sE1IIWUkKaS5R0RAv-9KwvyVIUJ2HcPKokx9lH7drG5bc0qR19PZxD2nWsenD_HtZNDQe9xr19f_AzhdHRGkd1WESpPx2z83bjBSrGCwTBC98YjAtOJl8Z73bM-ns//?imgmax=800" width="560" height="99" /></a> <br /> <h4 style="width: 75.24%; height: 26px">المرحلة الثانية : تقسيم الهيدر من الداخل الى قسمين</h4> شغلنا فى المرحلة دى هيكون داخل كود الهيدر السابق عمله وهيتم فيه تقسيم الهيدر الى جزئين واحد يمين والثانى يسار مثل الشكل ده <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUogKwNdBwGdpd6wByMGHde2CLUcChOpQdK30clMZCIpHne2L5RvPabKAYw-BW_Vc0Csn-ebB6gWLFemdyKqtANiAntlFMtHwPieGEj_qfNXOi49nOBUvt32hegg7Kbci-kFqnLneYnoI/s1600-h/samcoheader2%25255B2%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6tbcIMAdxq___68NawRN9CImdA5Bn2jRUXAVl5wn2_L29Rb36BWXUAK2vsUHo8FMqIjcRQVUh1a6aikrc3lrJ1r1LdtKtmfOU551z970CzMdLKUcCha0r2eh8vkrnksAkLHLHT5fmoE//?imgmax=800" width="560" height="99" /></a>  <br />زى ما عملنا قبل كده بالظبط هنجيب الكود السابق ونبدأ نشتغل عليه <br /> <div class="samcocode"><span style="color: red"><div id='<b>samco-header</b>'> <br /></span><span style="color: black"><div id='<b>samco-Rightheader</b>'>   <br /> <br /></div> <br /></span><span style="color: blue"><div id=<b>'samco-Leftheader'</b>> <br /> <br /></div> <br /></span><span style="color: red"></div><b> </b></span></div> برضة زى ما عملنا فى الاول بنفس الطريقة عملت الكود الخاص بالجزء اليومين وبعد لما خلصت وقفلت الكود بدأت وعلمت الجزء اليسار بنفس الطريقة وقفلت الكود وكل ده كان داخل الكود السابق اللى باللون الاحمر <br /> <br /> <h5><span style="color: red; font-size: small">نشوف الخصائص CSS</span></h5> فى الجزء ده لازم نخلى بالنا من حاجة مهمة وهى بكل بساطة اننا بنرتب صندوقين صغيرين داخل صندوق كبير يعنى لازم نخلى بالنا ان مثلا واحد لازم يجى يمين والتانى يسار ويكون بينهم وبين بعض مسافة ويكون برضة فى مسافة بينها وبين جدران الصندوق الكبير      " <span style="color: blue">طبعا كل واحد وميوله واختياراته</span> " <br /> <div class="samcocode">#samco-Rightheader { <br />    float: right; <br />    margin: 25px 10px 10px; <br />    text-align: right; <br />    width: 400px; <br />} <br /> <br />#samco-Leftheader { <br />float: left; <br />margin: 50px 10px 10px 30px; <br />width: 468px; <br />}</div> وكده يبقى عملنا الجدران للغرف اللى فى البيت وبما اننا خلصنا غرفة يبقى نفرشها بقى والفرش هيتعمل كده <br /> <h4 style="width: 86.1%; height: 24px">المرحلة الثالثة : انشاء الجزء الخاص باضافة الادوات فى الهيدر</h4> <p>الجزء ده هام جدا لأنه اول ارتباط معانا بعناصر وأدوات الصفحة وفى الجزء ده اللى هنعمله فى الجزء الخاص بالقسم اليمين هو نفسه اللى هنعمله فى القسم الشمال وده الشكل اللى عاوزين نوصل ليه <br /><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsovClZYekJk08C6e8hw2A6E2ztq9WNLyQKcF1C8T7GG4ZjErFO9ZXCwYox-6rYbZfi-jIlVw_LDLKP6yVBm78QqGxo-i-KHJ8BIwXPcRSx2sX8W2trCiwfLv5uCerwC89Dcvk-nV_0s//?imgmax=800" width="560" height="55" />الجزء الخاص باضافة الاداة بنسميه Section زى اللى شرحناه قبل كده فى التعريف والتقسيم لكن مع اختلاف بسيط شوفوا معاى </p> <div class="samcocode"><font color="#ff0000"><b:section</font>  <font color="#0000ff">id='Rightheader'</font> <font color="#800000">showaddelement='yes'</font><font color="#ff0000">> <br /> <br /></b:section></font></div> <table style="width: 560px" border="0" cellspacing="0" cellpadding="2" width="562"><tbody> <tr> <td dir="ltr" valign="top" width="133"> <div align="center"><font color="#ff0000"><b:section></font></div> </td> <td valign="top" width="427">ده بداية الكود واسمه بيدل عليه انه هيعمل لنا اداة موجوة فى عناصر الصفحة</td> </tr> <tr> <td dir="ltr" valign="top" width="133"> <div align="center"><font color="#0000ff">id='Rightheader'</font> </div> </td> <td valign="top" width="427">دى الجزء الخاص بالتعريف وانت بتختار براحتك الاسم</td> </tr> <tr> <td dir="ltr" valign="top" width="133"> <div align="center"><font color="#800000">showaddelement='yes'</font></div> </td> <td valign="top" width="427">دى الجديدة هنا ومعناها انك عاوز تشوف كلمة " اضافة اداة " شوف الصورة السابقة</td> </tr> <tr> <td dir="ltr" valign="top" width="133"> <div align="center"><font color="#ff0000"></b:section></font></div> </td> <td valign="top" width="427">دى نهاية الكود " زى ما بنقفل اى كود مفس الكلمة الاولى مع اضافة الشرطة المايلة</td> </tr> </tbody></table> <p>يارب يكون الدرس لحد كده سهل والشرح مستوفى كويس</p> <p>والكود ده طبعا هيكون داخل الكود الخاص بالقسم اليمين اللى عملناه سابقا  " <font color="#004000"><strong>راجع المرحلة الثانية</strong></font> "</p> <p>وهيكون الشكل الخاص بالكود هو لحد المرحلة دى بعد اضافة اداة القسم الشمال بمثل الطريقة هو</p> <div class="samcocode"><span style="color: red"><div id='<b>samco-header</b>'> <br /></span><span style="color: black"><div id='<b>samco-Rightheader</b>'>   <br /></span><font color="#ff0000"><b:section</font>  <font color="#0000ff">id='Rightheader'</font> <font color="#800000">showaddelement='yes'</font><font color="#ff0000">> <br /> <br /></b:section></font><span style="color: black"> <br /></div> <br /></span><span style="color: blue"><div id=<b>'samco-Leftheader'</b>> <br /></span><font color="#ff0000"><b:section</font>  <font color="#0000ff">id='Leftheader'</font> <font color="#800000">showaddelement='yes'</font><font color="#ff0000">> <br /> <br /></b:section></font><span style="color: blue"> <br /></div> <br /></span><span style="color: red"></div><b> </b></span></div> <p>قم بحفظ القالب وانتقل الى تبويب عناصر الصفحة وانتقل معنا للمرحلة القادمة</p> <h4>المرحلة الرابعة : اضافة أدوات الهيدر </h4> <p>بعد الدخول الى تبويب عناصر الصفحة أو التخطيط قم باضافة أداة " <strong>رأس الصفحة</strong> " فى القسم اليمين   <br /></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwH_ZulQga3VL_m6E_pB2DwT2k6p4FN3QITad1Exgrd7hPiRFndLvAwaiG7Xr3B8vi-ei59XBRn4vLDZk0gOsUDZOfNNfbJKKwlMTTgys0hVG6SkZ2eEXmZMdxQpMncUX0L49Mu3y0Vzo//?imgmax=800" width="449" height="95" />  ثم قم باضافة " <strong>أداة أدسنس</strong> " فى القسم الشمال وتكون مقاس "<strong> 60 * 468</strong> " </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdxoBPijWWG0rfZTVvNpI_JZ2ZV5p7Jo1NKo4NDiapnSoJYU2loYLb1Mfe889w0JwXV0x_0nLuTgYF429u470zOF7dKQOXa5bWokTyPAnEkdLn3vakS5MGqoDkD5wg-YuxiBRu6zVnHhs//?imgmax=800" width="442" height="88" /> </p> <p>وهيكون الشكل النهائى كده</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdum7izw0hTFq-iWRwu8QsYjyOGJnOAdox1WjHAlG5Hf9s2w1Gh28ESYPvd1YiSCUABnbqPppCp0kQelcOQ0TN0BSiED7KTG_IqgD5MVyANjuGrjiRIuCG7Y4MqMhKOuGPJJcQzApFD64//?imgmax=800" width="560" height="97" /> نيجى بقى للخطوة الاخيرة واللى هى خاصة بالخصائص وتظبيط الشكل والالوان</p> <h4 style="width: 67.46%; height: 29px">المرحلة الاخيرة : عمل خصائص الهيدر والاضافات</h4> <p>بعد لما عملنا التقسيم واضافنا الاضافات المطلوبة اكيد شكلها هيبقى غريب لازم نرتبه شوية وده دور الخصائص CSS</p> <p>نبدأ معاها واحدة واحدة</p> <p> </p> <h3><strong><font size="4">نبدأ بالجزء اليمين وده اللى هو فيه عنوان المدونة ووصف المدونة الخاصة بك</font></strong></h3> <p> </p> <p>نشوف الاكواد علشان نفهم اكتر وطبعا احنا خلاص بقى عرفنا الحاجات دى بتتحط فين وبنرتبها ازاى</p> <div class="samcocode"><font color="#ff0000"> <br /></font>#Rightheader { <br />    padding: 10px; <br />    overflow: hidden; <br />} <br /> <br /><font color="#ff0000">#<strong>Rightheader h1</strong> { <br />    color: #ffffff; <br />    font-family: tahoma,Helvetica,; <br />    font-size: 32px; <br />    font-weight: bold; <br />    margin-bottom: 10px; <br />    padding: 5px; <br />} <br /> <br /></font><font color="#0000ff">#<strong>Rightheader h1 a:hover</strong>  { <br />   color: #E5E5E5; <br />    text-decoration: none; <br />} <br /></font> <br />#<strong>Rightheader .description</strong> { <br />    color: #E5E5E5; <br />    font-size: 15px; <br />    margin-top: 0; <br />    padding-right: 10px; <br />} <br /></div> <p>هنا احنا مش عملنا شئ عبقرى لكن احنا جيبنا شوية حاجات من اللى اخدناه فى الدروس السابقة وركبناها على الجزء اللى بنشتغل عليه        ازاى ؟                                   <strong>  <a href="http://samco-learn.blogspot.com/" target="_blank">يمكنك معاينة القالب من هنا</a></strong></p> <blockquote> <p>نبدأ بالكود الاول وهو تعريف خصائص القسم اليمين اللى عملناه وهو زى اللى فات بالظبط </p> <p>ثم بعد ذلك نخش على الجزء الداخلى الخاص بالأداة اللى احنا حطيناها</p> </blockquote> <p> </p> <p><strong></strong></p> <p><strong><font size="4"><u>أ – عنوان المدونة :</u></font></strong></p> <p><strong><font size="4"></font></strong></p> <p>احنا عندنا عنوان المدون اللى هو " <strong>تصميم </strong><a href="http://www.samco-b.com/" target="_blank"><strong>مدونة سامكو</strong></a> " اتوماتيك تلاقيه متعرف بالتاج" <strong><font color="#ff0000">H1</font></strong> " ودى بتعرفها بالخبرة</p> <p>وده هو الكود اللى اضافته الاداة بتاع رأس الصفحة   "<u><strong> الجزء الذى يخص عنوان المدونة</strong></u> "</p> <div class="samcocode"><font color="#ff0000"><strong><h1</strong></font> class='title' style='background: transparent; border-width: 0px'> <br />  <b:include name='title'/> <br /><strong><font color="#ff0000"></h1> <br /></font></strong></div> <p>فى الحالة دى بتعرف CSS الخاصة به ازاى </p> <div align="center"> <table border="0" cellspacing="0" cellpadding="2" width="560" align="center"><tbody> <tr> <td valign="top" width="112"><font color="#0000ff">H1</font></td> <td valign="top" width="112"><font color="#0000ff">+</font></td> <td valign="top" width="112"><font color="#0000ff">مسافة</font></td> <td valign="top" width="112"><font color="#0000ff">+</font></td> <td dir="ltr" valign="top" width="112"><font color="#0000ff">#<strong>Rightheader</strong></font></td> </tr> <tr> <td valign="top" width="112">تاج العنوان</td> <td valign="top" width="112">+</td> <td valign="top" width="112">مسافة</td> <td valign="top" width="112">+</td> <td dir="ltr" valign="top" width="112">تعريف المكون</td> </tr> </tbody></table> </div> <p>وباقى الخصائص انتم بقى عارفينها واللى محتاج معلومات عنها يرجع للدروس السابقة </p> <p>هى حاجات بسيطة ( خلفية + خط + لون + مسافات + حجم الخط ).</p> <blockquote> <p>الكود الثانى المكتوب باللون الازرق ده اضافة من عندى انا ركبته علشان اعرفك ان ده رابط وممكن ازود عليه ان لما احرك عليه الماوس يتغير فى الخصائص بتاعته فأضافت الى الكود خاصة <font color="#ff0000">A:HOVER </font></p> </blockquote> <p>وبنفس الطريقة السابقة </p> <div align="center"> <table border="0" cellspacing="0" cellpadding="2" width="560" align="center"><tbody> <tr> <td valign="top" width="80"><font color="#0000ff">a:hover</font></td> <td valign="top" width="80"><font color="#0000ff">+</font></td> <td valign="top" width="80"><font color="#0000ff">H1</font></td> <td valign="top" width="80"><font color="#0000ff">+</font></td> <td valign="top" width="80"><font color="#0000ff">مسافة</font></td> <td valign="top" width="65"><font color="#0000ff">+</font></td> <td dir="ltr" valign="top" width="95"><font color="#0000ff">#<strong>Rightheader</strong></font></td> </tr> </tbody></table> </div> <p> </p> <blockquote> <p>ممكن تزود خصائص وتركبها بنفس الطريقة وتعمل معاينة وتجرب ولو فى شئ لا تترد فى ترك تعليق</p> </blockquote> <p><strong><font size="4"><u>ب – وصف المدونة :</u></font></strong></p> <p><strong><font size="4"></font></strong></p> <p>نيجى للجزء الثانى وهو وصف المدونة " <strong><u>تصميم هيدر لدورة قوالب بلوجر</u></strong>  "</p> <p>بنفس الطريقة هنركب الكود ده لكن مع اختلاف انه تابع للهيدر ليس معرف بتاج لحاله وبالتى يكون تعريفه </p> <div align="center"> <table border="0" cellspacing="0" cellpadding="2" width="561" align="center"><tbody> <tr> <td dir="ltr" valign="top" width="114"> <p align="center"><font color="#0000ff">.description</font></p> </td> <td valign="top" width="111"><font color="#0000ff">+</font></td> <td valign="top" width="111"><font color="#0000ff">مسافة</font></td> <td valign="top" width="96"><font color="#0000ff">+</font></td> <td dir="ltr" valign="top" width="127"><font color="#0000ff">#<strong>Rightheader</strong></font></td> </tr> </tbody></table> </div> <p>يعنى اضافنا قبل كلمة التعريف " <font color="#ff0000">description</font> " نقطة ثم نقوم بكتابة الخصائص كما نريد</p> <p> </p> <p>كده نكون خلصنا القسم اليمين وتمام التمام   " <strong>قم بالحفظ وعمل المعاينة وشوف رأيك ايه</strong> "</p> <p> </p> <h3><font size="4">نيجى للجزء الشمال هو مش هيختلف كتير</font></h3> <p>الجزء ده احنا حاطين فيه اعلان ادسنس حاجة بسيطة يعنى شغلها بسيط لكن فيها جديد عن الجزء اليمين</p> <p>نشوف الاكواد</p> <div class="samcocode">#Leftheader { <br />    overflow: hidden; <br />} <br /> <br />#Leftheader .widget { <br />    float: left; <br />    padding: 0 10px 0 0; <br />    width: 468px;  <br />    text-align: center; <br />}</div> <blockquote> <p>نبدأ بالكود الاول وهو تعريف خصائص القسم الشمال اللى عملناه وهو زى اللى فات بالظبط </p> <p>ثم بعد ذلك نخش على الجزء الداخلى الخاص بالأداة اللى احنا حطيناها</p> </blockquote> <p>الجزء الخاص بــ  " <font color="#ff0000"><strong>widget</strong></font> "</p> <p>التاج ده هتلاقيه مكرر معاك فى اماكن كتير جدا كل لما تيجى تضيف اداة هتلاقى الكود ده ظاهر تحت " <font color="#ff0000"><strong>section</strong></font> "</p> <p>وطريقته زى اللى فاتت وهى   <font color="#0000ff">description</font> </p> <div align="center"> <table border="0" cellspacing="0" cellpadding="2" width="561" align="center"><tbody> <tr> <td dir="ltr" valign="top" width="114"> <p align="center"><font color="#0000ff"><font color="#0000ff">.widget</font> </font></p> </td> <td valign="top" width="111"> <p align="center"><font color="#0000ff">+</font></p> </td> <td valign="top" width="111"> <p align="center"><font color="#0000ff">مسافة</font></p> </td> <td valign="top" width="96"> <p align="center"><font color="#0000ff">+</font></p> </td> <td dir="ltr" valign="top" width="127"> <p align="center"><font color="#0000ff">#<strong>Rightheader</strong></font></p> </td> </tr> </tbody></table> </div> <p>وبرضه تضيف الخصائص اللى انت عاوزها </p> <blockquote> <p>وبكده اقدر اقول مبروك عليك الهيدر الجديد</p> </blockquote> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم هيدر يضم اعلانات ادسنس لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSaau-PmOqMX1JQBlMljROa9ZkBrHNTs-f6jw1rcEPWoW92mv5gF1ozYNmaVaChnd1GMDsRg0bRTUaZTI-14Mu1YqyJKGS2AQ1_lEu1dURkL0iKzUqgiT5N1Ru7EeG4XfNwtjlmwg5l0//?imgmax=800" width="560" height="87" /></p> <p> </p> <p><font color="#ff0000">وفى نهاية الدرس أتمنى اكون مش طولت عليكم ولا صعبت الامور عليكم انا حاولت ان اشرح كل جزء </font></p> <blockquote> <p><font color="#ff0000">روابط تحميل الكود بشكل كامل حتى هذا الدرس سيتم وضعها قريبا بإذن الله تعالى </font></p></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-8599247998382876245.post-15157198666540906432011-07-18T20:36:00.001+02:002011-07-18T20:36:12.232+02:00مسابقة " كن الأفضل " للمدونين العرب >> حصريا على بلوجر بالعربى<p>السلام عليكم ورحمة الله وبركاته </p> <p>بعد فترة بسيطة من انطلاق منتدى <a href="http://www.blogger.com" target="_blank">بلوجر</a> بالعربى إلى النور قام بطرح اولى مفاجأته فى بادرة كريمة وهى مسابقة "<strong><a href="http://ar-bl.net/vb/showthread.php?t=2101" target="_blank">كن الأفضل</a></strong>" لتكون فرصة سانحة أمام كل المدونين لإثراء المحتوى العربي الخاص بتطوير المدونات و طرق تسييرها، وجاء الهدف وراء هذه البادرة هو بث روح المشاركة و الاستفادة المتبادلة و التي حتما ستكون في صالح المدون العربي.<img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | مسابقة " كن الأفضل " للمدونين العرب >> حصريا على بلوجر بالعربى" alt="مدونة سامكو | مسابقة " كن الأفضل " للمدونين العرب >> حصريا على بلوجر بالعربى" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFfHxMovYpqUPHzED2rX0a8gNALv4SHj7l7bNgOlvPPhZUCIKiQB0UYr2HaZ6oVwbiiAH4y9qJ64BKjnjZqJOn7n6MEoDI7O8z3GxVS2sq4Xyi_X8YNvR_Dcj7Zu4jglk3OK1y8N5ww8/s640/blogger.jpg" width="560" height="250" /></p> <a name='more'></a> <p>هذه المبادرة سوف تتيح كم هائل من المعلومات المتعلقة بالتدوين على بلوجر خاصة و التدوين عامة و مرجعا يعود إليه كل مبتدئ حتى يتسنى له ولوج عوالم التدوين بسلاسة و استئناس بالغين.</p> <p><img title="مدونة سامكو | مسابقة " كن الأفضل " للمدونين العرب >> حصريا على بلوجر بالعربى" alt="مدونة سامكو | مسابقة " كن الأفضل " للمدونين العرب >> حصريا على بلوجر بالعربى" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcHEdD0Pti6dGKGdjWp0DkRnLv31zOHtXwVE6FNZAOI0sZpepYkl5bJAUuGC86-wIy9lQFKCoM-B0SEFFW5TUPcr_Neb8lwv5T3Fy6KqQka-TEpmiC-vMd_Znu2uvqfM3_jPHsZNIPIw/s640/%2525D9%252587%2525D9%25258A%2525D8%2525AF%2525D8%2525B1.png" width="560" height="215" /> <br />و قد رصدت للمسابقة جوائز قيمة سيفيد منها المشاركون لتطوير مدوناتهم، و لن يقتصر الفوز على الثلاثة الاوائل بل سيتعدى ذلك غلى سبعة حتى يكون للجميع حظوظ وافرة للظفر بإحدى الجوائز و طبعا أكبر جائزة ستكون كم الفائدة التي سيجنيها المشاركون و المدونون عامة.</p> <h2>جوائز المسابقة </h2> <p>سيحصل الفائزين على جوائز قيمة وهى كالتالى</p> <h4><strong><font color="#0000ff">المركز الأول:</font> </strong></h4> <p align="center"><strong>دومين مدفوع .com | .net لمدة سنة كاملة <br />+ <br />كوبون إعلان بقيمة 100$ دولار في جوجل <br />+ <br />كوبون إعلان فيس بوك بقيمة 50$ دولار . <br />+ <br />إعلان في المنتدى لمدة شهر كامل . </strong></p> <p align="center"><strong></strong></p> <h4><font color="#0000ff">المركز الثاني:</font> </h4> <p align="center"><strong>كوبون إعلان بقيمة 100$ دولار في جوجل <br />+ <br />كوبون إعلان فيس بوك بقيمة 50 دولار . <br />+ <br />إعلان في المنتدى لمدة 15 يوم . </strong></p> <h4><font color="#0000ff">المركز الثالث:</font> </h4> <p align="center"><strong>كوبون إعلان بقيمة 100$ دولار في جوجل <br />+ <br />كوبون إعلان فيس بوك بقيمة 50 دولار . </strong></p> <h4><strong><font color="#0000ff">من المركز الرابع حتى المركز السابع</font> </strong></h4> <p align="center"><strong>كوبون إعلان بقيمة 86$ دولار في جوجل </strong></p> <p align="center"><strong></strong></p> <p align="right">يمكنكم مراجعة شروط المسابقة والآلية الخاصة بها من هنا <a href="http://ar-bl.net/vb/showthread.php?t=2101" target="_blank"><strong>" مسابقة كن الافضل على منتدى بلوجر بالعربى "</strong></a></p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8599247998382876245.post-48207373912284095892011-07-12T01:34:00.001+02:002011-07-12T01:34:08.547+02:00هل ستتغلب منصة بلوجر " blogger " على منصة الوردبريس " wordpress "<p>السلام عليكم ورحمة الله وبركاته </p> <p>بعد جولة أمس فى <a href="http://www.samco-b.com/2011/07/blog-post.html" target="_blank">منصة بلوجر الجديدة 2011 التى قومنا بها وتابعناها من هنا</a> اختتمنا هذه الجولة بسؤال محير وهو <font color="#ff0000">هل تستطيع بلوجر أن تكون قادرة على التغلب على وردبريس ؟</font>  فى ظل اعتلاء منصة <a href="http://wordpress.org/" target="_blank">وردبريس</a> القمة فى الوقت الحالى <font color="#ff0000">وهل بعد التغيرات التى قامت بها بلوجر وعمل لوحة التحكم الجديدة بدأت تقترب من ذلك ؟</font></p> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | هل ستتغلب منصة بلوجر " blogger " على منصة الوردبريس " wordpress "" alt="مدونة سامكو | هل ستتغلب منصة بلوجر " blogger " على منصة الوردبريس " wordpress "" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDCHjxSBMAZ9RdbFIqVdduGRo9uTpUgG_WD3-HSCpUjpQIEE0z8CF02bLh8O2N_VwhhWkOh8yp9TM2RVa16L0JQHs2Ym61mEvIjV4L-zP4sOg02bCF6XlF5_qy8Asd1bxHAlUHOZLUNdk//?imgmax=800" width="560" height="400" /></p> <a name='more'></a> <h2>قصة قديمة</h2> <p>فى بداية تعرفى على التدوين المجانى دخلت فى بلوجر وتركته ثم الى وردبريس وتركته وعاودت الى بلوجر مرة اخرى حتى اكرمنى المولى عز وجل بتعلم تصميم قوالب <a href="www.blogger.com" target="_blank">بلوحر</a> وتعريبها الى انا اصبحت بلوجر هى المنصة المفضلة لى وعليه من تجربتى هنا وهناك اقدر ان اقول </p> <blockquote> <p>ان منصة بلوجر المجانية افضل بكثير من منصة <a href="http://wordpress.org/" target="_blank">وردبريس</a> المجانية وذلك لكثرة المزايا الموجودة ببلوجر عن الوردبريس لكن مازلت وردبريس المدفوعة اقوى من بلوجر المدفوعة <br /></p> </blockquote> <p> </p> <h2>سؤال الساعة                                        " مطروح للمناقشة  "</h2> <p><font color="#000000" size="2"></font></p> <p><strong><font color="#ff0000" size="3">هل تستطيع بلوجر ملاحقة وردبريس والتقدم عليه واعتلاء القمة ؟</font></strong></p> <p> </p> <blockquote> <p>هذا السؤال مطروح للمناقشة فى هذا الموضوع ارجو من الجميع التجاوب وابداء رأيه</p></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-8599247998382876245.post-83150658847174039432011-07-12T01:08:00.001+02:002011-07-12T01:35:28.330+02:00بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع<p>السلام عليكم ورحمة الله وبركاته </p> <p>بعد نشر جوجل عن التطورات التى سوف تقوم بها على مسودة بلوجر أى لوحة التحكم الخاصة بها تم تطبيق هذه المسودة الجديدة على بعض المدونات فقط وهذه الفكرة قد تكون فنية الا انا اعتبرها من وجهة نظرى تسويقية وتشويقية حتى بعد ذلك بات الامر متاح الجميع والحمد لله صارت لوحة التحكم الجديدة متاحة للآن لكل مستخدمى بلوجر.</p> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsRMg-z1JoCKjIJMKoj4dmxiL6SlSjWcxNKEPxvtV-lGRwx5yBpbKY0LcBLQiP-PfLLRyZ_2_jcNfFrTfPER4jvXyCaNDf3_h937vNohGqVW012rQH1i-3dFt_nECqHbAhRVXVOXiZAVk//?imgmax=800" width="560" height="400" /></p> <a name='more'></a> <h2>مميزات لوحة التحكم الجديدة أو مسودة بلوجر أو <font color="#ff0000">Blogger Draft</font></h2> <p>لوحة التحكم الجديدة من وجهة نظرى لا تختلف كثير عن القديمة الا فى عدة اشياء </p> <p>1- أنها مرتبة بشكل جميل </p> <p>2- زيادة بعض الاضافات مثل عدد زيارات الموضوع فى تحير الرسائل </p> <p>3- امكانية الوصول الى الاشياء المتماثلة بسهولة</p> <p>4- طريقة تحرير الرسائل بها واضافة التسميات اصبحت أجمل واسهل</p> <p>5- صفحة تحرير الرسائل اصبحت تستوعب حتى 100 موضوع فى الصفحة الواحدة </p> <h2>عيوب لوحة التحكم الجديدة أو مسودة بلوجر أو <font color="#ff0000">Blogger Draft</font></h2> <p>بعد تفعيلها على مدونتى حرصت أن اقوم بالتجوال داخلها والا اقوم بكتابة الموضوع هذا الا بعد التعرف عليها جيدا ثم متابعة الاخرين ومعاناتهم فيها فوجدت </p> <p>1- الوانها تكاد تكون باهتة بشكل كبير وذلك يجعلك لا تحب تصفحها للكثير من الوقت</p> <p>2- مكان تحرير القالب اصبح فى المنتصف يعنى لو حبيت تعمل تحرير وتعمل تغيرات هذا يتطلب منك ان تقوم بالنزول الى منتصف الصفحة فى كل مرة وهذا مزعج جدا لكن استخدام المحرر الخارجى افضل بكثير</p> <h2>جولة داخل منصة بلوجر الجديدة   " اضغط على الصور لرؤيتها بالحجم الطبيعى "</h2> <p>نبدأ الجولة مع بعض ونروح ندخل على المسودة من هنا  <a title="http://draft.blogger.com" href="http://draft.blogger.com">http://draft.blogger.com</a> نلاقى </p> <h4 style="width: 56.1%; height: 31px">الشاشة الرئيسية للوحة التحكم الجديدة</h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZLa_mQr3NeL4BLSn81MMDOB9YmnLXg3ITS6uWJWD9DUZyyyvw6Fq6_pY1rjLWu5lWolSnYqadiUnv3bSixKkgX3Q9lMFEy5Il7SVyTaXqS8jCmMK9MJFfR_zv7aPuCk2OPlD63fowwg/s1600-h/11-07-2011%25252005-57-32%252520E%25255B11%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCtUW4R-2hyphenhyphen_dztlvW6n6VlP7OG0fE6GiNW7eQQyjPI916ec7vcnr6v1m1Ey8XhXiq501DIXMzHMqIgH4gRwymLBnnAnQWQc2CEch8zHN3pnnlN_2cTpH6CPYn1CARg-_7NFNiu1gqhA//?imgmax=800" width="560" height="215" /></a></p> <p>ونختار المدونة اللى اخنا عاوزينها للوصول الى لوحة التحكم الخاصة بها</p> <h4 style="width: 53.25%; height: 29px">الشاشة الرئيسية للوحة تحكم المدونة</h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW__1bUziSjtMBjChYNAxeN8wYg7XEuGbvh1d8Xfm4rGrc9czQHp5z-yHw8eCXHH2saQI5Se3646Lyv6YEx4GtPVSPA5ChEdvJ4NnbHjdltX78dRimCncsU9LhNmsGk0hQGRU5KEJ7xdY/s1600-h/11-07-2011%25252006-35-43%252520E%25255B5%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzwXRdr7_SswCcAVJ8plhJ-kXuH-NaEyuELYMCoRY-oJpZ49EeQEr_ocsS30IWLW-pd4Ch9i4dTBjsVl-oWS-jhKhDO2w5vZGhp5xYRADIsbV9VRwABMc_v-aZ3PkNPHrcB-gwOWlgW8//?imgmax=800" width="560" height="257" /></a></p> <p>وهنلاقى هنا كل التبويبات الخاصة بمدونتنا وهنعرف ازاى نتعامل معاها وكمان الاحصائيات الخاصة خلينا نشوف نبدأ بالمشاركات</p> <h4 style="width: 61.73%; height: 27px">المشاركات او الرسائل أو التدوينات <font color="#ff0000">" posts "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuki-D4W2laY0fV8GsGKYSB16lvj5wc7gPyjR5SM5qNeT1kYc2YCSvN1pU9vFn8I7g6a180OQmI1IzdqBds8s0xXlozDb5rGDDW4rfCumr26tKCk7YRmE1GkV2CTNEqapeGw42jZrtrxo/s1600-h/11-07-2011%25252005-59-34%252520E%25255B6%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNAb0qmGWzpzpbZkwclLoQyk1tRa1mLGeHgVHakRgeEaWOEUiyRxPbDHhsrnNdTA48QUei3hKiDwvsNtKnxk74x6J9GYhFzo4ptR6GoQRlxeTS2nndPIXLcrn7n0XNvF3gQmh1egOZBZo//?imgmax=800" width="560" height="181" /></a></p> <p>والميزة بقى الجديدة هنا انهم خلونا نقدر نحط حوالى 100 موضوع فى الصفحة الواحدة بعكس القديمة تماما</p> <p><font color="#0000ff">" نشوف اللى بعده "</font></p> <h4>الصفحات الثابتة <font color="#ff0000">" Static pages "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tAotwxsK7LWwQweIoZUveU5Dhs-WP4eaSAo5R6PSgWENSwEmHNEauZe3qafboBwtgc2S4QVPQlmGIG_YsC51CG0_4hjCbfGqA9ETTfMa-aoP2ai0Wx69fx2hGry1y2jF2iSSxprhdUk/s1600-h/11-07-2011%25252006-00-00%252520E%25255B2%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fXiBAo7vttq7rwtAHqtfn3YDzAlXr5QT5V-_vE00ePtwg4hl8sqzEzzKOovRvRULoHCNrAJs-ccthnpZ5PxtLNLo7VJXk_e4Hccmj8nysb6ADfosvgWxt_jblJbWO59YRK3px_zWG44//?imgmax=800" width="560" height="173" /></a></p> <p>هى تعتبر نفسها القديمة لا يود جديد غير انها شكلها كده احسن     <font color="#0000ff">" نشوف اللى بعده "</font></p> <h4>التعليقات <font color="#ff0000">" comments "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4-pRx3hpbkAoyiyBd0AVAru33TLgAOMnPC7PpKGzq1wycKkek8Ul5-aC2nQC_jjATrSnKpN_Hvz7cJXuIwzLXd_zPWlK35xCt7cGq8eKQ9WuNVniJ2yesipLCzZcP2GMDwH0t3jMdZsY/s1600-h/11-07-2011%25252006-00-33%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL-9u0f29AkEXRK3t9S090uyn1vh4-lPJgSknk5ojIpF7euy9C_ZZJegNbacpK33Z3Xvp206esOpEhlqnZk2Ydj50tdBgylEGkhqIs6IOK34zUMdlSjTZLosGVWhWyEswWtOuaCatfs-w//?imgmax=800" width="560" height="208" /></a></p> <p>وبرضه مفيش فيه اى تغير هو نفسه القديم بس بيشترك فى نفس النقطة بتاع المواضيع انك تقدر تشوف حتى 100 تعليق فى الصفحة        <font color="#0000ff">" نشوف اللى بعده "</font></p> <h4>الاحصائيات <font color="#ff0000">"</font><font color="#ff0000"> overviewstats "</font></h4> <p><font color="#ff0000"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUDphDks4s0u_jduH3kI6xHFeWTPYaB8_xY6ees23h2UuAeygWb1BAxI5iBbGsSz5x1lbZVXOgZt8_kNwOrrXFHSwepjQXHQBkcyQ4GQThNnBBGZQ3kCToK-B_zG6_6EsOXh8YZyxBVE/s1600-h/11-07-2011%25252006-00-55%252520E%25255B7%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7D-EAtTgcuHZiKSMzQtIrCvW-8ut78hf-queq6hJ1NoehV9n8bzpysGFWI8izQZk-wJ0O5v8goFxqxpz9UWgkE9pRoC3N8Njq9BR1r7T2Gyl_AQibp6d27GD66B9vPjZTqfZgQonA4w//?imgmax=800" width="560" height="311" /></a></font></p> <p><font color="#000000">كده تقدر تعرف احصائيات مدونتك بسهولة مع مرات مشاهدة المواضيع تقدر تقيم مدونتك وتعرف مصادر زوارك ومتابعيك</font></p> <p><font color="#0000ff">" نشوف اللى بعده "</font></p> <h4>الأرباح <font color="#ff0000">" earnings "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXfETUIas3txJzQX4_FQenF2s7CYD-JUIV4a8Y-_gEHol-OJyBAnmZATSO_8mdc1wnEfU7mxFyIWk8Z6MraCEo19BPvd4GnzewHJEylf11otYW4gwvjDxUzbu4MmQClZfyVFQLYUtPkKA/s1600-h/11-07-2011%25252006-01-11%252520E%25255B4%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfrQ-X2pnywhqGk8H6mV8i9K0J-NDxiS8rOirUdXaz6ZnH-m0m8UNwqLN2qTjL6YxpuAsZJURzM9Rx1wgDovKA6fe_4K_hVq-nrAzXKlbcpGUu1NThlH-9zkeC-MdrEsExrjAF9u4puNg//?imgmax=800" width="560" height="320" /></a></p> <p>عادى يعنى هو لسه مش متاحة بس اهو الصبر جميل         <font color="#0000ff">" نشوف اللى بعده "</font></p> <h4 style="width: 63.44%; height: 32px"><font color="#000000">التخطيط أو عناصر الصفحة </font><font color="#ff0000">" page elements "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9IBjlO-DFYgSsCQAodBx-EVxSpB0-bWgMCVvUiF-VDGvLOFOweXn5Xv-vCPN7_kJ6DPxWiN6jf12XuNeI0RiQotoRqjdlUybVUu6N8j5p538ToM_4HzxWwdMzV6bZsXnVV3Zf_EOeBEE/s1600-h/11-07-2011%25252007-32-53%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRlIhtgFmhu88EWaxMAK8wvKDEJWq7FkYMN3rj-N-CUQYYIbuayH1dw07Z4EntPB-KhzHJ1qu1tNZLbg4CpOM3KaSRfn2kZ2a7LdX3y9NlCh89cEdiHx7TculOozZJK5Dd5zx7fpTfTgc//?imgmax=800" width="560" height="279" /></a></p> <p>الجزء ده مفيش فيه تغير الا الالوان بس  الى جانب اضافة رمز التفضيلات                 <font color="#0000ff">" نشوف اللى بعده "</font></p> <h4 style="width: 63.07%; height: 32px">القالب أو تحرير القالب <font color="#ff0000">" plogger templates "</font></h4> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEift9G6IBLJGoDDM-X8mNx6coqyEbH5avvzc0f4rjoNjCtu_mz8Hzjaomc1Exuej4kW4iProa8SBA0-63n7-CxBpzdHajK_NYAO5y0I4XJDGUSW1Q-hTIQ3FBxsyESNEEUVga0YBw1uC0c/s1600-h/11-07-2011%25252006-05-40%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlyjG46FG2cph3a_vsM7cq9DNffsqE7ZoeTY8JJULuZ70XujIjYJ3VNtTFUvetqylUYejfX0FHyU_mbMrZcYB7WkMQ8CpaPlDyBFq7CeMLwq7teb97UzXsc6_zg6XtJLfcxf2MXe52cs//?imgmax=800" width="560" height="330" /></a></p> <p>هتلاقى معاينة للقالب بتاعك اللى انت مركبه وهتلاقى زر خاص بتوصيلك الى محرر بلوجر للقوالب لو حبيت تستخدمه ولو نزلت بالصفحة شوية لتحت هتلاقى</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb8qdB-p0EX-ysqKNBb_laeBxf25N2q-iRNknFJD9BkXraLkqfAbpLImuDQJzRMC6DSglatjqPa5cb-pMVicB9lPmkKXgi3ib6PIUvbeswUtbErA3QUViR9T2Vv1FFWrN-F8w5Hl706Q/s1600-h/11-07-2011%25252006-06-15%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Pb6y9zSx8lZzpp0XyGiPC85E1ZDDeyfYVomCsmMbo2zS3pL2z-echQ-d8mFGBqINPLO3VzvdJj06BTJOJQUwCTGOgeVBk_LWPhbAc6LJjRhXWXb0ppkVvUCi9aE3YIYqVnCfv2hSGv4//?imgmax=800" width="560" height="384" /></a></p> <p>قوالب كتير لبلوجر جاهزة موجودة بالفعل ويمكن اختيارها وتعديلها من خلال محرر بلوجر ايضا</p> <blockquote> <p>وكده اقول قهوتك عندنا واستراحة قبل ما ندخل على الجزء الذى تعسر عليه الكثير للوصول اليه وهو</p> </blockquote> <p>ننزل لتحت شوية هنلاقى </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDI7RWqv3Wdks6jy9G7kTMtJ7GpMIMcHqd9H0sl2D4b6Ymb1hb75adtJW-aJO98msPy7jLRcW1DchIW_lbVBEq3DCNHtCdeEHnHUNj0byx8lxbfjVS3EMC3QSTGpQM-nf03arE92oTUU/s1600-h/11-08-32%25252001-50-25%2525205%25255B2%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDx5B7Z-4jOERolzq5dxta6sjG4nX5n_N8YXdVCRfe9N_EK0e2wcV_wEH6-oIxs5G-IfKtcKQ98sUuDYh4gOh9GyQO5MXGIZmae63EpIGDwS8dqYqc-e6MsyN9PdkcvJdTCcH9UjQJkg//?imgmax=800" width="560" height="73" /></a></p> <p>اول شئ النسخ الاحتياطى او استعادة القالب لو ضغطت على الرابط بتاعه هيظهرلك</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifwwbj5s3lnuyo_R0SldyZqFBfid2PRieNKeg-54V6ZISuRx3aqF-R4Kbp39iha8tL7vuJUse5zREMV40xLYcD070Abwas3YlacBQSzZ3-KKjwjBcSEkNwh-wpD6xWXvZSUd0WdF_RhqM/s1600-h/11-07-2011%25252006-07-00%252520E%25255B2%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnglxpVjubsZ8zSr_yHEVqlZlUWOVZyYYyfUjGFOWX20gChIpecnWsWhzz-onu6-SuBr_6pSc3tyydyldjTzCyjdfsNqdnpBvo0Sz1SE1rYVKPVYQJ2bQhwBKqwAdPMrAOiL9AnQEjsE//?imgmax=800" width="560" height="138" /></a></p> <p>وتقدر تحافظ على القالب بتاعك قبل ما تقوم بالتغيرات او تركيب اى قالب تريد</p> <blockquote> <p>ونيجى بقى للكلام الكبير اللى كنا بندور عليه                                    كده وصلنا</p> </blockquote> <p><strong><font color="#0000ff">تحرير Html</font></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtSmDi2354abPXE6pz0zmPqENBLU-sjLo1H39lYCpxa9VV4Q9CUwlk2slFY9Oni6jaaPh7aD1XVDt_pJ-1uDS0DERY3SxIRXJZYMvESgLC7xyD-c1Xl7HAYZ0cWMD65uLusJDK3Hp16E/s1600-h/11-07-2011%25252006-07-24%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdgp6cIZFiALQ26MOGNEqaTDfiiUxZFDIdxSCxG-gQnjLiErUTD4nMJ6JYWrHt21Kx3E3tAZIawiNd1T6qnAJK-VFAjHdPcjkNQngwhnrH0axmFeh-bDxctkqSKEpNSIhYYmk6BCHW4cU//?imgmax=800" width="560" height="361" /></a></p> <p>وكده لفى نكمل الجولة ولا وصلت للى انت عاوزة </p> <p>انا باقول نكمل الجولة                                <font color="#0000ff">" نشوف اللى بعده "</font>                       </p> <h4>الاعدادات الخاصة بالمدونة </h4> <p>نبدأ مع الاعدادات ونشوف ايه اللى فيها </p> <h3>1- الجزء الاساسى  او اعدادات عامة للمدونة</h3> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz0JQ97odw3w_zcI7PBX_b3HTzMVE7MDvHW6xdPai0A2IcRInlNupcDdafEersKAyStdhKWHMoyXgNeIN4Tyrh3XRokHTX_SUb4byo1JfiX9rVucGfPIsnbwDuOcVToH6AemE75VO3Nc0/s1600-h/11-07-2011%25252006-07-53%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeUk6y9D2XZ1Y2IiizdgH2Ll5ddJdUCYdp408tuxl860hW9pjocHcUIqjN9e6Yq9cNfHPDSbukLUzeJmt6Fihw8JM8-t_MJY80kL2aqsfvltNYxjHwEJ7zQOf5nIltM6ViE4cZ_FQjuL8//?imgmax=800" width="560" height="355" /></a></p> <p>هتلاقى فيه اسم مدونتك والوصف بتاعها وهتلاقى رابطها والمؤلفين اللى فيها وكمان هتلاقى اعدادات عرض المدونة غير اللى انت عاوزة                             <font color="#0000ff">" نشوف اللى بعده "</font>       </p> <p> </p> <h3>اعدادات المشاركات والتعليقات</h3> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qW9vUsTKqWjtDjNOS_1ElSuQyF5II5q1KhocdZNoYgwtyHrNjOYH3UMadu7xR8dZo9chHuIdCDPtbDzj3iNQG5rn7VGIj-3C1kjH0oz9uiHee__tFbrPSzm5RZROk_lNuY_5C7fDLqw/s1600-h/11-07-2011%25252006-08-31%252520E%25255B3%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOBG5e3D4g4d4-Ec0P9Jct9VSj7ubxNoQbeLhKsCIQnSApN_syY55IayHz2tXe0myP_rCTHKY-vb3zDRg4vuBiB4-jrhYscN4N3fR39QRG5WihpiOAOk31HU7LuDekDtboaLjq5A7Yag//?imgmax=800" width="560" height="386" /></a></p> <p>وفى الحزء ده تقدر تغير عدد المواضيع اللى بتظهر فى الصفحة الرئيسية وكمان اعدادات التعليقات والصلاحيات على التعليق وتشوف لو انت عاوز تراقب التعليقات دى ولا لا وتعمل كمان متابعة عن طريق الميل كل ده موجود </p> <p>  <font color="#0000ff">" نشوف اللى بعده "</font>   </p> <p>   </p> <h3>اعدادات اللغة والتنسيق</h3> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEAVObnA4QmNnGHgV39I7xLGKBCgpnmVhVwEVeVutEMvp7D1a7J76YG2RfQUmCRgCT2epkngIM7V45rjNc1WSFGjErs0BwvigUwxdV-a2ugVrdgsr71g8Xk3KFySCWHISk0JeHvXvK3w/s1600-h/11-07-2011%25252006-12-12%252520E%25255B7%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrEZSh76ovnxAOMpO-S3jdRJled-zhVX90Dt1a9sXJKVrq3aH7zIIET2a3BVlS-k2ZfZu1ZHU53rs6Jlxq3xW7DvweSpG_jOTMbcizkl_mkU__5cdj5nuAptCA9dAwmzmH5op3QvW8HGY//?imgmax=800" width="560" height="408" /></a></p> <p>وهنا بقى تقدر تغير لغة المدونة بتاعتك وكمان تظبط التوقيت بتاع دولتك وتشوف تنسيقات التواريخ والوقت زى ما انت عاوز </p> <p> <font color="#0000ff">" نشوف اللى بعده "</font>   </p> <p> </p> <h3>اعدادات اخرى<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQCEvSVBgVJxr0h3V2ygPe1zgCFo9H88036KG7mcXRoR4zMTsjI5jrdW-t91SVlCtTWzU6mG7qoO1WX-q5szanx3u6AeAbvxAiu7pesIADRXk5hVhyphenhyphen2UqtxZh7fX7iWwSTG9L5e5k_qpc/s1600-h/11-07-2011%25252006-12-29%252520E%25255B6%25255D.png" target="_blank"><img style="margin: 10px 0px; display: inline" title="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" alt="مدونة سامكو > بعد طول انتظار : لوحة التحكم لمنصة بلوجر الجديدة متاحة للجميع" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgNuCpIUdZEX-k_UcdbKWQAd3F_2n37xhp0VOk8TFHeVaKfOWE9T7CXcx8UDoPNM50Ixu4gA2oKEPWdyal0ET_6zp5jBEMcWiNlSQB83sQKKnI2dxtP6_Y1a_eEg4XEZTvFIR8vyYtRk//?imgmax=800" width="560" height="368" /></a></h3> <p>فى الجزء ده موجود حتة مهمة جدا وهى انك تعمل استيراد وتصدير لمواضيعك وتعليقاتك وتقدر تعمل نسخة احتياطية كل فترة علشان لو حصل شئ لا قدر الله  واللى تحتها دول خاصين بالرسائل اللى بتوصل للمشتركين معك عن طريق الخلاصات</p> <blockquote> <p>وكده يبقى نهينا الجولة بتاعتنا وادعوا الله انى ما اكون نسيت شيئا فى الجول</p> <p> </p> <p>بعد الجولة دى هنقف لمدة دقيقة ونسأل نفسنا سؤال مهم وده هو عنوان الدرس القادم من هنا </p> </blockquote> <p><strong><font color="#ff0000">هل تعتقد ان بلوجر قادرة على التغلب على وردبريس ؟     <a href="http://www.samco-b.com/2011/07/blogger-wordpress.html" target="_blank">تابعونا لنعرف من هنا</a> </font></strong></p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-8599247998382876245.post-78775231287993025912011-07-11T01:22:00.001+02:002011-07-11T01:22:14.988+02:00دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات<p>السلام عليكم ورحمة الله وبركاته </p> <p>بداية اقدم خالص الاعتذار على التأخير فى تكملة الدروس الخاصة بدورة تصميم قوالب <a href="www.blogger.com" target="_blank">بلوحر</a> المجانية لضيق الوقت وانشغالى الشديد بالعمل الخاص بى وان شاء الله سيتم تدعيم الدروس فى الفترة القادمة .</p> <p>فى <a href="http://www.samco-b.com/2011/06/seo.html" target="_blank">الدرس السابق</a> قومنا بشرح الأكواد الأساسية لبناء قوالب بلوجر وكسب صداقة محركات البحث SEO وان شاء الله بتصميم الهيكل العام للقالب ( <font color="#ff0000">Body</font> ) </p> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KRLlHmx9oGzBvSOVOvAnHZHVICjt4Q13MUxLvomfbbzCJpBvKOhRIi7S7rJB89W0YRj8f5wCDImF4J_QlgrXWI5ltfqWV339XXgQ8RdvXPqJY4hryP1TitIc3FZ0SdQwfFqR66Hm938//?imgmax=800" width="560" height="350" /></p> <a name='more'></a> <h2>فى <a href="http://www.samco-b.com/2011/06/seo.html" target="_blank">الدرس السابق</a> وصلنا لعمل العمل التالى :-</h2> <div class="samcocode"><?xml version="1.0" encoding="UTF-8" ?> <br /><span style="color: blue"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span> <br /><span style="color: red"><b><span style="color: #c0504d"><html</span></b> expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <br /> <br /></span><span style="color: red"><b><head></b> <br /></span><b:include data='blog' name='all-head-content'/> <br /> <br /><b><b:if</b> cond='data:blog.pageType == &quot;index&quot;'> <br /><b><span style="color: #c0504d"><title></span></b><data:blog.pageTitle/><b><span style="color: #c0504d"></title></span></b> <br /><b><b:else/></b> <br /><b><span style="color: #c0504d"><title></span></b> <data:blog.title/> | <data:blog.pageName/><b><span style="color: #c0504d"></title></span></b> <br /><b></b:if> <br /> <br /></b><b><b:if</b> cond='data:blog.pageType == "item"'> <span style="color: blue"><meta expr:content='data:blog.pageName + data:blog.title' name='<span style="color: red">Keywords</span>'/></span> <b></b:if> <br /> <br /></b><b><b:skin></b><![CDATA[ <br /><span style="color: red">/* -----------------------------------</span> <br />Name: samco <br />Date: 11 Jun 2011 <br />Desined by: Mohamed Sami <br />URL : www.samco-b.com <br /> <span style="color: red">-------------------------------------- */ <br /> <br /> <br /></span>]]><b></b:skin> <br /></b><b><span style="color: red"></head> <br /></span></b><span style="color: red"></span><span style="color: #c0504d"><b></html></b></span></div> <h2>1- إنشاء الهيكل العام لقالب بلوجر " <font color="#ff0000"><strong>samco </strong></font>"</h2> <p><img style="margin: 10px 0px" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpnOjhkDZ1fEMoXSSwk1R32B8SDYZN-FV4fgYpV1b540kUqcJaJOMKh_lunUdkvwFZ8r8XY_978Q2S2fRYjLs1KWJkYQmMN5ee5qsqb8-6WP7QW55fe8kCanh-IfJA2koZjFU9r74nLc//" width="560" height="70" /></p> <p>قبل البدء فى هذا الدرس يرجى مراجعة الدروس السابقة </p> <p>احنا فى الدرس السابق علمنا ايه ؟</p> <p>عملنا رأس القالب وعملنا الميتا تاج  وجهزنا المكان اللى هنحص فيه CSS يبقى لسه باقى ايه ؟</p> <p>باقى الجزء اللى هنحط فيه الهيكل بتاع القالب اللى هو ( الهيدر + الفوتر + منطقة القوالب + السايدبار ) .</p> <p> <table border="0" cellspacing="0" cellpadding="2" width="560"><tbody> <tr> <td valign="top" width="58">نروح عند</td> <td valign="top" width="71"> <p align="center"><b><span style="color: red"></head></span></b></p> </td> <td valign="top" width="429">وبعدها مباشرة نحط الكود التالى </td> </tr> </tbody></table> </p> <div class="samcocode"><font color="#0000ff"><strong><body> <br /></strong></font><font color="#0000ff"><font color="#008400">المنطقة دى خاصة بالأكواد الخاصة ببناء القالب <br /></font><strong></body></strong> </font></div> <p>كده نقدر نقول اننا بدأنا الشغل الجامد اوى </p> <p><strong><font color="#ff0000">يالا بسم الله نبدأ " نشوف الكود الكامل للقالب لحد الحين متبوعا بالشرح داخل الأكواد </font></strong></p> <div class="samcocode"><?xml version="1.0" encoding="UTF-8" ?> <br /><span style="color: blue"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span> <br /><span style="color: red"><b><span style="color: #c0504d"><html</span></b> expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <br /> <br /></span><span style="color: red"><b><head></b> <br /></span><b:include data='blog' name='all-head-content'/> <br /> <br /><b><b:if</b> cond='data:blog.pageType == &quot;index&quot;'> <br /><b><span style="color: #c0504d"><title></span></b><data:blog.pageTitle/><b><span style="color: #c0504d"></title></span></b> <br /><b><b:else/></b> <br /><b><span style="color: #c0504d"><title></span></b> <data:blog.title/> | <data:blog.pageName/><b><span style="color: #c0504d"></title></span></b> <br /><b></b:if> <br /> <br /></b><b><b:if</b> cond='data:blog.pageType == "item"'> <span style="color: blue"><meta expr:content='data:blog.pageName + data:blog.title' name='<span style="color: red">Keywords</span>'/></span> <b></b:if> <br /> <br /></b><b><b:skin></b><![CDATA[ <br /><span style="color: red">/* -----------------------------------</span> <br />Name: samco <br />Date: 11 Jun 2011 <br />Desined by: Mohamed Sami <br />URL : www.samco-b.com <br /> <span style="color: red">-------------------------------------- */ <br /></span><font color="#0000ff"><font color="#008400"></font></font><span style="color: red"><font color="#008400">المنطقة دى خاصة بالخصائص بتاع مكونات القالب</font></span><span style="color: red"><font color="#008400"> <br /></font></span>]]><b></b:skin> <br /></b><b><span style="color: red"></head> <br /></span></b><font color="#0000ff"><strong><body> <br /></strong></font><font color="#0000ff"><font color="#008400">المنطقة دى خاصة بالأكواد الخاصة ببناء القالب <br /></font><strong></body></strong> </font><b><span style="color: red"> <br /></span></b><span style="color: red"></span><span style="color: #c0504d"><b></html></b></span></div> <h2>عمل الخصائص الخاصة بالبادى " <strong><font color="#ff0000">Body</font></strong> " اللى هو جسم القالب الخارجى </h2> <p>قبل البدء فى هذا الجزء يرجى مراجعة الدروس التالية :-</p> <p>1- <a href="http://www.samco-b.com/2011/04/css.html">شرح أساسيات CSS الجزء الأول</a></p> <p>2- <a href="http://www.samco-b.com/2011/04/css_25.html">شرح أساسيات CSS الجزء الثانى والاخير</a></p> <h4>خصائص " Body "</h4> <div class="samcocode">body { <br />   background: #747373;                          <font color="#ff0000">ده لون الخلفية بمكنك تغيره كما تريد <br /></font>   color: #000000;                                       <font color="#ff0000">لون الكتابة بشكل عام فى القالب</font> <br />   font-family: Tahoma,Arial,verdana;                 <font color="#ff0000">الخطوط التى تعرض فى القالب <br /></font>   font-size: 12px;                              <font color="#ff0000">حجم الخط للقالب <br /></font>   margin: 0 auto;                     <font color="#ff0000">المحاذاة الخارجية للقالب <br /></font>   padding:                              <font color="#ff0000">  المحاذاه الداخلية للقالب <br /></font>  } </div> <p><strong>ملاحظات :</strong></p> <p>1-  الخلفية ممكن ان تكون صورة او لون براحتك انت </p> <p>طيب لو فى صورة ايه الفرق ؟               الكود هيكون بالشكل التالى             ( <a href="http://www.samco-b.com/2011/04/css_25.html" target="_blank">راجع جزء الخلفية</a> )</p> <div class="samcocode">background: url("<font color="#0000ff"><strong> رابط الصورة المراد وضعها</strong></font> ");  <br /></div> <p>2- الخطوط يمكنك التبديل فى مكان الخطوط حيث سيتم الاعتماد على الخط <strong><font color="#ff0000">Tahoma</font></strong> لأنى شخصيا احب استخدامه</p> <p>3- المحاذة الخارجية ( المقصود بها ان تكون محاذاه الخلفية من الاعلى صفر ومن الجانبين فى الوسط </p> <p>3- المحاذاة الداخلية ستكون صفر من جميع الاتجاهات " اى عند وضع اى جزء سواء هيدر ولا اى مكون سيلتصق مباشرة بالخلفية اى كان موضعه ولا يوجد فراغات "                                  "<font color="#0000ff">ستكون ابسط مع التجربة</font> "</p> <h2>اضافات بسيطة لكن مهمة جدا </h2> <h4>المحاذاة الخارجية والداخلية </h4> <p>المحاذاة الخارجية والداخلية بشكل عام للقالب والمكونات الداخلية " <font color="#0000ff">أى الافتراضيات لمكونات القالب</font> "</p> <div class="samcocode">* { <br />  margin: 0; <br />  outline: 0 none; <br />  padding: 0; <br />}</div> <h4 style="width: 26.47%; height: 26px">الروابط " <strong><font color="#ff0000">Links</font></strong> " </h4> <div class="samcocode">a:link {                                          <font color="#0000ff">الرابط بشكل عام  <br /></font>    color: <font color="#0000ff">#395D97</font>; <br />    text-decoration: none; <br />} <br /> <br />a:visited {                                    <font color="#0000ff">الرابط الذى تم زيارته </font> <br />    color:<font color="#dfce04"> #fff000</font>; <br />    text-decoration: none; <br />} <br /> <br />a:hover {                          <font color="#0000ff">  عندما تمرر مؤشر الماوس على الرابط <br /></font>    color:<font color="#ff0000">#ff0000</font>; <br />    text-decoration: underline; <br />    } <br /> <br />a:active {             <font color="#0000ff">  الرابط الذى تقف عليه بالفعل , اى الصفحة المفتوحة حاليا <br /></font>    color:<font color="#000000">#000000</font>; <br />    text-decoration: underline; <br />    }</div> <p><strong>ملاحظة بسيطة : </strong></p> <p>طيب لو حبيت تجمع مثلا خصائص الرابط والرابط الذى تم زيارته او جمع الخصائص للروابط بشكل عام تعمل ايه ؟</p> <p>تجيب مثلا <font color="#ff0000" size="3">a:link <strong><font color="#000000">و</font></strong>  a:visited</font> ويبقى بينهم فاصلة  <strong><font size="4"> </font><font size="6">,</font></strong>وتبقى بالشكل ده</p> <div class="samcocode">a:link ,a:visited { <br />    color: #395D97; <br />    text-decoration: none; <br />} <br /></div> <p>كده نقدر نقول اننا الحمد لله وصلنا لبداية وضع مكونات القالب والبدء فى التصميم وده الكود الاخير</p> <div class="samcocode"><?xml version="1.0" encoding="UTF-8" ?> <br /><span style="color: blue"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span> <br /><span style="color: red"><b><span style="color: #c0504d"><html</span></b> expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <br /> <br /></span><span style="color: red"><b><head></b> <br /></span><b:include data='blog' name='all-head-content'/> <br /> <br /><b><b:if</b> cond='data:blog.pageType == &quot;index&quot;'> <br /><b><span style="color: #c0504d"><title></span></b><data:blog.pageTitle/><b><span style="color: #c0504d"></title></span></b> <br /><b><b:else/></b> <br /><b><span style="color: #c0504d"><title></span></b> <data:blog.title/> | <data:blog.pageName/><b><span style="color: #c0504d"></title></span></b> <br /><b></b:if> <br /> <br /></b><b><b:if</b> cond='data:blog.pageType == "item"'> <span style="color: blue"><meta expr:content='data:blog.pageName + data:blog.title' name='<span style="color: red">Keywords</span>'/></span> <b></b:if> <br /> <br /></b><b><b:skin></b><![CDATA[ <br /><span style="color: red">/* -----------------------------------</span> <br />Name: samco <br /> Date: 11 Jun 2011 <br />Desined by: Mohamed Sami <br />URL : www.samco-b.com <br /> <span style="color: red">-------------------------------------- */ <br /> <br /></span><span style="color: red"><font color="#008400">                       <strong>    المنطقة دى خاصة بالخصائص بتاع مكونات القالب</strong></font></span><span style="color: red"><font color="#008400"><strong> <br /> <br /></strong></font></span><span style="color: red"> <br /></span>body { <br />   background: #747373;                          <font color="#ff0000">ده لون الخلفية بمكنك تغيره كما تريد <br /></font>   color: #000000;                                       <font color="#ff0000">لون الكتابة بشكل عام فى القالب</font> <br />   font-family: Tahoma,Arial,verdana;                 <font color="#ff0000">الخطوط التى تعرض فى القالب <br /></font>   font-size: 12px;                              <font color="#ff0000">حجم الخط للقالب <br /></font>   margin: 0 auto;                     <font color="#ff0000">المحاذاة الخارجية للقالب <br /></font>   padding:                              <font color="#ff0000">  المحاذاه الداخلية للقالب <br /></font>  } <br /> <br />* { <br />  margin: 0; <br />  outline: 0 none; <br />  padding: 0; <br />} <br /> <br />a:link {                                          <font color="#0000ff">الرابط بشكل عام  <br /></font>    color: <font color="#0000ff">#395D97</font>; <br />    text-decoration: none; <br />} <br /> <br />a:visited {                                    <font color="#0000ff">الرابط الذى تم زيارته </font> <br />    color:<font color="#dfce04"> #fff000</font>; <br />    text-decoration: none; <br />} <br /> <br />a:hover {                          <font color="#0000ff">  عندما تمرر مؤشر الماوس على الرابط <br /></font>    color:<font color="#ff0000">#ff0000</font>; <br />    text-decoration: underline; <br />    } <br /> <br />a:active {             <font color="#0000ff">  الرابط الذى تقف عليه بالفعل , اى الصفحة المفتوحة حاليا <br /></font>    color:<font color="#000000">#000000</font>; <br />    text-decoration: underline; <br />    } <br /> <br /> <br />]]><b></b:skin> <br /></b><b><span style="color: red"></head> <br /></span></b><font color="#0000ff"><strong><body> <br /> <br /></strong></font><font color="#0000ff"><font color="#008400">                              <strong>  المنطقة دى خاصة بالأكواد الخاصة ببناء القالب <br /></strong></font> <br /><strong></body></strong> </font><b><span style="color: red"> <br /></span></b><span style="color: red"></span><span style="color: #c0504d"><b></html></b></span></div> <blockquote> <p>نيجى بقى للسؤالين المهمين اللى لسه محدش سألهم </p> <p><font color="#ff0000">1- القالب ده اخده نسخ واحطه فى القالب ؟</font></p> <p>اقوله لا ده للشرح اما الكود هيكون موجود فى المرفقات للتحميل بدون شرح </p> <p><font color="#ff0000">2- طيب هو ممكن اعرف اجرب الاكواد دى واجربها الوقتى ولا لازم نتتظر للأخر ؟ </font></p> <p>اقوله تقدر لكن ليس عن طريق الحفظ لكن عن طريق المعاينة يعنى " تأخذ الاكواد نسخ وتروح تلصقها فى مكان تحرير القالب وتعمل معاينة وهتلاقى الشكل موجود وتغير وتجرب </p> </blockquote> <h2>صورة معاينة القالب </h2> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" alt="مدونة سامكو | دورة تصميم قوالب بلوجر : تصميم جسم المدونة " Body " وعمل الافتراضيات" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6s_odoYwfaMDt9xKNASYrDiLw5iD0OKgKiAU6-rkjqM19VQkgy2zdB8hT47xcTzlPiIuURo5nz333aDUKdMY8od6WPcmV0oWogKoKqsxcaGh6Io5pOK2fXgqoXXbcmDkbYp_bLJU8bQI//?imgmax=800" width="560" height="261" /></p> <blockquote> <p>كده انتهى الدرس وبإذن الله القادم احلى " درس عمل هيدر احترافى " </p> </blockquote> <h2>روابط تحميل قالب الدرس</h2> <p align="center"><a href="http://www.filesin.com/C6FFF34150/download.html" target="_blank">تحميل</a></p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-8599247998382876245.post-26665492428948243432011-06-08T19:01:00.002+02:002011-08-22T01:51:06.325+02:00قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز<div dir="rtl" style="text-align: right;" trbidi="on">قالب اليوم “ <span style="color: red;">Activity </span><a href="http://www.blogger.com/" target="_blank"><span style="color: red;">Blogger</span></a><span style="color: red;"> Template</span> “ قالب غير عادى لانه من القوالب ذات اللون الغامق وتحديدا الاسود والتى يتربع على قائمتها قالب <a href="http://www.rasheed-b.com/" target="_blank">مدونة رشيد</a> الشهيرة فعند رؤيتى لهذا القالب قررت انه اقوم بتعريبه لاصحاب مدونات <a href="http://www.blogger.com/" target="_blank">بلوجر</a> حيث يحتوى القالب على العديد من المميزات والالوان الجميلة.<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfUSWDTOsY9098CqPTEMBEfbXeneCZrUuTTk3kziUn7TcaGRgYKx3UCcXl24mXG_1jqwjDQ6g-kKSDU3K8YZ7sQq8nCShfM9vANLMcmj-o2p5YDbFaynL7DVQhZDu3UOBAK4LkNPa9Ei4//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="560" /><br />
تابعونا لتحميل القالب <br />
<a name='more'></a><h2>مواصفات القالب </h2><b>يحتوى قالب <span style="color: red;">Activity </span></b><a href="http://www.blogger.com/" target="_blank"><span style="color: red;"><b>Blogger</b></span></a><b><span style="color: red;"> Template </span>على العديد من المميزات اهمها :-</b> <br />
<br />
1- ثلاث اعمدة “ عمودين على اليسار يمكن التحكم فى احجامهما بسهولة “. <br />
2- يحتوى القالب على ثلاث تبويبات يمكنك وضع الفيديو او حكمة او تنويه بها <br />
<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufejBD3U4T8VGyZkKwtaD1Ku919484KChWQr6TxXH8FdMEwuiqth7zTjKDbx1nnPJ4YBOMkCuUocDPaL-0s8vhdIXnrQK0bmIsIVnF_aEU0l2vxjlOLG7L59BNOnkfzIiXJR4W3yrvpM//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="250" /> <br />
3- اماكن مناسبة لوضع اعلانات ادسنس باحجامها المختلفة “Google Adsense “. <br />
4- يحتوى على خاصية “ إقرا المزيد … “ <br />
<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTmeDhYrI3cuAKt-06dWLIMAwB5_EGpIMtSsLdVdwG5BPrCl7hBA13xHc6fHCXAKa1FEaUw2MEjWr2h9tiIfLOonVdNV7-zeFTKTTxCRGWcml9vMvfFSl5Fx-cxGFYJuYVE-MVbt0NZk//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="400" /> <br />
5- يتميز بشكل خاص بالتعليقات مميز ومطور من قبل <a href="http://www.samco-b.com/" target="_blank">مدونة سامكو</a> <br />
<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlT0FVGkRsnuxqqsdhGbec5cH7ndu1q9_uMvJjic9GSPFapdTqw7hqna61v7CBIiQ66D524AdHhzK6GdUMkCQwj5mpTDIeq_vrw3BmcbkHaRsxjCcZ04si0JDEB06kuTDdAy4-1NfX_k//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="340" /> <br />
6- يحتوى القالب على اضافة ترقيم الصفحات لمدونة بلوجر <br />
<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV0mrUSJt3vPvdmG3ca4lE_-_LDKRnlRuewaaukmyaS97O7_guFzMW5dPQEFGT_o3CT5Nw_KlSJWCjheCPYIDEjiqpe7LRiOkiRD3fSj9jNV-ozxBW0iT-f4bxc9owMc0eFMVO3eS-ex0//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="359" /> <br />
7- يحتوى على القالب على ايقونات المشاركة العامة <br />
<img alt="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRX_Lvqlw7gHOwab0YtMH1aroUvsXHnWyuI__DU2Cpq17Lau7bXkOZMlZD6E18izq37aNRGd6QkQIJSPzCuayEw_kGLsqMKpP1XIeJ4dDSrKcV1DoY3VJvhHdBqKzE1yn8SZH4GukU-Q//?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="مدونة سامكو | قوالب بلوجر : قوالب بلوجر 2011 : قالب Activity ذات اللون الغامق المميز" width="189" /> <br />
<blockquote>باقى المميزات والاضافات التى يحتويها القالب سيتم التعرف عليها من خلال تجربتكم للقالب </blockquote><br />
<h4> تنويه هام<br />
</h4><blockquote>إن أحببت التعديل على القالب وعلى الاضافات الخاصة لها ارجع الى هذه الراوبط <br />
1- <a href="http://www.samco-b.com/2011/04/blog-post.html">نصائح هامة لمحبى قوالب بلوجر المعربة</a><br />
2- <a href="http://www.samco-b.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1">دورة تصميم قوالب بلوجر</a></blockquote><br />
<h2>روابط مشاهدة وتحميل القالب </h2><div align="center"><a href="http://activity-blogger-templates.blogspot.com/" target="_blank">مشاهدة القالـب</a> (<b><span style="color: red;">Activity </span></b><a href="http://www.blogger.com/" target="_blank"><span style="color: red;"><b>Blogger</b></span></a><b><span style="color: red;"> Template </span></b> ) <a href="http://www.filesin.com/7554035424/download.html" target="_blank">تحميــل القالـب</a></div></div><div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-8599247998382876245.post-42424651732177492002011-05-25T22:49:00.001+02:002011-05-25T23:54:38.031+02:00طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger<p>السلام عليكم ورحمة الله وبركاته </p> <p>اليوم موعدنا مع درس جديد واضافة جديدة لمدونات <a href="http://www.blogger.com/" target="_blank">بلوجر</a> الشهيرة لجعل <a href="http://www.samco-b.com/" target="_blank">المدونة</a> أكثر مرونة وجمال واللى خلانى افكر فيها وانزلها فى موضوع لوحدها ان الكود ده تم طلبه بكثرة من قبل المدونين واصحاب المدونات والمواقع تسهيلا على زوارهم ومتابعيهم.</p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger" alt="مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4TZeoUqOtJjrZRNr0aL0_sgDoamadqFUp-Y3cFGI6qocBSv3osLH7wDoXLFgzWsHrwc3tAi0S9XVVqluqgto6uKh4Supze-jkm2ESV9oOrHqWfQdq0Y4nWX2rLBSpPE2Wef5U5lDkDk//?imgmax=800" width="560" height="350" /></p> <a name='more'></a> <p>الكود هو " <font color="#ff0000">الذهاب إلى ألى</font> " أو " <font color="#ff0000">أعلى الصفحة</font> " أو " <font color="#ff0000">GO TO TOP</font> " او اى اسم انتم عاوزينه</p> <p> </p> <h2>فكرة الكود</h2> <p>هو عبارة عن زر صغير موجود فى اسفل المدونة " يمين أو يسار " ثابت يتحرك مع الصفحة وعند الوصول الى اسفل صفحة مدونة بلوجر ما عليك الا الضغط عليه ليصل بك الى اعلى الصفحة بسرعة دون تحديث للصفحة او فتحها مرة اخرى </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif60WdKKotdKGGhyphenhyphen1fwm7CdNeg6P9cOeWq8RFgWrRsmYFy8Pf6Q3zoBosfJoT-qQMsQdYyQ7M4-fE8QTpur6buuneuEDdaKWFt9jWA_rcz0mb4v0FWl3KNpgWKbU2ewRFf8EaE3MkUVg4/s1600-h/top1%25255B4%25255D.png"><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger" alt="مدونة سامكو | طور مدونتك مع كود الذهاب إلى أعلى لمدونات بلوجر Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghHIj5WJCMelUkTkGvC1d3bqBa8V299vJS3jrg3zfGa5suleAcfS8Za03uzO_UhPxHTWLC9WS5KrEAKitFm4P3o50qPGscGwu7_W9ccAtqnokPzuZ-8BaYyUPxc26WXX3gQCT1uYDEdWw//?imgmax=800" width="513" height="45" /></a></p> <p> </p> <h2>مميزان الكود </h2> <p>- يمكن استخدامه من قبل المدونين لإضافة لمسة جمالية على القالب الخاص بهم ومدوناتهم تحديداً.</p> <p>- يمكن استخدامه من قبل المعربين والمصممين لقوالب بلوجر او وردبريس او المواقع الاخرى والمنتديات للتسهيل على الزوار والمتابعين لهم لتصفح مواقعهم ومدوناتهم.</p> <p> </p> <h2>الكود </h2> <div class="samcocode"><a title="الذهاب الى الاعلى " href="#" style="display:scroll;position:fixed;bottom:5px;right:5px;"><img src="<font color="#ff0000">http://www10.0zz0.com/2011/03/02/10/532198131.png</font>"></a></div> <p> </p> <h2>قبل تركيب الكود</h2> <p>قم بتغير رابط الايقونة الموجود باللون الاحمر بالرابط التى تريد وضعه فى مدونتك</p> <p> </p> <h2>تركيب الكود</h2> <p>1- الذهاب الى لوحة التحكم </p> <p>2- اختار تبويب " تصميم " ثم تبويب " عناصر الصفحة "</p> <p>3- اضافة أداة "  HTML/JavaScript " ويفضل تكون فى اسفل الصفحة </p> <p>4- قم بوضع الكود السابق ثم احفظ </p> <p>5- اذهب الى مدونتك واستمتع بالكود الجديد</p> <p> </p> <blockquote> <p>تم الانتهاء وان شاء الله القادم افضل واحسن </p></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-8599247998382876245.post-73896729944704632182011-05-21T11:36:00.001+02:002011-05-29T17:25:56.474+02:00اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة<p>السلام عليكم ورحمة الله وبركاته</p> <p>هل تريد اشهار مدونتك او موقعك ؟</p> <p>هل تريد ان تقوم بعمل شروحات داخل ردودك فى تعليقات مدونات <a href="http://www.blogger.com/" target="_blank">بلوجر</a>  ؟</p> <p>هل قومت بوضع روابط خاصة بك فة مدونات اخرى وهذه الراوبط تظهر بشكل نصى ؟</p> <p>لمعرفة اجابات هذه الاسئلة التى تدور فى رأس كل مدونة يعتمد على منصة بلوجر هنا الحل … تابع معى </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" alt="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuQasQCzJjRzf8FU6zwC1aLSr4Qu1acMSqrcfJ_8ZnLKgbmbkgfyKQCaeqrNLoB74Leos8NjtBpsduzbKvFNXT8BtczH-2a2vN8QAcHbz_jFPZkdEa5kO6Qkirgi6j6YYCwHaEk2nZfs//?imgmax=800" width="560" height="300" /> </p> <a name='more'></a> <p>الكثير منا يعلم انه عند وضع روابط فى التعليقات الخاصة بمدونات <a href="http://www.blogger.com/" target="_blank">بلوجر</a> تظهر هذه الروابط بشكل نصى وهذا يزعج الكثير حيث أنه لابد من اخذ هذا الرابط كوبى ووضعه فى المتصفح بست .</p> <h2>مثال قديم لشكل التعليقات</h2> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" alt="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieE-8UA_9TDKeLprDFCSGQARp6nS43yUeg8-kbTBQ0xBZ3hyphenhyphenpcYyC5BDYY08iEMtM7p79ic1TQ66cQHBTt_mtjBZ326H6j2tr5H9poFS6TpT-TPWZjdyo7Gz-kVZCFTKXvll9vLtgpM4s//?imgmax=800" width="560" height="297" /> </p> <h2>مثال جديد لشكل التعليقات</h2> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" alt="مدونة سامكو | اشهار المدونات والمواقع : ضع رابط مدونتك فى التعليقات بطريقة مبتكرة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuQasQCzJjRzf8FU6zwC1aLSr4Qu1acMSqrcfJ_8ZnLKgbmbkgfyKQCaeqrNLoB74Leos8NjtBpsduzbKvFNXT8BtczH-2a2vN8QAcHbz_jFPZkdEa5kO6Qkirgi6j6YYCwHaEk2nZfs//?imgmax=800" width="560" height="300" /></p> <p>ايهمها تحب أن يكون فى مدونتك ؟ </p> <p>الاجابة بكل تأكيد هو الشكل الثانى .</p> <p><strong>واليك الطريقة</strong> </p> <p>- عند وضع اى رايط فى التعليقات ما عليك سوى عمل التالى وبكل سهولة نفرض المثال التالى </p> <p><strong>نريد وضع رابط خاص بدورة تصميم قوالب بلوحر .</strong> </p> <p><font color="#ff0000">* الاسم الظاهر  :   دورة تصميم قوالب بلوجر .</font></p> <p><font color="#0000ff">* الرابط الخاص بها : </font><a title="http://www.samco-b.com/2011/03/blog-post_10.html" href="http://www.samco-b.com/2011/03/blog-post_10.html"><font color="#0000ff">http://www.samco-b.com/2011/03/blog-post_10.html</font></a></p> <p><strong>الكود الخاص بها</strong> </p> <div class="samcocode"><a href=”<font color="#0000ff">http://www.samco-b.com/2011/03/blog-post_10.html</font>”> <font color="#ff0000">دورة تصميم قوالب بلوجر المجانية</font> </a></div> <div><strong>اذن بكل بساطة</strong></div> <div>1- قم بتغير المكتوب باللون الاحمر بما تريد ليكون ظاهرا فى التعليق. </div> <div>2- قم بتغير المكتوب باللون الازرق بالرابط المراد الوصول اليه.</div> <div><strong><font color="#0000ff">ملحوظة هامة :</font></strong> </div> <div>فى حالة انك تريد ظهور الرابط كما هو قم بوضع الرابط فى المكانيين الاحمر والازرق ليكون ظاهر كما هو .</div> <h2>ماهى الاستفادة من هذه الطريقة ؟</h2> <div>1- تستخدم فى اشهار المدونات والمواقع فكل ما تترك تعليق فى مدونة اترك رابط مدونتك لكسب زوار جدد لمدونتك او موقعك.</div> <div>2- تسهيل العناء على الزوار فى التواصل مع الروابط الخاصة بك</div> <div>3- جعل شكل التعليق احسن وافضل من حيث المحتوى</div> <div>4- تسهل على الدعم الفنى للمدونات فى ترك الراوبط الخاصة بهم او بالمواضيع التى سوف يشار اليها بكل سهولة </div> <blockquote> <p>فى الختام ادعو الله أن اكون وفقت فى شرح الموضوع بشكل مبسط وادعوكم لمشاهدة </p> <div align="center"><a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">دورة تصميم قوالب بلوجر من الاول الى الياء</a> </div></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com39tag:blogger.com,1999:blog-8599247998382876245.post-42929634305491634002011-05-15T23:47:00.001+02:002011-05-15T23:56:54.797+02:00بشرى سارة : تم نقل مدونتى من منصة بلوجر المجانية إلى المدفوعة<p>السلام عليكم ورحمة الله وبركاته </p> <p>عند دخولى الى عالم التدوين كنت أتمنى عمل مدونة مجانية على <a href="http://wordpress.org/" target="_blank">ووردبريس</a> أو <a href="http://www.blogger.com/" target="_blank">بلوجر</a> وتم بحمد لله وقومت بعمل مدونتى هذه ( <a href="http://www.samco-b.com/" target="_blank">مدونة سامكو</a> ) وبدأت على منصة <a href="http://www.blogger.com/" target="_blank">بلوجر</a> المجانية وبدأت باستخدام قوالبها العادية حتى تم بأذن الله تصميم قالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> خاص لمدونتى وتم تطويره اكثر من مرة ليصبح بهذا الشكل.</p> <p><img style="margin: 10px 0px; display: inline" title="مدونة سامكو | بشرى سارة : تم نقل مدونتى من منصة بلوجر المجانية إلى المدفوعة" alt="مدونة سامكو | بشرى سارة : تم نقل مدونتى من منصة بلوجر المجانية إلى المدفوعة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93Cm8Gbtrd5uRAD8BnwpPUbD3-GLLcc31Et2INDP2lPvp3gs5T03_7GGCGlW-JW2NZNisvJA4_ZW0ksG1Byahk5GRN3BBXcftAHdTxM2-hUVSz_ZNTVQh3pPps9IwsJLPRCdMq0pgCtg//?imgmax=800" width="560" height="350" /> </p> <a name='more'></a> <p>بعد ذلك تم الاهتمام بها لتدعيمها فى محركات البحث والتى من أهمها <a href="http://www.google.com" target="_blank">جوجل</a> إلى جانب تحسين ترتيبها فى <a href="http://www.alexa.com" target="_blank">أليكسا</a> وهذا ايضا تم بحمد لله وايضا اصبحت للمدونة زوار ومتابعين يوميين يتابعونا ويقدمونا لى النصيحة والدعم والمشاركة الفعالة.</p> <p>كل هذا الفضل يرجى إلى الله سبحانه وتعالى ثم متابعى وزائرى هذه <a href="http://www.samco-b.com/" target="_blank">المدونة</a> المتواضعة هم من قاموا بدعمى وتنبيهى لأخطائى ومساندتى بتعليقاتهم الجميلة والرقيقة والداعمة وانتهز هذه الفرصة لشكرهم جميعا.</p> <p>حتى حان الوقتى الذى تمنيته وهو أن اقوم بشكر منصة <a href="http://www.blogger.com/" target="_blank">بلوجر</a> المجانية وأقوم تحويل مدونتى إلى دومين مدفوع وتحت منصة <a href="http://www.blogger.com/" target="_blank">بلوجر</a> ايضا ولكن هذه المرة المدفوعة فأحببت أن افرح معكم و أن اقضى لحظة تحقيق حلمى بينكم فأشكركم جميعا</p> <p>اتمنى من الله ان أكون عند حسن ظنكم جميعا واعتذر عن التقصير فى الفترة السابقة لنقل المدونة وبعض الاخطاء والتحديثات فى <a href="http://www.blogger.com/" target="_blank">بلوجر</a> وايضا لضيق الوقت عندى لكن انشاء الله سيتم تلبيه طلبات الجميع وتكملة دروس الدورة الخاصة بتصميم قوالب بلوجر المجانية.</p> <p><a href="http://www.samco-b.com/" target="_blank">مدونة سامكو</a>  اصبحت تمتلك دومين مدفوع</p> <p>الرابط الجديد : <a title="http://www.samco-b.com/" href="http://www.samco-b.com/">http://www.samco-b.com</a></p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-8599247998382876245.post-5815561361572866532011-04-28T13:11:00.001+02:002011-08-22T01:51:06.328+02:00قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر<p>السلام عليكم ورحمة الله وبركاته </p> <p>أهم ما يميز قالبنا اليوم وهو قالب <font color="#ff0000">Frankle</font> الخاص بمدونات <a href="http://www.blogger.com/" target="_blank">بلوجر</a> ألوانه الرائعة والمميزة</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" alt="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7sOwoa3b6T0KurlkYE1ykeXM0M5TehFoFzW8P35vnRxxwvq7XK0Wee2jcJu0ewlWP52FgZq_ac4gAlWCeD424pMA3iUR8S9vc4NuSc4yXrxneL4GzMd0HiZxA3D59JgNApihWXJMCiyU//?imgmax=800" width="560" height="350" /> </p> <a name='more'></a> <h2>مميزات قالب <font color="#ff0000">Frankle </font> </h2> <p> 1- يحتوى القالب على ايقونات المشاركة الاجتماعية الفيس بوك وتويتر وغيره والبحث المميز</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" alt="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1_IySdSWstuC2kmMCpEsatrfEbagt5nPoQr5nJYSA1lW_9e9_WDT9oAPsctqqAqF9jbDpiFoXxJx8GMYtn2HgDZ-ozZxVEMBTR9HogLllrtIccG40PSvPZt0J3B3NQ5j-6ov3s6ZBEs//?imgmax=800" width="319" height="35" /> <img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" alt="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoh81up-N5RUnEbHk-XqSoqPOmsL-JbSCFW0alDG48lg1W3Iz_xecpLn_x_aiEqHsXLTkIpboTNZgnUK5WbOFOOccvapAZO_H2c7c07WjFv0mtPDwVtNQRKuMmfi_xAgdufPZZwiLkEoI//?imgmax=800" width="256" height="45" /></p> <p>2- يحتوى القالب على مصغرات المواضيع بشكل جميل والوان ممتازة</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" alt="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9nVjLKisMwVd90Q8BpbKE-Zh9QdxYoYDNkIPY2U5bUgNiA5m4wyfTjd4-ZK7T597I42KllZ4IODaJA60XvFsfPZQBUt8L7tnZPmI4zZXGHbQBGbJHb4VmONQBW84nQWKe87eJNiFi7Y//?imgmax=800" width="400" height="243" /> </p> <p>3- يحتوى القالب على اماكن اعلانية مميزة يمكنك اضافة ما ترغب بكل سهولة وايضا مهمة جدا لاعلانات ادسنس.</p> <p>4- يميز القالب اللون البنى والبرتقالى وايضا يحتوى على مزايا اخرى يمكنك التعرف عليها من خلال تصفح المعاينة الخاصة بالقالب.</p> <p>5- شكل تعليق مميز مرتبط بألوان الخلفية والمواضيع</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" alt="مدونة سامكو | قوالب احترافية 2011 | تعريب قالب Frankle لمدونات بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4yjYj9GoKKYoCNzekXndhhC3pGwL8TjOvkT_bztVNoGkzY89bKyfrzMsJ05bVdJX9_VXO4t7csxQGe6Dh0sUxLu6wmMXSTJZsNx63RrpcnOeiRhmznl8GEC4ExnOKZ8Oa-366_LCtP0//?imgmax=800" width="465" height="114" /></p> <h2>راوبط مشاهدة وتحميل قالب <font color="#ff0000">Frankle</font> </h2> <p> </p> <div align="center"><a href="http://frankle-bloggertemplates.blogspot.com/" target="_blank">مشاهدة القالب</a>   - ( <font color="#ff0000">Frankle</font> ) -   <a href="http://www.filesin.com/1586015000/download.html" target="_blank">تحميل القالب</a></div> <div align="center"><a href="http://www.filesin.com/1586015000/download.html" target="_blank"></a></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-8599247998382876245.post-80964412818564866432011-04-27T13:04:00.001+02:002011-04-27T20:29:18.922+02:00الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك<p>السلام عليكم ورحمة الله وبركاته </p> <p>ذات مرة وانا اقوم بجولة داخل شبكة الانترنت صادفنى عند البحث فى <a href="http://www.google.com" target="_blank">جوجل</a> رابط عن موقع <a href="http://www.filesin.com/" target="_blank">Filesin</a> يقول اربح 4 دولار عن كل 1000 تحميل لملفاتك وبالفعل دخلت إلى الموضوع ثم قمت ب<a href="http://www.filesin.com/register.php?ref=2491" target="_blank">التسجيل</a> بالموقع وأحببت التعامل معه لسهولة التعامل معه ومصدقيته التى سوف تلمسها عند تعاملك معه.</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipGBLx205uy1UVrh9nPgz4JiiSPrdAGE2-IfAuQEQDvFnaAsTo_JSGxMck0ZGa0Kw7BuJ3Tjz373y7YnA63omvFa8jFizrT6Poh6FscxBfT8uj9gIlke08djZz65W6g3wjyZxhqBCZ3WQ//?imgmax=800" width="560" height="338" /> </p> <a name='more'></a>أنت تقوم فى جميع الأحوال برفع الفيدوهات والصور والملفات الخاصة بك على مواقع وتجعل الجميع يحملونها فلماذا لا تفكر فى الاستفادة من هذه الملفات وترفعها على موقع يجعلك تربح من كل تحميل يقوم به الاخرين بتحميل ملفاتك <p></p> <p>يعنى لو عندك 100 ملف اى كان ( صور + فيديو + كتب + إلى اخر – ) وتقوم بنشرها فى مواضيع على المنتديات وتترك الاخرين يقومون بتحميلها لو فام 10 اشخاض بتحميل ملفاتك ستكون المعادلة كالتالى </p> <div align="center"><strong><font color="#ff0000">100 ملف * 10 اشخاص قاموا بالتحميل = 1000 تحميل يعنى تساوى 4 دولار</font></strong> </div> <div align="center"> </div> <p>وكلما كانت ملفاتك مهمة ومواضيعك منتشرة ستكون نسبة التحميل أعلى والربح أكبر .</p> <p> </p> <h2>مميزات موقع <a href="http://www.filesin.com/register.php?ref=2491" target="_blank">Filesin</a> </h2> <a href="http://www.filesin.com/register.php?ref=2491" target="_blank"><img title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" border="0" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="http://www.filesin.com/images/ref_468.gif" /></a> <p>1- حجم الملف الواحد يصل الى 200 ميجابايت.</p> <p>2- سرعة عالية فى رفع الملفات لسمتها بنفسى .</p> <p>3- مصداقية الموقع حيث يوجد الكثير من اثباتات الدفع الذى حصلت عليها فى الكثير من الموقع وان شاء الله مع اول اثبات خاص بى ساقوم بنشره على الموقع هنا </p> <p>4- تستطيع دعوة الاخرين الى الموقع من خلال رابط تحويل خاص بك وبالتى سوف تربح من خلالهم اى تجصل على نسبة 25 % من تحميلاتهم يعنى بشكل مبسط كل 1000 تحميل لشخص قومت بدعوته وسجل عن طريقك تحصل على 1 دولار .</p> <p>5- اقل مبلغ يمكنك التحويل هو ان يكون رصيدك 10 دولار.  </p> <p>6- يحصل كل الاعضاء والزوار على نفس المميزات فى التحميل السريع.</p> <p>7- عدد لانهائى من التحميلات فى نفس الوقت </p> <p>8- كل التحميلات من جميع الدول تحتسب وليس دول معينة كباقى المواقع.</p> <p>9- التحويل على بنك <a href="https://www.moneybookers.com" target="_blank">moneybookers</a> وهو بنك محترم فى تعاملاته.</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9c_JGAzIhl5g0zeOTPDEJDxt9X4JR7VSYkqy74G8Zm6cKRfvfABX0ZiDonlewc7Lyff9xJ8GMnjm4tPwhkq8ZsVH55JBQlShe52FGqejgQm1LPGLCgBwmx8qTGZI4H4mu32VooyhWfQ//?imgmax=800" width="391" height="66" /> </p> <p>10- مرات التحميل عيد محددة ولا نهائية.</p> <p> </p> <p><strong>الأن حان وقت </strong><a href="http://www.filesin.com/register.php?ref=2491" target="_blank"><strong>التسجيل</strong></a>  </p> <p> </p> <h2>شرح التسجيل فى موقع <a href="http://www.filesin.com/register.php?ref=2491" target="_blank">Filesin</a></h2> <p> </p> <p>1- قم بالدخول الى الموقع من <a href="http://www.filesin.com/register.php?ref=2491">هنا</a> </p> <p><a href="http://www.filesin.com/register.php?ref=2491" target="_blank"><img border="0" src="http://www.filesin.com/images/ref_468.gif" /></a></p> <p> </p> <p>2- قم بالضغط على <a href="http://www.filesin.com/register.php?ref=2491">Register</a> </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWP1rnzHIS3LKQIUqx49D8d9CoGk5MlUzHr0S0y9yB8bjG0K0DX0AF8d9A5QEhFihp9byDQTx4vHwZYNlfPvR0OEAqWlNKNu1YCJrnOXJL5XORkN_Isxslds4dDzZkXyffq4aQAwBd3a8//?imgmax=800" width="560" height="51" /></p> <p> </p> <p>3- قم بكتابة البيانات الخاصة بك مثل الموضح فى الصورة ادناه</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYWoGSbJi_Q1c2cc61F31sHZHBTr8IYkvdpYo8uXPCmUP7RZyL-YBKiNvkGDw5orxeDwhB_0W8VwqQglcLGLckwg-4F2NWQCDeq3KPOiJS7a969vi_KnhqL7adzKtgUa_om3dC9QAlbMk//?imgmax=800" width="560" height="320" /></p> <p> </p> <p>4- كده نقول مبروك تم تسجيلك بنجاح تعالى بقى نشوف ايه اللى جوه الموقع</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm29uwi_Ti56Jhyywo8P73N_YNSIRAsZoRNmDyrkRicRus_aCD23urPBDPDDTynQKvYzp95CPccEAf7Or8B2lZVEjUsBQihljuPytOZhBU6dkeMEvGhwXt1ttqMEWie_5sd_yYxrirGfA//?imgmax=800" width="560" height="200" /></p> <p> </p> <p>دى الشاشة اللى بتظهرك بعد الدخول الى حسابك وهتلاقى فيها كل البيانات عن الحساب والارباح الخاصة بك وارباحك اليومية والشهرية وكمان التقارير الخاصة بالتحميل اليومية او الشهرية.</p> <p> </p> <h2>ازاى الواحد يرفع الملفات الخاصة به ؟</h2> <p> </p> <p>شوف الصورة دى معاى وانت هتفهم كل شئ الموضوع سهل جدا</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRFSjgKbEC014oDaPt9rLfGJ9Mdm3iv-TF7KwztrOpfbAatg96cfdEv5X7N10EP6tBUndzPI3kIhyw7XbnI8UGaZ3XM6t6zGWwyOMkQcLuzPtZT_Xo65kSjgVCEGE3Q3f3UE0UlqSfuI//?imgmax=800" width="560" height="200" /></p> <p> </p> <p>من الشاشة الرئيسية للحساب تقوم ضاغط على <font color="#ff0000">upload new</font> </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzJjGTeBlgtEM8j4AhkEkf0ddUa3TPfHl0tmP1eUjZknh32Ud_RblCpYbX4LebM5PRmhQ57KAU773esmPm_LLgldEQhfcCAi4Zyfxr7XLVlLuybZKWAdZqCaZPAyVx23J9kZC9I6p73A//?imgmax=800" width="560" height="350" /></p> <p> </p> <p>كده اختارنا الملف او الملفات اللى عاوزين نرفعها ونضغط على بدء الرفع ( الموقع ما شاء الله سريع فى الرفع عن تجربه وايضا سريع فى التحميل )</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-gc9xhBNNJu8ayGdlNu-hSButZZRd3Ft1xkCvJq2YeYtW5y3CdYw2n0-FDak3UHPmLcWjHbjQl8q1tofXsjNrxrFdfTex3xgp7r0E21oozES1iNMFEabRO1SUHPAUl3A76WQs0WoWlGU//?imgmax=800" width="560" height="224" /></p> <p> </p> <p>كده رفعنا الملف الخاص بنا هتلاقى الصفحة اللى موجودة موضحة كل البيانات والروابط الخاصة بالملف الى انت هتاخدها وتضيفها فى مواضيعك على المدونات او المواقع او المنتديات .</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" alt="مدونة سامكو : الربح من الانترنت : اربح 4 دولار لكل 1000 تحميل لملفاتك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR27PsSSJBIsIqs_LkHdGzek9XD6BsNamDu5pDhvwG3vrgz-Og1jmuzAkTEMX0-O855DlANLGVA3cDCie0dRl7orYxaVA4cbgoxtesM8LVc2Qa3QZ3xBrT3qTgJoPgqDk6b25r-a1vJmQ//?imgmax=800" width="560" height="224" /></p> <p> </p> <p>وهتلاقى كل الملفات دى موجودة فى الشاشة الرئيسية للحساب وتقدر تعرف عدد التحميلات الخاصة بها وايضا تقدر تعرف الروابط الخاصة بها ايضا </p> <p><strong>انتظرونا فى درس جديد من </strong><a href="http://samco-b.blogspot.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank"><strong>دورة تصميم قوالب بلوجر المجانية</strong></a><strong> قريبا ان شاء الله</strong></p> <p>لو حبيبت تسجل عن طريقى ده الرابط الخاص بى </p> <div align="center"><a title="http://www.filesin.com/register.php?ref=2491" href="http://www.filesin.com/register.php?ref=2491">http://www.filesin.com/register.php?ref=2491</a></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-8599247998382876245.post-33474495091511118872011-04-25T19:49:00.001+02:002011-05-26T00:29:05.691+02:00الدرس الثالث : شرح أساسيات CSS الجزء الثانى والاخير<p>السلام عليكم ورحمة الله وبركاته </p> <p>فى <a href="http://samco-b.blogspot.com/2011/04/css.html" target="_blank">الدرس السابق</a> من <a href="http://samco-b.blogspot.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank">دورة تصميم قوالب بلوجر المجانية</a> قمنا بشرح <a href="http://samco-b.blogspot.com/2011/04/css.html" target="_blank">الجزء الأول من أساسيات CSS</a> والذى تناولنا فيه ( الخطوط وما يلزمها “ <font color="#ff0000">Font</font> “ ) وفى هذا الدرس بإذن الله سأقوم بتناول باقى الأساسيات الهامة.</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="CSS2" alt="CSS2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5qpvf8dA134XVIq2V7lvBYa4O0F_6cDdpsTtvZQBlDPE168-Cpq0XzwnpQjqlfbGIRe3PwvyQEJ31C8Zsiu3PDHsfGe8Oc74aUqmp3ZMphzsu3Ri_EuAt35kRkSDp54AHnczH67NcayI//?imgmax=800" width="551" height="340" /></p> <a name='more'></a> <p><strong><font color="#0000ff" size="4"><u>أساسيات CSS الهامة:</u> </font></strong></p> <p> </p> <h2>1- الخطوط وما يلزمها “ <font color="#ff0000">Font</font> “</h2> <p>تم شرحه فى الدرس السابق ( <a href="http://samco-b.blogspot.com/2011/04/css.html" target="_blank"><strong>يمكنك مراجعته من هنا</strong></a> ).</p> <p> </p> <h2>2- النصوص والفقرات “ <font color="#ff0000">Text</font> “</h2> <p>أى كل ما يمكن استخدامه لتنسيق الكتابة والنصوص لكى تظهر بشكل جيد</p> <div class="samcocode">H1 { text-indent: 20px; text-align: right; text-decoration: underline; letter-spacing: 6px; text-transform: capitalize; }</div> <p><strong></strong></p> <p><strong>أ-</strong> <strong><font color="#ff0000">text-indent</font></strong>  وهى عبارة عن المسافة البادئة التى تسخدم فى بداية الفقرة لتضيف شكل جمالى.</p> <p><strong>ب-</strong> <strong><font color="#ff0000">text-align</font></strong>  وهى تعنى محاذاة النص ويمكنك التبديل بين (محاذاة يمين <font color="#ff0000">Right </font>- محاذاة يسار  <font color="#ff0000">Left</font> – محاذاة فى الوسط <font color="#ff0000">Center</font> – محاذاة من اليمين واليسار <font color="#ff0000">justify</font> ).</p> <p><strong>جـ-</strong> <strong><font color="#ff0000">text-decoration</font></strong> وهى تسخدم فى زخرفة النص واضافة تأثيرات عليه ويمكن التبديل بين ( وضع خط تحت النص <font color="#ff0000">underline</font> – وضع خط فوق النص <font color="#ff0000">overline</font> – وضع خط فى منتصف النص <font color="#ff0000">line-through</font> ).</p> <p><strong>د- <font color="#ff0000">letter-spacing</font></strong> وهى تعنى المسافة بين الحروف فى الكلمة وتستخدم فى العناوين او الفقرات .</p> <p><strong>هـ-</strong> <strong><font color="#ff0000">text-transform</font></strong> وهذه الخاصية تنفعنا فى التعامل مع النصوص المكتوبة باللغة الانجليزية لانها تقوم بتغير الحروف من صغير الى كبير أو العكس بشكل تلقائى ويمكنك التبديل كما ترغب بين قيمها .</p> <p>- ( جعل اول حرف كبير  <font color="#ff0000">capitalize</font>  - مثال :  samco  سوف تصبح <font color="#ff0000">S</font>amco ).</p> <p>- ( جعل النص كله صغير  <font color="#ff0000">lowercase</font> - مثال :  SAMCO سوف تصبح <font color="#ff0000">samco</font>  ).</p> <p>- ( جعل النص كله كبير  <font color="#ff0000">uppercase</font> - مثال :  samco  سوف تصبح <font color="#ff0000">SAMCO</font> ).</p> <p>- ( عدم اظهار اى تأثيرات     <font color="#ff0000">none </font>   ).</p> <p> </p> <h2>3- الروابط “ <font color="#ff0000">Links</font> “</h2> <p>وهى عبارة عن تنسيق الراوبط الخاصة بك فى مدونتك </p> <div class="samcocode">a:link { <br />color:<font color="#0000ff">#000000</font>; <br />} <br />a:visited { <br />color:<font color="#ff0000">#666666</font>; <br />} <br />a:hover { <br />color:<font color="#0000ff">#222222</font>; <br />} <br />a:active { <br />color:<font color="#008000">#050505</font>; <br />}</div> <p> </p> <p>أ- <strong><font color="#ff0000">a:link</font></strong>  وهى تخص الرابط الموجود بمدونتك</p> <p>وليكن انك تحب ان يكون لون الروابط الخاصة بك أن يكون لون ازرق ( تقوم باستبدل اللون اللى بالازرف ووضع الذى تريد )            مثال : <font color="#0000ff">الرابط هنا </font></p> <p>ب- <font color="#ff0000"><strong>a:visited</strong></font> وهى تخص الروابط التى قام الزائر بزيارتها </p> <p>بشكل مبسط عندما يقوم الزائر الخاص بمدونتك بزيارة رابط ما سوف يجد ان لون هذا الرابط مختلف عن الروابط الاخرى التى لم يقم بزيارتها وليكن انك تريدها ان تكون باللون الاحمر ( قم باستبدال اللون الاحمر باللون الذى تريد )                   مثال : <font color="#0000ff"><font color="#ff0000">الرابط هنا</font> </font>   </p> <p>جـ- <font color="#ff0000"><strong>a:hover</strong></font> وهذه الخاصية مرتبطة بمرور الماوس على الرابط اى كان تم زيارته ام </p> <p>لا أى عندما تقوم بتحريك الماوس على الرابط سوف تقوم هذه الخاصية بالعمل وليكن انك تريد انه عند تحريك الماوس أن يكون شكل الرابط باللون الاحمر بدلا من الازرق  ( تقوم باستبدل اللون اللى بالازرف ووضع الذى تريد )                    مثال : <font color="#0000ff"><font color="#ff0000"><a href="http://samco-b.blogspot.com" target="_blank">الرابط هنا</a></font> </font> </p> <p>د- <font color="#ff0000"><strong>a:active</strong></font> وهى تخص الرابط الذى تتواجد عليه فى حينها </p> <p>أى عندما تقوم بعمل روابط لمواضيع مدونتك على الاعمدة الجانبية للمدونة للتسهيل على الزوار لتصفحها وعند الدخول على رابط موضوع معين سترى ان رابط هذه الموضوع تغير الى لون اخر مثلا  ( كل ما عليك ان تقوم بتغير اللون الأخضر إلى ما تحب )</p> <p><strong><font color="#0000ff" size="4"><u></u></font></strong></p> <p><strong><font color="#0000ff" size="4"><u>تنويه هام جدا :</u></font></strong></p> <p>- يمكنك استخدام الدروس السابقة واللاحقة ان شاء الله فى هذه النقطة أى يمكنك تغير الالوان والخطوط والمحاذاة والخلفية وكل ما تريد أن يكون عليه المظهر فى كل حال.</p> <p>- كما يمكنك ايضا استخدام الخصائص السابقة مع كل مكون من مكونات قوالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> على حدى ( بشكل مبسط يعنى يمكن استخدام هذه الخصائص لروابط عناوين المواضيع فقط واستخدام خصائص اخرى لروابط القوام الجانبية وذلك سيتم معرفته ان شاء الله فى الدروس القادمة مع دراسة كل مكون ).</p> <p> </p> <h2>4- خاصية “ <strong><font color="#ff0000">Padding</font></strong> “ وخاصية “ <strong><font color="#ff0000">Margin</font></strong> “</h2> <p>الخاصيتين يتشابها فى كل الصفات والشرح الا نقطة واحد فقط وهى أن <strong><font color="#ff0000">Padding</font></strong> تستخدم فى التحكم فى عنصر ما من الدخل أما <strong><font color="#ff0000">Margin</font></strong> فهى تستخدم فى التحكم فى عنصر ما لكن من الخارج .</p> <div class="samcocode">.sidebar { <br />margin-top: 50px; <br />margin-right: 40px; <br />margin-bottom: 30px; <br />margin-left: 20px; <br />} <br /> <br />.sidebar { <br />padding-top: 50px; <br />padding-right: 40px; <br />padding-bottom: 30px; <br />padding-left: 20px; <br />}</div> <p> </p> <p>الشرح على الخاصيتين </p> <p>تعنى <font color="#ff0000">Top</font> اى المحاذاة من الاعلى  و <font color="#ff0000">Right</font> من اليمين و <font color="#ff0000">Left</font> من اليسار و <font color="#ff0000">Bottom</font> من الاسفل </p> <p>ويمكن تجميع الكل بشكل افضل كالتالى ويمكنك التغير بها بسهولة حسب الوصف</p> <div class="samcocode">.sidebar { <br />margin: 50px 40px 30px 20px; <br />margin: Top Right Left Bottom; <br />} <br />.sidebar { <br />padding: 50px 40px 30px 20px; <br />padding: Top Right Left Bottom; <br />}</div> <h2>5- خاصية “ <strong><font color="#ff0000">Float </font></strong>“ وخاصية “ <strong><font color="#ff0000">Width </font></strong>“ وخاصية “ <strong><font color="#ff0000">Hieght </font></strong>“</h2> <p>كل منهم يعبر عن شئ خاص به </p> <div class="samcocode">#header { <br />float:right; <br />width: 100px; <br />width: 90%; <br />hright:50px <br />}</div> <p> </p> <p>أ-  <font color="#ff0000"><strong>float</strong></font> وهى عبارة عن المحاذاة لاى عنصر تريد وضعه فى القالب يمينا او يسارا ( محاذاة يمين <font color="#ff0000">Right</font> – محاذاة يسار <font color="#ff0000">Left</font> – من غير محاذاة <font color="#ff0000">None</font> ).</p> <p>ب- <font color="#ff0000"><strong>Width</strong></font> وهى تعنى العرض الخاص بالعنصر سواء كانت قيمة او نسبة </p> <p>جـ <strong><font color="#ff0000">height</font></strong> وهى تعبر عن الارتفاع الخاص بالعنصر المطلوب .</p> <p>مثال : هنقوم بعمل هيدر جميل ( العرض : <u>450 بيكسل</u> و الارتفاع : <u>90 بيكسل</u> والمحاذاة مرة يمين )</p> <div><img style="margin: 10px auto; display: block; float: none" title="header" alt="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbPMyTW7rkpyVAriZmit9xTsMjhBLk2QXB4IP9UD5ZPns_h6gWY_P674Wx3f8KOjCUPrsSqlF2arkiOXzrz_GaH1RIOG4ubRlP9JM24R-VyI575o7uY9wgkn-dHnVBUUotF_Dclmm2amg//?imgmax=800" width="450" height="90" /> </div> <div> </div> <h2>6- خاصية “ <strong><font color="#ff0000">Clear</font></strong> “ </h2> <p>هذه الخاصية هامة جدا جدا جدا </p> <div class="samcocode">#footer { <br />Clear:both; <br />}</div> <p>حيث يتم من خلال هذه الخاصية تعويم العنصر اى ترتيبه جمبا الى جنب مع عنصر اخر فكيف يمكن التعامل مع هذه الخاصية لانها سوف نستفيد منها فى الفصل بين المكونات الخاصة بالقالب سواء كان هيدر ثم يتبعه الوسط ثم الفوتير </p> <p>ويتم التبديل بين ( اليمين <font color="#ff0000">Right</font>  -- اليسار <font color="#ff0000">Left</font> – كلاهما <font color="#ff0000">Both</font> )</p> <p><strong><font color="#0000ff" size="3"></font></strong></p> <p><strong><font color="#0000ff" size="3"></font></strong></p> <p><strong><font color="#0000ff" size="3">شرح مبسط :</font></strong></p> <p>عند عمل القالب والبدء بعمل الهيدر والانتهاء منه والبدء بعمل الجزء الوسطى اى جزء الارسال ما هى الخاصية التى تفرق بينها لا تتبعه فى الخصائص والمكونات وتجعله يعمل ويظهر بشكل متتالى.</p> <p>هذه هى الخصاصية والتى سوف نستخدم على الاكثر Both حتى يتم التخلى عن الكل سواء يمينا او يسارا حيث يظهر القالب بشكل متتالى ( الهيدر ثم الجزء الوسطى ).</p> <p> </p> <h2>7- الخلفية “ <strong><font color="#ff0000">Background</font></strong> “</h2> <p>الخلفية اى كانت سواء خلفية عنصر معين او القالب بأكلمه إما ان تكون ( لون او صورة أو كلاهما معا )</p> <div class="samcocode">Body { background-color: <font color="#ff0000">#FFFFFF</font>; background-image: <font color="#0000ff"><font color="#000000">url(" </font>رابط الصورة المراد وضعها</font><font color="#000000"> "); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }</font> </div> <p> </p> <p>أ- <strong><font color="#ff0000">background-color</font></strong> هنا تكون الخلفية عبارة عن لون يمكنك تغيره كما ترغب.</p> <p>ب- <strong><font color="#ff0000">background-image</font></strong> هنا تكون الخلفية عبارة عن صورة او نقش يمكن تغيره من خلال وضع الصورة التى ترغب .</p> <p>جـ- <strong><font color="#ff0000">background-repeat</font></strong> تستخدم فى حالة انك وضعت صورة صغيرة او نقش صغير وتريد تكراره مثلا ليملئ الخلفية باكملها او انك لا تريد ان يتم التكرار من اساسه ويمكنك التبديل بين :</p> <p>-  <font color="#ff0000">repeat-x</font> وتعنى ان الصورة سوف تتكرر بشكل افقى فقط </p> <p>- <font color="#ff0000">repeat-y</font><font face="Courier New"> </font>وتعنى ان الصورة سوف تتكرر بشكل رأسى فقط </p> <p>- <font color="#ff0000">repeat</font> وتعنى ان الصورة سوف يتم تكرارها بشكل افقى ورأسى فى نفس الوقت.</p> <p>- <font color="#ff0000">no-repeat</font>   وتعنى عدم تكرار الصورة افقيا او رأسياً.</p> <p>د- <font color="#ff0000"><strong>background-attachment</strong></font> وهى تعنى ان تكون الخلفية ثابتة او متحركة وتكون هذه الخاصية واضحة بشكل كبير فى الصور حيث ان اردت صورة ثابتة ستكون الخلفية ثابتة وباقى المكونات متحركة عن استخدام شريط التمرير مثلا ويمكنك التبديل بين </p> <p>- <font color="#ff0000">scroll</font> وتعنى ان الصورة سوف تتحرك عن تحرك الصفحة ومكونات القالب .</p> <p>- <font color="#ff0000">fixed</font> وتعنى ان الصورة ستكون ثابتة وبافى المكونات سوف تتحرك وتظل الخلفية موجودة وظاهرة.</p> <p>هـ- <font color="#ff0000"><strong>background-position</strong></font> وهى تعنى مكان وضع الصورة ومحاذاتها يمينا او يسار او اعلى او اسفل لتركيبها بشكل دقيق. ويتم ترتيبها  بين <font color="#ff0000">Right</font> و <font color="#ff0000">Left</font> وكذلك يتم الترتيب بين <font color="#ff0000">Top</font> و <font color="#ff0000">Bottom</font> أو يمكن استخدام المقاسات بالبيكسل مثلا او النسبة </p> <p>ويتم تلخيص السابق كالتالى ويؤدى نفس الخصائص المفردة </p> <div class="samcocode">Body { <br />background: #FFFFFF url("رابط الصورة المراد وضعها ") no-repeat fixed right bottom; <br />}</div> <p><font color="#0000ff"></font></p> <p><font color="#0000ff">تنويه : سيتم دراسة كل ما سبق شرحه بالتفصيل عن احتياجنا اليه فى الدروس المقبلة باذن الله تعالى</font> </p> <blockquote> <p>تم بحمد لله الانتهاء من الدرس وان شاء الله نتقابل فى باقى دروس <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">الدورة</a> قريبا </p></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-8599247998382876245.post-71625194525844513112011-04-17T01:06:00.001+02:002011-08-22T01:51:06.341+02:00قوالب بلوجر معربة : قالب بلوجر Pharse المعرب<p>تم الانتهاء بحمد الله من تعريب قالب<font color="#ff0000"> Pharse </font>الشهير الذى يحتوى على العديد من المميزات. </p> <p>تابعونا لتحميل القالب</p> <img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPHhLeDn08284XJ8eCgCyrYvTQozGxIFiarPwNZ1yxxij3GHO2Zyf65rMo3Ijh3zlKgJaXTEbIat6YTHkjb3T5aohfFS856YC3Zf9u9whsNV5LfnAoDd2IXsZfPU1Wpk3tcsm7ptatAg//?imgmax=800" width="560" height="350" /> <a name='more'></a> <h2>بيانات قالب <font color="#ff0000">Pharse</font>  </h2> <p> <br />- تصميم : <a href="http://fthemes.com/" target="_blank">Free WordPress Themes</a> </p> <p>- تحويله الى بلوجر : <a href="http://www.bloggertipandtrick.net/" target="_blank">Lasantha</a> - <a href="http://www.premiumbloggertemplates.com/" target="_blank">Premium Blogger Themes</a> </p> <p>- تعريب وتطوير : <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> <br /> <br /></p> <h2>مواصفات القالب </h2> <p> <br />يحتوى قالب <font color="#ff0000">Pharse</font> على العديد من المميزات اهمها :- </p> <p>1- يتميز باللونين الابيض والرمادى الى جانب العديد من المميزات الاخرى. </p> <p>2- اماكن مناسبة لوضع اعلانات ادسنس بأحجامها المختلفة “Google Adsense “. </p> <p>3- يحتوى على خاصية “ إقرا المزيد … “</p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5X50cOPi9yncXLDBnmr6jflmfszRBNiqR1I82vFoWH4j9Q2UAqsevWMOP0XMuUOMIvt8X4p8Cc7dAmqHMuQT0nwbru9HAQlL9y0EsaOhJqSS9l2kkZh9r0lnRPyQ34ei-GMqDtucV08//?imgmax=800" width="444" height="210" /></p> <p>4- يتميز بشكل خاص بالتعليقات مميز ومطور من قبل <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a>    <br /><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZs1rEXfcK-STBjQPHRHMEfw1vEEqPAfL3TlvYXb0Q9BTRMxEHQcBFfa4F_73dMYs9kNyTFWfXm5t4FWFbfDHW6rjhadxd_spzK0rKAxXNPzkNZJdGFwiQeI_lWfLHI52-aFlWgjGgmZY//?imgmax=800" width="441" height="132" /> </p> <p>5- يحتوى القالب على فوتر مقسم إلى ثلاث أجزاء يمكن الاستفادة منها بكل سهولة </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNugz4nZZDLtW_gfcKZyXLCBOGZKYHNBzM4I89BzW7cB6Uv5g3FoZfBAziPYnwdg4sXXlyQVb8w_yMVv67uTf-wWkciS5i_yUfUawtYGvHeSeMESzkgAfZGAlLHo9mMlpIvlHb8mB5Fc//?imgmax=800" width="560" height="106" /></p> <p>6- يحتوى القالب على عداد للصفحات منسق ومميز</p> <p> </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NuL2kgrIR8dstBYx4tlkl_K1lXc1kHXo0aR89w1mc7Dg21SmaQcuyqORjwRY_Y1qO1VZDy8oZ0TkCMu49GnucmYvxzQmrISj-pI9mTHI6m0WfdqPO9rikjIRXHhVIxGV3ce0_nyL6nY//?imgmax=800" width="430" height="39" /> 7- يتميز القالب بوجود ايقونات المشاركة الاجتماعية والبحث فى اماكن مخصصة ومميزة </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGD7grjxLUCTbwxFf8OP4s8MeS1zUcfp5Yt3jb1xQRrFut6tErx-PGC2T0456Pbl5AlmEuCVKAhmKQMT4yJSDCjn-JLhn2TVGmgmMIsHzcKl0R-10sAF0KsrX7JnTf9T9tuCdV36-WX0//?imgmax=800" width="206" height="36" /><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" alt="مدونة سامكو | قوالب بلوجر معربة : قالب بلوجر Pharse المعرب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVhc6CsTOPFTR_dmgKOkIdYK4_PRBPe4zAaRvKtA8hrOOUVRc0NwaujXLQ9MCc0qulu85mD4rhkBrjuMK38Ieq_S1a_rP00m7wC0-Hxm7OxE2DdlrcQpN5uG9Q1gNya74cvqQ6GltT34//?imgmax=800" width="281" height="45" /></p> <h2>روابط مشاهدة وتحميل القالب</h2> <div align="right"><script type="text/javascript"><br />google_ad_client = "pub-8753359811323977";<br />/* 200x90, تم إنشاؤها 15/04/11 */<br />google_ad_slot = "3518077151";<br />google_ad_width = 200;<br />google_ad_height = 90;<br />//<br /></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /></script></div> <div align="right"><a href="http://pharsebloggertemplate.blogspot.com/" target="_blank">مشاهدة القالـب </a>      <a href="http://www.filesin.com/617F810372/download.html" target="_blank">تحميــل القالـب</a></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-8599247998382876245.post-65457898211451320562011-04-17T00:53:00.001+02:002011-08-22T01:51:06.343+02:00قوالب بلوجر 2011 : تعريب قالب Egossip المميز<p>تم الانتهاء بحمد الله من تعريب قالب<font color="#ff0000"> Egossip</font> الشهير الذى يحتوى على العديد من المميزات. </p> <p>تابعونا لتحميل القالب</p> <img style="margin: 10px 0px; display: inline" title="قوالب بلوجر 2011 : تعريب قالب Egossip المميز مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqAsN7i9TD4od0xv6Hbt9z1he8211za3BoGcnjTbqvsF1fgqGeBPyDuo7m8MBKJETaxt6skePYSZ_yD6XrthdM5k6ZlScBYksg3n3o1cU_qAY7tdDeB-x3S9eddiPm43I_njJEBCAzqyU//?imgmax=800" width="560" height="350" /> <a name='more'></a> <h2>بيانات قالب <font color="#ff0000">Egossip</font>  </h2> <p> <br />- تصميم : <a href="http://fthemes.com/" target="_blank">Free WordPress Themes</a> </p> <p>- تحويله الى بلوجر : <a href="http://www.bloggertipandtrick.net/" target="_blank">Lasantha</a> - <a href="http://www.premiumbloggertemplates.com/" target="_blank">Premium Blogger Themes</a> </p> <p>- تعريب وتطوير : <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> <br /> <br /></p> <h2>مواصفات القالب </h2> <p> <br />يحتوى قالب <font color="#ff0000">Egossip</font>  على العديد من المميزات اهمها :- </p> <p>1- يتميز باللونين الابيض والرمادى الى جانب العديد من المميزات الاخرى. </p> <p>2- اماكن مناسبة لوضع اعلانات ادسنس بأحجامها المختلفة “Google Adsense “. </p> <p>3- يحتوى على خاصية “ إقرا المزيد … “</p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCV9Rul81KCUZ3br3CV3USHloBLjCsCakq9BWd3u1GAfSzgqDq6qO7Q6DXhMeAuL_KUmmeHWf_DAI0ioYmauxHFYHvFHo3wjoNAljWP_i6dCkpMUMaiS9K2rTSss0QjoqpndUWuJfBEYc//?imgmax=800" width="364" height="158" /></p> <p>4- يتميز بشكل خاص بالتعليقات مميز ومطور من قبل <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a>   <br /><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyy4qaPLCyEqUsG1zLIBh7sGttUpHR46GMOJWRGJk_MGIgeVDhniclUtq_16U5cJU8ouGMuV_PHV0c1ujrnqvDvkG-0wBvz9uzzMZXsAFu4Fxz_x6NmiAv61h_ZRWd4cMhEbwhr6DHhkI//?imgmax=800" width="457" height="143" /> </p> <p>5- يحتوى القالب على فوتر مقسم إلى ثلاث أجزاء يمكن الاستفادة منها بكل سهولة </p> <p> <img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_NvoH07JH-3zdy3aVck8hGd-qttbFZma1pIe4hKa7e9wUAlZkGnO_SNwl_rQD1NTNr9CDLB6aaTkxkruEyl6N4Mz3BrkmTS2Tokmm8YhY4ocMrJKIdsZIg2q6PfcgxWPGVANq5LPqwI//?imgmax=800" width="560" height="103" /></p> <p>6- يحتوى القالب على عداد للصفحات منسق ومميز</p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NuL2kgrIR8dstBYx4tlkl_K1lXc1kHXo0aR89w1mc7Dg21SmaQcuyqORjwRY_Y1qO1VZDy8oZ0TkCMu49GnucmYvxzQmrISj-pI9mTHI6m0WfdqPO9rikjIRXHhVIxGV3ce0_nyL6nY//?imgmax=800" width="430" height="39" /> 7- يتميز القالب بوجود ايقونات المشاركة الاجتماعية والبحث فى اماكن مخصصة ومميزة </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjYBAWrLm3-KJVyLzw8Po2zZx-GKcmE1ziDb-PZZ2WCjSuRBL89VyhOdXAw7PbEMj6f4jqvu1FjrZj_6QhaycWJGz5lHKWDMxjbW7O3JL3YD1-ApbfG4SwkO3oBDrZEUERGwujwNBvuTY//?imgmax=800" width="220" height="34" /><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " alt="مدونة سامكو | قوالب بلوجر 2011 : تعريب قالب Egossip المميز " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4OUsLx0E4S7Uqami-dgjsNS4Di2UOeNWGAidewMLyxmawc6uNsXCcmeTDukJ7cJ4nvSb75xUW1-Hv1aPkYN3ndI3dtRKxscIBtO5MLDe8meURYqt6d7-FJd63CHvxTBHEHNxHriYV8Jc//?imgmax=800" width="269" height="34" /></p> <h2>روابط مشاهدة وتحميل القالب</h2> <p align="right"><script type="text/javascript"><!--<br />google_ad_client = "pub-8753359811323977";<br />/* 200x90, تم إنشاؤها 15/04/11 */<br />google_ad_slot = "3518077151";<br />google_ad_width = 200;<br />google_ad_height = 90;<br />//--><br /></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /></script></p> <div align="right"><a href="http://egossipbloggertemplate.blogspot.com/" target="_blank">مشاهدة القالـب </a></div> <div align="right"><a href="http://www.filesin.com/A20BA10371/download.html" target="_blank">تحميــل القالـب</a></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8599247998382876245.post-92200139087742685512011-04-13T18:22:00.001+02:002011-06-05T18:57:07.742+02:00نصائح هامة لمحبى قوالب بلوجر المعربة<p>السلام عليكم ورحمة الله وبركاته </p> <p>درس اليوم هو ليس بدرس جديد فحسب لكن هو تكملة لكل المواضيع والقوالب الموجودة سواء هنا فى <a href="http://www.samco-b.com/" target="_blank">مدونة سامكو</a> او فى أى مدونة أخرى تهتم بأمور التدوين ودعم قوالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> وتعريبها.</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" alt="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtn5nJ1lCT1M9W0b8bJI2XXTmJIYlcjxDJ_t2ut-caNQC5RXjcvRkILmxwk9oYnwFbR2g8kW_Tm6bdfPONhr0k-1T0aTLP1egivHd7rBvmYXggRGOLI2lhSTp7i3FnKqBdCHNlvQWC97k//?imgmax=800" width="560" height="336" /></p> <a name='more'></a> <p><strong><font size="4">ارشادات هامة لمستخدمى قوالب بلوجر</font></strong> </p> <p><strong></strong></p> <h2>1- رفع القالب الجديد للمدونة :</h2> <p>هذا الموضوع تم شرحه باستفاضة من هنا ( <a href="http://www.samco-b.com/2011/01/blog-post.html" target="_blank">شرح كيفية اضافة القوالب الى مدونة بلوجر</a><strong></strong> )</p> <p> </p> <h2>2- وصف المدونة او الكلمات البحثية أو Meta Tag.</h2> <p>سنقوم بدارسة حالتين هما </p> <p><font color="#0000ff"><strong>الأولى : أن تكون موجودة بالقالب لكن لم تقوم بتغيرها إلى ما يناسب مدونتك</strong></font> </p> <p>مثل ما يلى</p> <div class="samcocode"><meta content='<font color="#ff0000">وصف الموقع</font>' name='description'/> <br /><meta content='<font color="#ff0000">بعض الكلمات البحثة اول التى تدل على موقعك</font>' name='keywords'/> </div> <p>أو بهذا الشكل الاخر </p> <div class="samcocode"><meta content='<font color="#ff0000">DESCRIPTION HERE</font>' name='description'/> <br /><meta content='<font color="#ff0000">KEYWORDS HERE</font>' name='keywords'/> </div> <p>وهنا كل ما عليك فعله هو تغير الكلمات المكتوبة باللون <font color="#ff0000">الاحمر </font><font color="#000000">إلى ما تريد ومثال ذلك على مدونتى</font></p> <div class="samcocode"><meta content='<font color="#ff0000">تهتم بتصميم قوالب بلوجر وتعريبها</font>' name='description'/> <br /><meta content='<font color="#ff0000">سامكو ،قوالب، بلوجر، تعريب، ادسنس ،تصميم</font>' name='keywords'/> </div> <p><font color="#0000ff"><strong>الثانية : غير موجودة بالقالب وترعب باضافتها</strong> </font></p> <p>وفى هذه الحالة كل ما عليك فعله هو </p> <p>- الذهاب الى <u>لوحة التحكم </u>>>  <u>تصميم</u>  >>  <u>تحرير HTML</u>  >>  <u>توسيع القالب</u></p> <p>- البحث عن  </p> <div class="samcocode"><b:skin><![CDATA[/* </div> <p>وتقوم بوضع الكود التالى فوقها مباشرة ثم تقوم بعمل التغيرات التى سبق شرحها أعلاه </p> <div class="samcocode"><b:if cond='data:blog.url == data:blog.homepageUrl'> <br /><meta content='<font color="#ff0000">تهتم بتصميم قوالب بلوجر وتعريبها</font>' name='description'/> <br /><meta content='<font color="#ff0000">سامكو ،قوالب، بلوجر، تعريب، ادسنس ،تصميم</font>' name='keywords'/> </b:if> </div> <h2>3- تغير الايقونة الخاصة بمدونتك التى تظهر فى المتصفح بجوار الرابط</h2> <p>سنقوم بدارسة حالتين هما </p> <p><font color="#0000ff"><strong>الأولى : أن تكون موجودة بالقالب لكن لم تقوم بوضع الرابط</strong> </font></p> <p>مثل ما يلى</p> <div class="samcocode"><link href='<font color="#ff0000">YOUR-FAVICON-URL</font>' rel='shortcut icon' type='image/vnd.microsoft.icon'/> </div> <p>أو </p> <div class="samcocode"><link href='<font color="#ff0000">اكتب الرابط الخاص بالايقونة</font>' rel='shortcut icon' type='image/vnd.microsoft.icon'/> </div> <p>وهنا كل ما عليك فعله هو استبدل الكلمات بالاحمر بالرابط الخاصة بالايقونة التى تريد</p> <p><font color="#0000ff"><strong>الثانية : غير موجودة بالقالب وترعب باضافتها</strong> </font></p> <p>وفى هذه الحالة كل ما عليك فعله هو </p> <p>- الذهاب الى <u>لوحة التحكم </u>>>  <u>تصميم</u>  >>  <u>تحرير HTML</u>  >>  <u>توسيع القالب</u></p> <p>- البحث عن  </p> <div class="samcocode"><b:skin><![CDATA[/* </div> <p>وتقوم بوضع الكود التالى فوقها مباشرة ثم تقوم بعمل التغيرات التى سبق شرحها أعلاه </p> <div class="samcocode"><link href='<font color="#ff0000">اكتب الرابط الخاص بالايقونة</font>' rel='shortcut icon' type='image/vnd.microsoft.icon'/> </div> <h2>3- تغير روابط الاقسام التى تتواجد بنسبة كبيرة فى المدونات مثل </h2> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" alt="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia86OEvR-5CJu36Yh6R6e8iyAgR_nSePqEEZ9FKsxRSsrNIY3y2qdSq2P4QyNGnvtINy28mYfr8Lu04O0BOugSgm86kkLx4Fr3vSMYuT2yh3JYLW6jxplVPG1BmBcSEb6Vo5d_9gV3Zyc//?imgmax=800" width="272" height="200" /></p> <p>فى بعض الاحيان اصحاب المدونات ترغب فى اضافات تبويبات اخرى او تعديلها ولا تسطيع الان موجود الحل </p> <p>كل ما عليك فعله </p> <p>- الذهاب الى <u>لوحة التحكم </u>>>  <u>تصميم</u>  >>  <u>تحرير HTML</u>  >>  <u>توسيع القالب</u></p> <p>- ثم تقوم بالبحث عن اى كلمة من الكلمات باللون <font color="#ff0000">الاحمر</font> او كمان هى موجودة فى مدونتك وتقوم بتغيرها كمان (  مثال تحب وضع صورة أو عمل بدل رابط فيديو واحد اثنين أو كلمة قصيرة ) </p> <p>- قم بتغير ما شاء من اللون الاحمر بالعنوان المناسب .</p> <div class="samcocode"><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> <li><a href='#widget-themater_tabs-1432447472-id1'><font color="#ff0000">فيديو الاسبوع</font></a></li> <li><a href='#widget-themater_tabs-1432447472-id2'><font color="#ff0000">التسميات</font></a></li> <li><a href='#widget-themater_tabs-1432447472-id3'><font color="#ff0000">الأرشيــف</font></a></li> </ul> </div> <p>وبعد ذلك توجه إلى <u>لوحة التحكم </u>>>  <u>تصميم</u>  >> عناصر الصفحة وستكون مثل هذه الصورة </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" alt="مدونة سامكو | نصائح هامة لمحبى قوالب بلوجر المعربة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfVm3fZC3H_fSsJvVgYW3WJCfDokxYgXc9XxFqA_v0SHpcJ6flGG2kBAct8-XXk4I4QmpdapLpKRS4e1Mslla4Wla59EBFOys2Rch9dBV36ZFNTaCWlvIRgSOjUv8VxgOx6WBt7X-3nM//?imgmax=800" width="272" height="200" /></p> <p>قم باضافة الاكواد كما ترغب وحسب الترتيب </p> <h2>4- روابط المواقع الاجتماعية مثل ( <font color="#ff0000">Facebook</font> و <font color="#ff0000">twitter</font>  )</h2> <p>تتواجد هذه الخدمة بالكثير من القوالب والبعض يتركها كما هى ولا يستفيد منها بأى شئ وهى خدمات فى الحقيقة مفيدة جدا لا تتجاهلها فهى ستزيد من زوارك وستنشر مدونتك ومواضيعك بشكل سريع</p> <p>كل ما عليك فعله</p> <p>أن تقوم بالبحث عن المكان الذى يوجد به اللينك الخاص بكل موقع وتقوم باستبداله بخدماتك انت وصفحاتك انت كالتالى</p> <p>- الذهاب الى <u>لوحة التحكم </u>>>  <u>تصميم</u>  >>  <u>تحرير HTML</u>  >>  <u>توسيع القالب</u></p> <p>- قم بالبحث ان اى من اسماء الموقعين ( <font color="#ff0000">Facebook</font> و <font color="#ff0000">twitter</font>  ) وقم يتغير كلمة <strong><font color="#ff0000">USERNAME</font></strong> كل الاسم الخاص بك على الموقعين </p> <div class="samcocode"><div class='social-connect-widget' style='margin-bottom:10px;'> <br /><a href='http://twitter.com/<strong><font color="#ff0000">USERNAME</font></strong>'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOhRit9H-96y90gyzoML6_NEldnKzy9uEoUH9vaIxKzKtnXtt0WmGja6HCoBBVdsh3ZbDLkDKMbHJWRTSAI5wNnh7T1ZMd5tN4W9tvIduUyAkkDl07TBnnIkkbN3Wv7vgPW_WUmFjcWv7k/s1600/social-connect-twitter.png' title='تابعونى على تويتر!'/></a><a href='http://twitter.com/<strong><font color="#ff0000">USERNAME</font></strong>'>تابعونى على تويتر</a> </div> <div class='social-connect-widget' style='margin-bottom:10px;'> <br /> <br /><a href='http://facebook.com/<font color="#ff0000"><strong>USERNAME</strong></font><font color="#0000ff">'</font>><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDe3-xTbNnwQ8Se_R1_t5VaSVNFxsN2ewproC3UATPgW8Huh3OwHhNDB-QhCRJWOSwjH2gV5dCJk3rODB-myDs8k8QNMMZEpVsqKCmm1oXwU2APS_LUXtqgFjxDzf6XkXWJ0qAU_HNy4r/s1600/social-connect-facebook.png' title='خلينا معانا'/></a><a href='http://facebook.com/<strong><font color="#ff0000">USERNAME'</font></strong>>صفحتنا على الفيس بوك</a> <br /> </div> </div> <p>بالنسبة لكلمة <strong><font color="#ff0000">USERNAME</font></strong> الاولى فهى تخص موقع التويتر </p> <p>بالنسبة لكلمة <strong><font color="#ff0000">USERNAME</font></strong> الثانية فهى تخص موقع الفيس بوك </p> <p>وستعرف ذلك من الرابط قبل كل كلمة حيث انه يحمل اسم كل موقع منهما ويشير إليه</p> <blockquote>إلى هنا نقدر نقول اننا خلصنا الدرس اليوم لكن مش خلصنا شرح الاضافات وان شاء الله سيتم عمل مواضيع جديدة وتجميع جميع المشاكل التى اقابلها واستقبلها من زوار ومتابعى مدونتى الكرام فى مواضيع مثل هذا الموضوع وشرحها باذن الله تعالى </blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-8599247998382876245.post-22810736379306661822011-04-13T12:26:00.001+02:002011-08-22T01:51:06.346+02:00قوالب بلوجر معربة : قالب Snatch لمدونات Blogger<div style="text-align: right" dir="rtl" trbidi="on">تم الانتهاء بحمد الله من تعريب قالب<font color="#ff0000"> Snatch </font>الشهير الذى يحتوى على العديد من المميزات. <br />تابعونا لتحميل القالب </div> <img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_KWCedSDs_JawFRCc2b4rGE3AdHwhy8A99SnTf901YjuoAOeWqszsHsO5m_otGx7f51oDAarp-yFJV7ormJ_VtfRlm3zkWFQJucTJxuSKkARJ6qwuWxNKjsRXImR2-KkVkDmhSlCbgo//?imgmax=800" width="500" height="312" /> <a name='more'></a> <h2>بيانات قالب <font color="#ff0000">Snatch </font></h2> <br />- تصميم : <a href="http://fthemes.com/" target="_blank">Free WordPress Themes</a> <br />- تحويله الى بلوجر : <a href="http://www.bloggertipandtrick.net/" target="_blank">Lasantha</a> - <a href="http://www.premiumbloggertemplates.com/" target="_blank">Premium Blogger Themes</a> <br />- تعريب وتطوير : <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> <br /> <br /> <h2>مواصفات القالب </h2> <p> <br />يحتوى قالب <font color="#ff0000">Snatch</font>  على العديد من المميزات اهمها :- <br />1- يحتوى القالب على ثلاث تبويبات يمكنك وضع الفيديو او حكمة او تنويه بها  <br /><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnduEy3wjiB5iJYIL13ouS49coNd4Yjjr8QxH4TvOCMGLvEkmEpg9UfFpFmORW1WOi0Py7RUwLu2SNqfAWKB6Il5AX21GY6G91wHaNb95FAt3v7Lv-zndKJv8lhD6iiaLohuQUZWC8QE//?imgmax=800" width="300" height="250" /> </p> <p>2- اماكن مناسبة لوضع اعلانات ادسنس باحجامها المختلفة “Google Adsense “. <br />3- يحتوى على خاصية “ إقرا المزيد … “</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_clyfOGtWzv_6T7qMfj418aYMb1CkSfZsru-GEpihNFofB-QAZzBLi12vb7Sc7xIq64sKTjUYodz2xrGgTPJTnvKW2Yl8ixoOUyRfFoDchTyWKLnycVnQtnSdlSIE-nkKic7bUVw7wTU//?imgmax=800" width="468" height="208" /> </p> <p>4- يتميز بشكل خاص بالتعليقات مميز ومطور من قبل <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a>   <br /><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6my4Wkm0jsc5GGbBk8Ve-ma4kdtCaKrv9urUGeusXoyQTC34CDab8CU-QyMIBr-oP_beA_aUxDco1YgSwiUPODVXujZKQsD5HSZmQxfZWXJmhsM0mv9IlvvNdiO61dKIibaMVtwah7J4//?imgmax=800" width="468" height="106" /> </p> <p>5- يحتوى القالب على فوتر مقسم إلى ثلاث أجزاء يمكن الاستفادة منها بكل سهولة </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnc8oEZNoN4bneqvdLQ31D8DReExz1lvy90v6tUzLKUwOm3CAE_YK0tYzoC3AU3YiFd1F7c9VekxMmsAHFAmyW0YHNsEpOPlPXddZrGKOxyWvw8Cyio7EqATW3LJHbX3U9UPp6N-rIkZM//?imgmax=800" width="560" height="109" /> </p> <p>6- يحتوى القالب على عداد للصفحات منسق ومميز</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" alt="مدونة سامكو | قوالب بلوجر معربة : قالب Snatch لمدونات Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Rhv19FX40w0OVQ6R_VT_isydCus2MKb5mP9JQpgsc0NCyNE1qHfQbiq-rdA_rahsWaNP93aOfKihEum-v9s-rsuzzlgz4lPeEzQEYKqIrFo_V-uSxqOIjA1dRNGr7nRAw1-PHDXu_bE//?imgmax=800" width="500" height="33" /> </p> <p>7- يتميز باللونين الابيض والرمادى الى جانب العديد من المميزات الاخرى. <br /> <br /></p> <h2>روابط مشاهدة وتحميل القالب</h2> <p align="center"><script type="text/javascript"><!--<br />google_ad_client = "pub-8753359811323977";<br />/* 468x15, تم إنشاؤها 06/03/11 */<br />google_ad_slot = "4877857950";<br />google_ad_width = 468;<br />google_ad_height = 15;<br />//--><br /></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /></script></p> <div align="center"><a href="http://snatchbloggertemplate.blogspot.com/" target="_blank">مشاهدة القالـب </a>          -            <a href="http://www.ziddu.com/download/14582863/snatchbloggertemplate.rar.html" target="_blank">تحميــل القالـب</a></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-8599247998382876245.post-80645917429677146692011-04-12T12:57:00.001+02:002011-08-22T01:51:06.350+02:00قوالب بلوجر معربة : قالب Retro Chic الشهير<div style="text-align: right" dir="rtl" trbidi="on">تم الانتهاء بحمد الله من تعريب قالب <font color="#ff0000">RETRO CHIC</font> الشهير الذى يحتوى على العديد من المميزات. <br />تابعونا لتحميل القالب </div> <img style="display: block; float: none; margin-left: auto; margin-right: auto" title="مدونة سامكو |قوالب بلوجر معربة : قالب Retro Chic الشهير" alt="مدونة سامكو |قوالب بلوجر معربة : قالب Retro Chic الشهير" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfvyNMm7MGvLtXD-5mdATOe0DuWB2-RuXl9-2NwSCks5K0Cd2db0VmOWvjnCHcO-LwWqPQVh5rODqNijvkHRf1C7oSagYJr01jIUGi76RVILDXvMQvgroPjQ56EGUbcppLER3us2FdiVI//?imgmax=800" width="500" height="300" /> <a name='more'></a> <h2>بيانات قالب <font color="#ff0000">RETRO CHIC</font></h2> <p> <br />- تصميم : <a href="http://fthemes.com/" target="_blank">Free WordPress Themes</a> <br />- تحويله الى بلوجر : <a href="http://www.bloggertipandtrick.net/" target="_blank">Lasantha</a> - <a href="http://www.premiumbloggertemplates.com/" target="_blank">Premium Blogger Themes</a> <br />- تعريب وتطوير : <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> .</p> <p> </p> <h2>روابط مشاهدة وتحميل القالب </h2> <br /> <div align="center"><span id="preserve4bb82cfb8b4145ebabd97c56a7eb4dd4" class="wlWriterPreserve"><SCRIPT type=text/javascript>google_ad_client = "pub-8753359811323977";/* 468x15, تم إنشاؤها 06/03/11 */google_ad_slot = "4877857950";google_ad_width = 468;google_ad_height = 15;</SCRIPT></span><span id="preserve1b3b61e3bdcd47e0be153e24433dd17c" class="wlWriterPreserve"><SCRIPT type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/js/r20110406/r20110406/show_ads_impl.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"></SCRIPT><SCRIPT src="http://googleads.g.doubleclick.net/pagead/test_domain.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/render_ads.js"></SCRIPT><SCRIPT>google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);</SCRIPT><ins style="position: relative; border-bottom-style: none; padding-bottom: 0px; border-right-style: none; margin: 0px; padding-left: 0px; width: 468px; padding-right: 0px; display: inline-table; border-top-style: none; height: 15px; visibility: visible; border-left-style: none; padding-top: 0px"><ins style="position: relative; border-bottom-style: none; padding-bottom: 0px; border-right-style: none; margin: 0px; padding-left: 0px; width: 468px; padding-right: 0px; display: block; border-top-style: none; height: 15px; visibility: visible; border-left-style: none; padding-top: 0px" id="google_ads_frame1_anchor"><iframe style="position: absolute; top: 0px; left: 0px" id="google_ads_frame1" height="15" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-8753359811323977&output=html&h=15&slotname=4877857950&w=468&lmt=1302605346&flash=10.2.153.1&url=file%3A%2F%2FC%3A%5CDocuments%20and%20Settings%5Cska%5CLocal%20Settings%5CTemp%5CWindowsLiveWriter-429641856%5C92DB2168D5FC%5Cindex.htm&dt=1302605345093&shv=r20110406&jsv=r20110406&saldr=1&correlator=1302605345140&frm=0&adk=2903582980&ga_vid=1811336454.1302605345&ga_sid=1302605345&ga_hid=100497788&ga_fc=0&u_tz=180&u_his=0&u_java=1&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_nplug=0&u_nmime=0&biw=807&bih=517&fu=0&ifi=1&dtd=172&xpc=51WapBDa9i&p=file%3A//" frameborder="0" width="468" allowtransparency="allowtransparency" name="google_ads_frame" marginwidth="0" scrolling="no"></iframe></ins></ins></span></div> <div align="center"><a href="http://retrochic-templets.blogspot.com/" target="_blank">مشاهدة القالـب </a>          -            <a href="http://www.ziddu.com/download/14569830/retrochic-templets.rar.html" target="_blank">تحميــل القالـب</a></div> <div align="center"><span id="preserve4bb82cfb8b4145ebabd97c56a7eb4dd4" class="wlWriterPreserve"><SCRIPT type=text/javascript>google_ad_client = "pub-8753359811323977";/* 468x15, تم إنشاؤها 06/03/11 */google_ad_slot = "4877857950";google_ad_width = 468;google_ad_height = 15;</SCRIPT></span><span id="preserve1b3b61e3bdcd47e0be153e24433dd17c" class="wlWriterPreserve"><SCRIPT type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/js/r20110406/r20110406/show_ads_impl.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"></SCRIPT><SCRIPT src="http://googleads.g.doubleclick.net/pagead/test_domain.js"></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/render_ads.js"></SCRIPT><SCRIPT>google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);</SCRIPT><ins style="position: relative; border-bottom-style: none; padding-bottom: 0px; border-right-style: none; margin: 0px; padding-left: 0px; width: 468px; padding-right: 0px; display: inline-table; border-top-style: none; height: 15px; visibility: visible; border-left-style: none; padding-top: 0px"><ins style="position: relative; border-bottom-style: none; padding-bottom: 0px; border-right-style: none; margin: 0px; padding-left: 0px; width: 468px; padding-right: 0px; display: block; border-top-style: none; height: 15px; visibility: visible; border-left-style: none; padding-top: 0px" id="google_ads_frame1_anchor"><iframe style="position: absolute; top: 0px; left: 0px" id="google_ads_frame1" height="15" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-8753359811323977&output=html&h=15&slotname=4877857950&w=468&lmt=1302605346&flash=10.2.153.1&url=file%3A%2F%2FC%3A%5CDocuments%20and%20Settings%5Cska%5CLocal%20Settings%5CTemp%5CWindowsLiveWriter-429641856%5C92DB2168D5FC%5Cindex.htm&dt=1302605345093&shv=r20110406&jsv=r20110406&saldr=1&correlator=1302605345140&frm=0&adk=2903582980&ga_vid=1811336454.1302605345&ga_sid=1302605345&ga_hid=100497788&ga_fc=0&u_tz=180&u_his=0&u_java=1&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_nplug=0&u_nmime=0&biw=807&bih=517&fu=0&ifi=1&dtd=172&xpc=51WapBDa9i&p=file%3A//" frameborder="0" width="468" allowtransparency="allowtransparency" name="google_ads_frame" marginwidth="0" scrolling="no"></iframe></ins></ins></span> <br /></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8599247998382876245.post-41683179655422084002011-04-04T09:03:00.010+02:002011-04-07T15:01:33.737+02:00الدرس الثانى : شرح أساسيات CSS الجزء الأول<div dir="rtl" style="text-align: right;" trbidi="on">السلام عليكم ورحمة الله وبركاته <br />
فى <a href="http://samco-b.blogspot.com/2011/03/blog-post_24.html">الدرس السابق</a> قومنا بشرح مكونات قوالب <a href="http://www.blogger.com/">بلوجر</a> الاساسية بشكل عام واليوم بإذن الله موعدنا مع الدرس الثانى من <a href="http://samco-b.blogspot.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1">دورة تصميم قوالب بلوجر المجانية</a> وهو عبارة عن ملخص وعرض سريع عن <span style="color: red;">CSS</span> وكيف يمكن الاستفادة منها فى دروسنا القادمة فى هذه <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html">الدورة</a> .<br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zKH8lq_Me3IWsCAXFrSm65siZ4CjV1SKYosXr46_ar_LeN0SVTYeG9rebWQTi63r5KJZShaT1-ICTqTAL6C2vtOuq4G43BnRWfLKduztm5jdeD1E2oNFlqEUmVI6blBwlUZQgALg1tA//?imgmax=800" style="margin: 10px 0px;" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="560" /> <a name='more'></a><br />
<br />
<h2>ما هى <span style="color: red;">CSS</span> ?</h2><br />
هى عبارة عن اختصار الى <span style="color: red;">Cascading Style Sheets</span> والتى تعنى صفحات الانماط المتتالية وهى التى تجعلك تتحكم فى تصميمك وفى الشكل الذى يظهر به فى النهاية ويجب قبل معرفتها أن تكون على دراية ولو بسيطة عن <span style="color: red;">Html</span> لكن لا تقلق كل شيء سيتم شرحة بطريقة سهلة وبسيطة.<br />
<br />
<h2>وكتبسيط لشرح CSS </h2><br />
تخيل انك تبنى بيت وقمت بتجهيز كل ما يلزم للبيت من طوب ورمل وأسمنت وخشب وأسلاك ولمبات ودهانات وغيره وقومت بعمل كل التجهيزات المطلوبة ( وهذه تعتبر الأكواد التى وضعتها <span style="color: red;">HTML</span> فى قوالب بلوجر او فى تصميم الموقع) هل ظهر شكل البيت بالمظهر المطلوب ؟ بالتأكيد لا. <br />
<br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="421" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwLGC-xsoFPgIdYmxTGCYIBvGzOK8ehpWBCtNm6CJ9zmiOxRxUXZuvKBGvW8viqZXiMfueAI5nPUluUmKXzVtlQpAKRa_23YoS2mT5GfTSX5ug51CwZASbsalgut0CcPtvDXK_dtYE49U//?imgmax=800" style="margin: 10px 0px;" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="560" /><br />
<br />
هنا يأتى دور <span style="color: red;">CSS</span> وهو الفنى والمهنى الذى يقوم بترتيب كل ما سبق تجهيزه للبيت ( على البناء ان يقوم بتقسيم البيت من خلال الطوب والاسمنت )( وعلى الكهربائى ان يقوم بتنوير البيت ) ( وعلى مهندس الديكور أن يقوم يتزين البيت ) هكذا فى النهاية نصل بالبيت الى الشكل المرغوب به ( هى نفسها الوظيفة التى تقوم بها <span style="color: red;">CSS</span> فى قوالب بلوجر وتصميم المواقع ) تقوم بترتيب كل المكونات التى تم شرحها بشكل عام فى الدرس السابق ( <a href="http://samco-b.blogspot.com/2011/03/blog-post_24.html">من هنا</a> ). <br />
<br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="421" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBnyencwuzYYnjouopZtza0WU4qdan4-SBfwij_Xj5hKOJkmazZvSKTlKbzyoz9e4tSFFl-g1rk5gU3A5e3HsoUEFj5ykGDuGbn_-m0nL5QEUaf5M-7VRyIYcNW0oniHnoBr0-eqkUa8//?imgmax=800" style="margin: 10px 0px;" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="560" /><br />
<h2>بعض أساسيات <span style="color: red;">CSS</span> الهامة التى سنستخدمها باستمرار </h2><br />
قبل البدء احب أن أوضح شيئا هاما جدا أنه عند إضافة أى مكون من مكونات قوالب بلوجر يكون له تعريف خاص به مثل الهيدر “ <span style="color: red;">Header</span> “ ويتم تعريفه عن طريق إما <span style="color: red;">ID</span> أو <span style="color: red;">Class</span> والفرق بينها كالتالى :- <br />
* <span style="color: red;">CLASS</span> يمكن استخدام الاسم المعرف به اكثر من مرة فى القالب . <br />
* <span style="color: red;">ID</span> يمكن استخدامه مرة واحدة فقط فى القالب . <br />
وعند تعريفهم بواسطة <span style="color: red;">CSS</span><br />
- <span style="color: red;">CLASS</span> يتم وضع علامة (<b><span style="color: red;">.</span></b> ) قبل الاسم المعرف به <br />
- <span style="color: red;">ID</span> يتم وضع علامة (<b> <span style="color: red;">#</span></b> ) قبل الاسم المعرف به<br />
<br />
<h2>المكونات الخاصة بــ <span style="color: red;">CSS</span> </h2><h4> </h4><pre>selector {
property : value ;
}</pre>- <span style="color: red;">SLECTOR</span> عبارة عن التعريف التى تم وضعه فى الاكواد عند بدء تكوين البنية الاساسية للقالب. <br />
- <span style="color: red;">PROPERTY</span> عبارة عن الخصائص التى تحب ان يكون عليها القالب من الخط والخلفية والالوان وغيرها. <br />
- <span style="color: red;">VALUE</span> هى عبارة عن القيمة الخاصة بالخصائص ( مثال الخط& : 20 واللون : أحمر والخلفية : اسود ) <br />
- <span style="color: red;">{ }</span> هى عبارة عن الاقواس الخاصة ببداية تعريف الخصائص ونهايتها .<br />
<br />
<h2>بعض الاساسيات الهامة فى تصميم <a href="http://www.blogger.com/">blogger</a> templates</h2><h4> </h4><h4>1- الخطوط وما يلزمها “ <span style="color: red;">Font</span> “ </h4><pre>.Header {
font-family: tahoma , Times New Roman, Arial;
font-size:30px;
font-weight:bold;
color: #FFFFFF;
font-style: italic;
}</pre><br />
الخطوط من أهم ما يزين قالب المدونة لكن اذا تم استخدامها باحتراف وفنية عالية<br />
<br />
<h2><span style="color: blue;"><b>- نوع الخط “</b> <span style="color: red;">font-family</span><b> “</b></span></h2><br />
نوع الخط ويمكنك اختيار ما تشاء من الخطوط ووضعها بحسب الترتيب لانه سيختار الأول فالثانى فسيختار <span style="color: red;">Tohoma</span> وان لم يجده سيختار <span style="color: red;">Times New Roman</span> وهكذا . <br />
<b>مثال :</b><br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RYFxPKdcKZxDBq1cOUA3BmhJlBE0hAw5gPG02ok1LQLBdb0zf5rpTlDBYGPJFnLzHgUiIk-O4xHiRTnCxp9vDS_ZyCdhKBI7KqQmikSgw98-wNJ5zd9k7UO-rCoEzSebbOmKmBzMGUo//?imgmax=800" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="490" /><br />
<h2><span style="color: blue;"><b>- حجم الخط “</b> <span style="color: red;">font-size</span> “</span></h2><br />
حجم الخط يمكنك اختيار ما تشاء كل ما عليك هو تغير الرقم 30 إلى ما تريد ويجد الكثير من القياسات منها <br />
(pt , % , em ) إلا أننى افضل التعامل مع px.<br />
<b>مثال :</b><br />
<div style="text-align: center;"><br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7hgPdajl5oJaTOzkvT7HL1EKMNfdlPTb-pw0q6waDzzRpsQ9sDRpsSm4Go7FyK9ktF7Q7WOGqo_rkcOnP8vFEuKQx-VsPMe2s6FjHt-xiqNVwN2FKEpZ6KKAGjPN43Id8s3m_scHkDQ//?imgmax=800" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" /></div><br />
<h2><span style="color: blue;"><b>- سماكة الخط “</b> <span style="color: red;">font-weight</span><b> “</b></span></h2><br />
سماكة الخط يمكنك الاختيار من <br />
- <span style="color: red;">Normal</span> عادى - <span style="color: red;">Bold</span> تخين <br />
<b>مثال :</b><br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN5AvXcvv2l4Unmq34jCdeb-Cz91uGboC-1VyAxWkBb-IAlVRaiRyNKj5UX83ASjZiRqtiIkTEzyzbJGtW6nRowqttQ2YMRhLV-TYqlfEEQiaejBBBlV6ZFXqOZK1ce_fqy0W9HJOgpvo//?imgmax=800" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="411" /><br />
<h4><span style="color: blue;"><b></b></span></h4><h4><span style="color: blue;"><b></b></span></h4><h2><span style="color: blue;"><b>- لون الخط “ </b><span style="color: red;">color</span><b> “</b></span></h2><br />
لون الخط ويمكنك اختيار ما تريد من الالوان ووضع الرقم الكودى الخاص بالألون ويوجد العديد من البرامج التى تدعم تناسق الالوان وايضا تمدك بالاكواد الخاصة بها سيتم وضعها فى الدروس التالية ان شاء الله. <br />
<b>مثال :</b><br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9rdwXnSyxYadlIvaw21GgrfDHHiRAQXQ6tz7RMPG-_SVjb7gmICZpvUzlKKGjU-QInSPhyF7N8jV8x_3A4Fyrq1q7cW0kPbJ8VNFMgMRkrfk84AfCuDTbom-gnjnJiuiWHGKlqUhECYE//?imgmax=800" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="459" /><br />
<h4><span style="color: blue;"></span></h4><br />
<h2><span style="color: blue;"><b>- طراز الخط “ <span style="color: red;">font-style</span> “</b></span></h2><br />
سماكة الخط يمكنك الاختيار من <br />
- <span style="color: red;">Normal</span> عادى - <span style="color: red;">italic</span> مائل <br />
<b>مثال :</b><br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc14CDLS7zKFH7E7cmWXgJOY39qPkzoNspubSdyvfm8J7Ji8hKLBs5W8qkcM_orODUCx-P0LEKAZ1parXCml7CgdpxkBO5pS7-Y2sHIsmDkOVu-yuxk0t9bmhuBDUxTvxYC0ar9fo6hqI//?imgmax=800" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="441" /><br />
<h2><span style="color: blue;">مثال عام على الخطوط وما يلزمها “ <span style="color: red;">Font</span> “</span></h2><br />
<br />
<img alt="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" height="206" src="http://www5.0zz0.com/2011/04/07/07/753407505.gif" style="margin: 10px 0px;" title="مدونة سامكو | الدرس الثانى : شرح أساسيات CSS الجزء الأول" width="560" /><br />
<blockquote>تم بحمد الله الانتهاء من الجزء الأول وسيتم نشر الجزء الثانى خلال يومين بإذن الله وانتهز الفرصة وان اقدم اعتذاري الشديد على التأخير فى نشر الدرس الثانى حيث أنه يحتاج إلى الكثير من الوقت لكى استطيع نشر كل المعلومات التى احب ان يكون متابعى الدورة على دراية بها حيث ستساعدنا بشكل كبير فى المرحلة القادمة </blockquote></div><div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-8599247998382876245.post-37318454747492613582011-03-24T12:16:00.002+02:002011-03-25T19:33:27.908+02:00الدرس الاول : نظرة عامة على مكونات قوالب بلوقر<p>بسم الله الرحمن الرحيم </p> <p>اليوم بإذن الله موعدنا مع الدرس الاول من سلسلة دروس <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">دورة تصميم قوالب بلوجر </a>الذى سنتناول فيه مكونات وأساسيات قوالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> ومعرفة الشكل العام للقالب الذى سيكون محل الدراسة فى <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">الدورة</a> .</p> <p> </p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuD2n8ybXDMsosiAQ11-cUCkVEM58bIpjqZXQx-omTURu3iGNs42nIc_ALu-8WgXeMOp7fTifrbJu_oy5F5iYhnYUi_YMThkx2a6kPpf2VSwKWYW0Ps60aG4ML-LV8Xp_QMC_9NVo7as//?imgmax=800" width="500" height="350" /></p> <a name='more'></a> <blockquote> <p>وقبل البدء أتمنى من الجميع مراعاة التالى :-</p> <p>1- التركيز .</p> <p>2- إنشاء مدونة للتجارب والتى سنقوم بمتابعة <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">الدورة</a> من خلالها وعدم المساس بالقالب الأساسى لمدونتك لتجنب اى أخطاء سوف تقابلنا خلال هذه <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">الدورة</a>.</p> </blockquote> <p> </p> <p>بسم الله نبدأ</p> <p>تابعوا معى هذه الصورة “ <u>من الافضل ان تقوم بفتحها فى صفحة منفصلة من خلال الضغط عليها</u> “</p> <p><a href="http://www4.0zz0.com/2011/03/24/10/918210691.gif" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="http://www4.0zz0.com/2011/03/24/10/918210691.gif" width="500" height="450" /></a> </p> <p>تختلف مكونات قوالب بلوجر من قالب الى اخر وان شاء الله خلال هذه الدورة سيتم التعامل مع هذا القالب </p> <p> </p> <h2>- المكونات الاساسية لقوالب بلوجر :</h2> <p> </p> <p><strong>1-  الجسم الأساسى للقالب <font color="#ff0000">“ Body “ </font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpnOjhkDZ1fEMoXSSwk1R32B8SDYZN-FV4fgYpV1b540kUqcJaJOMKh_lunUdkvwFZ8r8XY_978Q2S2fRYjLs1KWJkYQmMN5ee5qsqb8-6WP7QW55fe8kCanh-IfJA2koZjFU9r74nLc//?imgmax=800" width="550" height="75" /> </p> <p>وهو عبارة عن الوعاء التى يحتوى بداخله كل المكونات الاخرى للقالب من الهيدر " <font color="#ff0000">Header</font> "  والفوتر  " <font color="#ff0000">Footer </font>" والغلاف الداخلى  " <font color="#ff0000">Content Wrapper</font> " وغيرها أى انه اشبه بوعاء الطبخ الذى تقوم بإضافة كافة المقادير بداخله .</p> <p align="center">------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>2- الهيدر الخاص بالمدونة <font color="#ff0000">" Header "</font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRX61t_oOX6JgmMnCjddxsJov_uSVJrwrAmbQwnKRNrwMsxXBOYzeoaKww4XqzPYUy9hFZj_NtHmO_4MCGdSrJyYaTsnW1Dr7HTzfPBjkmsDf0sm7-mASK-p9nWekhbUk7USAZKb2iszo//?imgmax=800" width="550" height="80" /><font color="#ff0000"></font></p> <p><font color="#000000">وهو عبارة عن </font><font color="#000000">الجزء الموجود فى أعلى المدونة والذى يحتوى بدوره على عنوان المدونة " <font color="#ff0000">Title</font> " ووصف المدونة    "<font color="#ff0000">Description</font> " وايضا إعلانات منها " <font color="#ff0000">Adsense</font> " وقد يحتوى على كل ما سبق ذكره او الجزء منه فهو المسئول عن تعريف المدونة وسيتم شرحه بالتفصيل لاحقا.</font></p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>3- شريط القوائم <font color="#ff0000">" Menu bare " </font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi113eVCIul7jkWCZbv5SP1CiHsd7jVlY7E3eM5lbr1NVL9lbIBBrqGc0eKNMQOicMvIQnYlrm_T1-NvvgGv4LQ6Fz2hCQ3KAmlUkykKqb4lm8k2sVzA_4JLsLVSkSz-DQhkCExw-2czO0//?imgmax=800" width="550" height="40" /></p> <p>وهو عبارة عن شريط يحتوى على مجموعة من الروابط والاختصارات الهامة التى تحب ان تعرضها على زوراك ومتابعيك وتسهيل الوصول اليها مثل فهرس للمدونة او سجل للزوار او اتصل بنا وغيرها.</p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>4- الجسم الداخلى <font color="#ff0000">" Content Wrapper "</font> او المنطقة الخاصة بمحتوى المدونة او كما احب ان اسميه الغلاف الداخلى للمدونة</strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq49Fv2W4xJzRqZL8CgKIny_YiaWVkE82X8jx0tyeUS0cIwZ6IlUS_ZG5VxcPYICl2X7WSZK4FyroVyw0qY4d8nxKUZKJ9uMqoe7i797a0H-oqHkXZaw75TMcohherERlPmSbuOe4w03g//?imgmax=800" width="550" height="80" /> </p> <p>وهو يحتوى بداخله على كل من محتوى الرسائل " <font color="#ff0000">Main Wrapper</font> " وأيضا محتوى السايدبار " <font color="#ff0000">Side bare</font>  " وهو يعتبر الجزء الاهم فى المدونة وسيكون شغلنا الشاغل فى الفترة القادمة بما يحتويه من مكونات وتدوينات ومهارات.</p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>5- منطقة الرسائل <font color="#ff0000">" Main Wrapper "</font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR1utVOwEonPJa9SagVWUVTJf_J8M2tpyU0crc53w2uentwRrohDF8oxG7pA5_flULERzDT6MmPPzzsK0_SGY18L_qZdu4Q7r0CrrWHELpVYdCULt4QZ_kUiHzcalXU-XyoFQZWWtTV8A//?imgmax=800" width="450" height="80" /><strong></strong></p> <p>يقع هذا الجزء فى الجسم الداخلى <font color="#ff0000"><font color="#000000">"</font> Content Wrapper </font><font color="#000000">"</font> والمسئول عن نشر المواضيع " <font color="#ff0000">Posts</font> " وأيضا نشر التعليقات " <font color="#ff0000">Comments</font> "  الخاصة بكل موضوع ومكونات اخرى سيتم وضعها فى هذا المكان ليظهر بشكل راقى وجميل.</p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>6- منطقة السايدبار <font color="#ff0000">" Sidebare "</font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPBOKeddz262iZvfa-P0r9I2kHs9VHb5GA2LN7Zle_DgaCICZ3KMGIpEzZMOaxTfOwpNxrZx1TMJSbil_g1V0uO7QgUPVxgiulCzSn-Fk5yJ7y8EfyeV7bu-n3wiRqedC4Abn0NjDMrY//?imgmax=800" width="200" height="150" /></p> <p>يقع هذا الجزء فى الجسم الداخلى <font color="#ff0000"><font color="#000000">"</font> Content Wrapper </font><font color="#000000">" وهو الجزء المخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من ( التسميات " <font color="#ff0000">Labels</font> " , الأرشيف " <font color="#ff0000">Archives</font>" ، التعليقات " <font color="#ff0000">Comments</font>" ، اعلانات ادسنس " <font color="#ff0000">Adsense</font> " ، أو اى موجوز تحت تضيفه " <font color="#ff0000">RSS</font> " ) ويختلف هذا الجزء من قالب إلى أخر .  </font></p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>7- الفوتر الخاص بالمدونة <font color="#ff0000">" Footer "</font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkm2Yrh8EKW9OgQN8jE223jXcoUaTkRQhqodqEKKfGLDSyHrSiuRf1tIEUBmTMvkkt6XbLSLXPiN7uJ78fP54qiDI8rlJYMdReX1DUU_WsDTBvt6u517beE1QDATPOhGJ1TVewkUu0kcg//?imgmax=800" width="550" height="80" /></p> <p><font color="#000000">وهو عبارة عن </font><font color="#000000">الجزء الموجود فى أسفل المدونة وهو مثل السايدبار " <font color="#ff0000">Side bare</font>  " تقريبا وهو مخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من ( التسميات " <font color="#ff0000">Labels</font> " , الأرشيف " <font color="#ff0000">Archives</font>" ، التعليقات " <font color="#ff0000">Comments</font>" ، اعلانات ادسنس " <font color="#ff0000">Adsense</font> " ، أو اى موجوز تحت تضيفه " <font color="#ff0000">RSS</font> " ) ولكن له بعض المميزات الخاصة سيتم شرحها بالتفصيل لاحقا.</font></p> <p>------------------------------------------------------------------------------------------------------------------</p> <p><strong></strong></p> <p><strong>8- حقوق الملكية <font color="#ff0000">" copyrights "</font></strong></p> <p><img style="margin: 10px auto; display: block; float: none" title="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" alt="مدونة سامكو : الدرس الاول | نظرة عامة على مكونات قوالب بلوقر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYmD1WbBZmZ210LM7xTGCss66XpcCQVOAdCHMLxbyVc1U6jRNL2Aa5Xp72NQbX3bndrucdMbnU8s5VXxVbjBidzDdAwrmbjVRacDuCczXnnGxgBalKYdo-saPKJcUIjysmwLcEZbNS3Ds//?imgmax=800" width="550" height="45" /></p> <p>وهنا يتم وضع الحقوق الخاصة بالمدونة والقالب وايضا وضع حقوق التصميم والتعريب ان وجدت ويكون هذا الجزء هو ختام القالب اى موجود فى اخر القالب.</p> <p>------------------------------------------------------------------------------------------------------------------</p> <p> </p> <h2 align="right">ملاحظات :</h2> <p>1- الجسم الداخلى للمدونة <font color="#ff0000"><font color="#000000">"</font> Content Wrapper </font><font color="#000000">" </font>يمكن ان يحتوى اكثر من سايدبار " <font color="#ff0000">Sidebre</font> " وايضا تختلف طريقة ترتيبه من قالب لأخر.</p> <p>2- يمكن دمج اكثر من مكون من المكونات السابقة فى منطقة واحدة  ( <u>مثال : يمكن ان يتم وضع حقوق الملكية بداخل الفوتر </u>) وهذا لا غبار عليه ولكن انا احب ان يكون كل منطقة مستقلة عن الاخرى .</p> <p>3- سيتم التطرق الى كل جزء بشكل تفصيلى ومتنوع عند الوصول اليه.</p> <p> </p> <p> </p> <h2>س & ج </h2> <p><font color="#0000ff">س : ماذا بعد شرح مكونات القالب الاساسية ؟</font></p> <p><font color="#ff0000">ج : ان شاء الله سنقوم بشرح القواعد المنظمة لهذه المكونات وهى تعرف باسم <strong>CSS</strong> وسيتم شرحها بشكل عام ثم سيتم شرحها بالتفصيل مع كل درس ومع شرح كل جزء من الاجزاء السابقة.</font></p> <p> </p> <p>تم بحمد لله انتهاء الدرس الأول من <a href="http://samco-b.blogspot.com/2011/03/blog-post_16.html" target="_blank">دورة تصميم قوالب بلوجر</a> </p> <p>هذا وإن كان هناك توفيق فمن الله وحده وإن كان هناك سهو أو خطأ أو نسيان فمنى ومن الشيطان </p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com17tag:blogger.com,1999:blog-8599247998382876245.post-79183768014888161622011-03-16T09:18:00.001+02:002011-03-16T14:02:40.611+02:00مقدمة : دورة تصميم قوالب بلوجر<p>السلام عليكم ورحمة الله وبركاته </p> <p>اليوم الموافق 2011/03/16 كما وعدناكم هو يوم الافتتاح لدورة تصميم قوالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> والحمد لله نحن نوفى بوعدنا وان شاء الله نكون عند حسن ظنكم جميعا</p> <p><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqr9i0Eps15A5G-ZqXwIDbhb_rvmxV_q9lQyFSaCoB8xV-Rs9aJd5ucuw2xC3njCPaQju10u3S8xPLCmYETTeOzD8dIbRE4X8FTtpNG8oeFp5t5ihRXn2e7j0Qjw0sAGCQIqWiWgX_SXw//?imgmax=800" width="500" height="350" /></p> <a name='more'></a> <h2>نبذة مختصرة </h2> <p>دورة تصميم قوالب بلوجر ان شاء الله ستكون عبارة عن سلسلة من الدورس التى تجعلك تتعرف على تكوين قوالب بلوجر من خلال شرح محتويات كل قالب وكيف يمكن التعديل عليه سواء من حيث الهيكل والتكوين او من حيث المظهر الخارجى الذى يظهر به القالب ودراسة بعض الاضافات الهامة والمميزة والتى تجعل من القالب اكثر جمالا واسرع تصفحا مما يجعلك قادر على ان تخرج ما بداخلك من تصميم يشتمل على كل ما تحب رؤيته فى مدونتك</p> <p> </p> <h2>اعتمادات الدورة </h2> <p>تعتمد الدورة على خبرتى الشخصية والرجوع الى بعض المواقع المتخصصة فى ذلك وخير مثال لذلك تصميم قالبى المتواضع الحالى.</p> <p> </p> <p><a href="http://samco-b.blogspot.com/" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVeenOGvigff6Qd21lU4LATgVqph35KeDse3BKg9yjDn_No29MUx-Ot14MeKZ_oMKWnayP1lwiZVxfiMNg9YMLCb9CMgztK_RB6iF_dQCEmIynnBHveF9gRkIm-Nha9HiGETguGsI2I8//?imgmax=800" /></a></p> <p> </p> <h2>البنية الاساسية للدورة</h2> <p>عندما فكرت فى هذه النقطة وحاولت الوصول الى بعض الاساسيات التى اعتمد عليها فى شرح هذه الدورة تحيرت كثيراً لأنه يوحد بداخلى الكثير والكثير مما أحب ان اتناوله بالشرح لذلك قررت ان اضع بعض النقاط البسيطة فقط وباقى النقاط سيتم التدرج اليها من خلال تعليقاتكم على كل درس وهل شرح كل درس كان كاف ويؤهلنا الى الدرس التالى ؟ ام يحتاج الى بعض الاضافات وتناوله بشكل موسع </p> <p><strong>اهم النقاط فى الدورة </strong></p> <p>1- التعرف على مكونات القالب بشكل عام .</p> <p>2- التعرف على خصاص القالب بشكل عام .</p> <p>3- التعرف على كل مكون من مكونات القالب بالتفصيل والتعديل عليه بأكثر من طريقة واكثر من شكل</p> <p><font color="#646b86"><u>مثال :  الهيدر يمكن ان يكون قطعة واحدة او بداخله قطعتين لمحبى ادسنس أو اضافة اى اعلان بجوار العنوان</u></font></p> <p>4- التعرف على الخصائص لكل مكون بالتفصيل ومدى اهميتها وكيف يمكن ان تجعل من القالب اكثر جمالا وهذه تعتمد على لمستك وابداعك وهذه نسميها “ CSS “</p> <p>5- دراسة تناسب القالب مع أكثر من متصفح والتى من أهمها انترنت إكسبلورر و موزيلا فايرفوكس</p> <p>6-فى نهاية الدورة ان شاء الله ستكون قادر على تصميم قالب واضافة ما يحلو لك ويرضى ابداعك.</p> <p>8- سيتم طرح بعض الملاحظات والنصائح الهامة خلال كل درس وكل نقطة للاستفادة .</p> <p> </p> <h2>متطلبات الدورة </h2> <p><strong>1-</strong> أهم شيء فى متطلبات الدورة مد يد التعاون من خلال تلقى اقتراحاتك وتفاعلكم البناء ومناقشتى فى كل شيء فى دورة التصميم حتى يمكن التعرف على مواضع الضعف فى الدرس وتلافيها فى الدروس القادمة.</p> <p><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJajAzZlkDaCgDJHlXM9RoVYHOqCM8mYRBAUF4eieQGG-MiVYccDdN8iHPvoXACKTw5Op5tx83NSUcacgqYLpoSB2aUFuhUgPF6h3faIGsGkO40_KXwY0-eqFe_7MCGYACXkdRL_5M3_o//?imgmax=800" width="400" height="250" /></p> <p><strong>2-</strong> انشاء مدونة جديدة تسمى <strong><font color="#0000ff">مدونة التجارب</font></strong> والتى يتم استخدامها فى تصميم القالب الجديد والتعديل عليه </p> <p><u>- هذا الدرس خاص بإنشاء مدونة جديدة " اضغط على الصورة "</u></p> <p><a href="http://samco-b.blogspot.com/2010/11/blogger.html" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGv5XmzMQc53BxyePAglCeeuPPo4p8S1PZsC2IRo9ymkYIoI0oZXccJYSfGrvqZcZz4dk-BBCzv-c78-pDfXD54d2a1-x5MnSlskjX-GzA8X3BfyZ9P0h9hDkQCU6tWLNE_vnH_RKew4I//?imgmax=800" width="450" height="126" /></a></p> <table border="0" cellspacing="0" cellpadding="2" width="576"><tbody> <tr> <td valign="top" width="410"> <p><strong>3-</strong> وجود برنامج لتحرير الاكواد </p> <p>يوجد الكثير من برامج تحرير الاكواد وانا افضل برنامج  </p> <p dir="ltr" align="right"><strong><font color="#0000ff">      Notepad++ </font></strong></p> <p><u>وصلة التحميل :" اضغط على الصورة "</u></p> </td> <td valign="top" width="164"><a href="http://download.tuxfamily.org/notepadplus/5.8.7/npp.5.8.7.Installer.exe" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="http://notepad-plus-plus.org/sites/all/images/nppLogo.png" width="110" height="92" /></a></td> </tr> <tr> <td valign="top" width="409"> <p><strong>4-</strong> وجود بعض المتصفحات الهامة التى سنستخدمها فى تجربة القالب </p> <p>    <strong><font color="#0000ff">متصفح الفايرفوكس    </font></strong>          <u>وصلة التحميل :" اضغط على الصورة "</u></p> <p>    <strong><font color="#0000ff">متصفح انترنت اكسبلورر </font></strong>                <u>موجود مع الويندوز</u></p> </td> <td valign="top" width="165"><a href="http://download.mozilla.org/?product=firefox-3.6.15&os=win&lang=ar" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Ua9Ke8qMrC3_V9SdQBYILeJVn_fqhXM38yhyIvYlVfCYfnzxG4iBFGvmjQDHFiOyK383aJyKblGkhGumVN0ysVEJRQ-v84JYv4G8kG1YPfrrK6az0nCm2yoUZ462VW145y41QdP_4wQ//?imgmax=800" width="74" height="73" /></a></td> </tr> </tbody></table> <p><strong>5-</strong> وجود بعض <strong><font color="#0000ff">الصور والايقونات</font></strong></p> <p>بالنسبة لى انا استخدم موقع جوجل للبحث عن الصور والايقونات وادخل الى العديد من المواقع المتخصصة ايضا لكن انا احب التنوع فان شاء الله نشر قائمة بالمواقع الهامة التى تتخصص فى الصورة والايقونات خلال الدروس التالية</p> <p><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmGJNYulnVforE0FPF9ntuyiO2sAE7ew0nDJxXQ9xGLRaDqUfn7UCP4k8mZDkQpIDX7oLC9KkNBY9Tv-KY1MqHJBKbXALhQyISk2UKJlHdyY2_zR5QQVbzRlzQm0kN4sTn1ZYi99XXfI//?imgmax=800" width="301" height="102" /></p> <p><strong></strong></p> <p><strong>6-</strong> <strong><font color="#0000ff">مساحة على النت لتخزين الصور الخاصة بالمدونة وايضا المواضيع</font></strong></p> <p>انا استخدم المساحة الخاصة بجوجل من خلال حسابى ووضع الصورة الثابتة عليها </p> <p><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="https://lh5.googleusercontent.com/s/v/72.07/img/logo/pwa-en_US.gif" /></p> <p>اما الصور المتحركة فانا استخدم موقع العملاق فى التخزين</p> <p><a href="http://www.0zz0.com" target="_blank"><img style="margin: 10px auto; display: block; float: none" title="مقدمة : دورة تصميم قوالب بلوجر" alt="مقدمة : دورة تصميم قوالب بلوجر" src="http://www.0zz0.com/images2/0zz0.gif" width="111" height="69" /></a></p> <p>وانتم لكم كل الحرية فى اختيار المواقع التى ترغبون فى حفظ صوركم وايقوناتكم عليها </p> <p> </p> <p><strong>7-</strong> خلفية بسيطة عن <font color="#0000ff"><strong>اكواد HTML و CSS </strong></font><font color="#000000">ولو الخلفية دى مش موجودة برضة مش عاوزكم تقلقوا ان شاء الله الدروس ستكون فى متناول الجميع وبكل بساطة ويسر وبدون تعقيد ان شاء الله</font></p> <p> </p> <p>وفى النهاية احب ان اشكركم على تواجدكم معى هنا فى مدونتى المتواضعة وادعو الله ان اكون على قدر ثقتكم الغالية </p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com30tag:blogger.com,1999:blog-8599247998382876245.post-83539686710445507642011-03-12T19:13:00.001+02:002011-03-13T08:44:32.375+02:00بشرى سارة : فتح باب التبادل الإعلانى<p>السلام عليكم ورحمة الله وبركاته </p> <p>تم باذن الله افتتاح قسم خاص للتبادل الاعلانى مع <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> رغبة منا فى النفع ونشر الفائدة الى الجميع سواء كان هذا التبادل نصيا او تبادل بنرات وهذه تعتبر ثانى خدمات المدونة المجانية التى نتمنى من الله ان تنال اعجايكم وتكون عن حسن ظنكم</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6ilTZrU_m1j21D_TilEkUg5dj1YXfy7qkoln7kc0qKWd5PGrKrq3S-eVH6h9cZfMM4Mf6Jhi2c3e6u6rW-dTHdeNek7PuIhXIZIBCIBWUyfYODPMdjtIkcXppgrKeOKaCPEHtaVtRrs//?imgmax=800" width="450" height="337" /> </p> <a name='more'></a> <h2>الشروط المبدئية للتبادل الاعلانى </h2> <p> </p> <p>1- أن يكون الموقع نشيط ومحتواه جيد ونافع للزائرين</p> <p>2- ألا يخالف الموقع او محتواه تعاليم الشريعة الاسلامية.</p> <p>3- أن يكون ترتيبه بـ اليكسا لا يزيد عن 2.000.000 </p> <p> </p> <h2>1- التبادل النصي</h2> <p> </p> <p>لمن يرغب فى التبادل النصى لابد أولا ان يتم وضع الرابط الخاصة بنا وهو </p> <blockquote> <p align="center"><a href="http://samco-b.blogspot.com/" target="_blank">دورة تصميم قوالب بلوجر</a> </p> </blockquote> <div align="center"><script type="text/javascript">google_ad_client = "pub-8753359811323977";/* 468x15, تم إنشاؤها 06/03/11 */google_ad_slot = "4877857950";google_ad_width = 468;google_ad_height = 15;</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div> <div align="center"> </div> <h2>2- التبادل البنري</h2> <p> </p> <p>لمن يرغب فى التبادل البنرى ان يجهز البنر الخاص به مقاس 332 * 60 ووضع البنر الخاص بنا فى مدونته على حسب حجم البنر الذى يتناسب مع مدونته لكى يتم تصميمه وارساله له</p> <p>البنر المطلوب يكون مثل التالى : <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MzyiCRBE1UxjLupSKa0n54EQiqYRJ_yK-WLhwY88yaksO9T-18dFxYf1p2euBhUn8Yx2GYKEt0B_tmyfq9Vcl-oi3gg6UStzfajvrEFLbS4KpvYea09BcieJvktXLkVxPp4dIKlpb-I/s800/332.png" /> </p> <p> </p> <h2>لمن يرغب فى التبادل الاعلاني يرجى ترك تعليق يحتوى على البيانات التالية</h2> <p>1- الاسم </p> <p>2- اسم الموقع</p> <p>3- الرابط الخاص بالموقع</p> <p>4- البنر المطلوب تبادله معنا الخاص بالتبادل البنرى</p> <p>5- النص والرابط الخاص بالتبادل النصى</p> <p> </p> <blockquote> <p><font color="#ff0000">ملحوظة :</font> يحق لمدونة سامكو رفض التبادل الاعلانى مع اى موقع تراه مخالفا وايضا تعديل الشروط الخاصة بالتبادل ووقفه والغاءه فى أى وقت لكن على المدونة ابلاغ الجميع قبيل ذلك بفترة لا تتعدى الاسبوع .</p></blockquote> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com53tag:blogger.com,1999:blog-8599247998382876245.post-51299011611017735142011-03-12T12:58:00.001+02:002011-03-12T19:23:48.403+02:00أكذوبة: مرتضى منصور رئيس نادى الزمالك الاسبق<p>تعود الجميع من المستشار مرتضى منصور قبل ثورة مصر 25 يناير 2011 على كشف الفساد الذى يقابله وانه من المصلحين حيث هو الذى حارب حارس المرمى الشهير والاعلامى الاشهر أحمد شوبير وخسف به الارض ومع رؤساء نادى الزمالك الحالين والسابقين الى جانب قضايا الانتخابات وغيره حسب كلمته الشهيرة ان لكل شخص كان فى البداية ملف واوراق وفى الاخير بقى CD .</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="3891121503 copy" alt="3891121503 copy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9OD4jW21qRcN3yZ9kZkohPf-p1x0QIQeYcey2ku44np6CWeTRYO6jnEWVv7bq6qEJsrIU2Nq7fHxMQLXo1eN3ZdXfDzmwHBh_DuDYluilAcq-_X7MTU91dFicKsekmvdf-0f3MTj4J8//?imgmax=800" width="450" height="338" /> </p> <a name='more'></a> <p>لكن اختلف المستشار مرتضى منصور تمام مع حلول ثورة مصر 25 يناير الذى قام بها شباب مصر فكانت تصريحاته على التقيض تماماً فكانت هجوم على شباب مصر حيث اتهم الشباب  بالاجندات والعمل الممول واتهامهم بالعمل المخطط </p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 425px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:4d87dcc6-bdb7-4c4b-8b00-0ab58faab219" class="wlWriterEditableSmartContent"><div id="20b60983-f45e-469f-920b-8d41a98a8a62" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=pFEJCSvIkgk" target="_new"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaHrHn5EzpFNNCqmoiFfl8QK6lHv1-eytlUfnEuy5pfXIWOM0aF7n0r0CXt7-o47q29x5nY8G8UDnbHbuoPXpXR4GXO2mx-mo5e2wnHqlalDhHGvRaVOEeebCVxkCR62bAONj-zTeiIbI//?imgmax=800" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('20b60983-f45e-469f-920b-8d41a98a8a62'); downlevelDiv.innerHTML = "<div><object width=\"425\" height=\"355\"><param name=\"movie\" value=\"http://www.youtube.com/v/pFEJCSvIkgk&hl=en\"><\/param><embed src=\"http://www.youtube.com/v/pFEJCSvIkgk&hl=en\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"355\"><\/embed><\/object><\/div>";" alt=""></a></div></div></div> <p> </p> <p>ثم جاء مرتضى منصور بعد الثورة وكأنه لم يتعلم من الدرس بعد ليقول ان ما حدث فى مصر لم يكن ثورة ولتمر الايام وتثبت انه كان من محرضى الهجوم على معتصمى ميدان التحرير الشرفاء وايضا تثبت لنا الايام على انه غير ما يظهر رجل الحق الذى يحمل فى طياته كل Cd الفساد فى مصر</p> <p> </p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 425px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:c8eb546b-1eec-4177-8bb5-843786f762fc" class="wlWriterEditableSmartContent"><div id="01f15245-2115-4f1e-ae44-df96e5aff15e" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=ZNvKY37zkVw&feature=related" target="_new"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyzyejR4NS_4ncal80BCp0SBXiVIIJTjCskCBetEGtQzT1A6ulgwCOV6iSPklgXO_G3Rx5Xm_LPk3k68i2yS6b8CPw1ccINR1Q-LjXT14kSOtHOj4IBmWFDf3msvfIy3qAk4TDYZgTMs8//?imgmax=800" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('01f15245-2115-4f1e-ae44-df96e5aff15e'); downlevelDiv.innerHTML = "<div><object width=\"425\" height=\"355\"><param name=\"movie\" value=\"http://www.youtube.com/v/ZNvKY37zkVw&hl=en\"><\/param><embed src=\"http://www.youtube.com/v/ZNvKY37zkVw&hl=en\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"355\"><\/embed><\/object><\/div>";" alt=""></a></div></div></div> <p> </p> <p>مرتضى منصور بدأ فى مهاجمة كل القنوات التليفزيونية الشهيرة والبرامج الشهيرة التى لم تستضيفه ليعبر عن رأيه وايضا تمر الايام لتثبت انه ما كان همه مصر ولكن كان همه الشو الاعلامى الذى كان يحتاج لاشهار نفسه او كمنصبه يبعث فيها سمه الى العالم </p> <p>مرتضى منصور بانت حقيقته الكاذبة ومساندته لأصحاب الفساد فى مصر ليساند أحمد شفيق زئيس الوزراء السابق ليكون رئيس مصر من انت لتحدد ذلك او تدعو الى ذلك يامحامى ياشهير راجع سجلات احمد شفيق لترى الفساد الذى ساعد فى نشره داخل مصر لتقوم بحماية مصر وليس لنشر الفساد فيها</p> <p> </p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 425px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:12964ef1-a046-4f43-8c9b-38743755b974" class="wlWriterEditableSmartContent"><div id="51386244-42a7-4250-8a86-a9635a1e816c" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=g-Xs8UOxrXc" target="_new"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjereqZSXRGmz5oEGwSNCgE2sWDxx3OJMO4kUfsR1m7tQxJHIc_I2m4fKyFe4XyIrnsrMirYx2qyAFldXHi78qVsmXUKtjmN4Wb6EouR7SwuR5v_2BGNI6ZM617jiFq8zA7GXCpBDfcuY4//?imgmax=800" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('51386244-42a7-4250-8a86-a9635a1e816c'); downlevelDiv.innerHTML = "<div><object width=\"425\" height=\"355\"><param name=\"movie\" value=\"http://www.youtube.com/v/g-Xs8UOxrXc&hl=en\"><\/param><embed src=\"http://www.youtube.com/v/g-Xs8UOxrXc&hl=en\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"355\"><\/embed><\/object><\/div>";" alt=""></a></div></div></div> <p> </p> <p>ادعو من الله ان ينصرنا فى بلدنا مصر وسائر بلاد المسلمين ويظهر لنا كل خائن لبلده وكل فاسد متنكر فى زى الشريف وان كانت نظرتنا خاطئة فى الحكم على احد يبين لنا خطئنا لنرجع الى رشدنا ونرفع الشرفاء على اكتفتا ونعطيهم حقهم الذى ضاع منهم</p> <p>-----------------------------------------</p> <p>المصادر : <a href="http://www.youtube.com" target="_blank">يوتيوب</a> ، <a href="http://www.masrawy.com" target="_blank">مصرواى</a> ، قنوات اخبارية ،مصادر اخبارية اخري</p> <div align="center"><script type="text/javascript">google_ad_client = "pub-8753359811323977";/* 468x15, تم إنشاؤها 06/03/11 */google_ad_slot = "4877857950";google_ad_width = 468;google_ad_height = 15;</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-8599247998382876245.post-90504693849787031532011-03-10T12:51:00.001+02:002011-03-10T18:41:52.974+02:00دورة تصميم قوالب بلوجر من الالف الى الياء<p>السلام عليكم ورحمة الله وبركاته </p> <p>عندما دخلت الى عالم التدوين وتعرفت على استضافة <a href="http://www.blogger.com/" target="_blank">بلوجر</a> المجانية أحببت الموضوع ودخلت وأنشاءت اكثر من مدونة وكل مرة كان يواجهنى مشكلة القوالب فابحث هنا وهناك للبحث عن قالب يحقق رغباتى ولكن لم اجده بعدها تحولت الى استضافة <a href="http://ar.wordpress.com/" target="_blank">الوردبريس</a> المجانية وكذلك ايضا واجهت نفس المشكلة فى القوالب حيث الاستضافة المجانية فى <a href="http://ar.wordpress.com/" target="_blank">الوردبريس</a> لا تسمح بتحميل القوالب .</p> <p><img style="margin: 10px auto; display: block; float: none" title="lesson" alt="lesson" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgaSidaL1tgTZfTXEjDVfh4rvrDFAzBJx9aE7BobQRQFKGvWJ2eGOmXc1Kw6t_MQKkKAV1XFO8SVoTGjrAhMw90k_K-EoewnOV551Df3lwHgVh8omfdBYi6A6O-Dj-Pxb4BS18c8zPQvk//?imgmax=800" width="480" height="336" /></p> <a name='more'></a> <p>بعدها كانت الانفراجة دخلت الى عالم التصميم وخطوة خطوة تعلمت شيئا فشيئا فعرفت CSS و PHP للتعامل مع قوالب <a href="http://ar.wordpress.com/" target="_blank">الوردبريس</a> والحمد لله تعلمت الكثير فاحببت الى العودة الى <a href="http://www.blogger.com/" target="_blank">Plogger</a> لانه احبه واحس انه افضل واحسن من <a href="http://ar.wordpress.com/" target="_blank">الوردبريس</a> فى الاستضافات المجانية والحمد لله ايضا نجحت فى التعامل مع قوالب <a href="http://www.blogger.com/" target="_blank">بلوجر</a> .</p> <p>فأنشاءت <a href="http://samco-b.blogspot.com/" target="_blank">مدونة سامكو</a> وكان فكرتى التى تقوم عليها المدونة هى تعريب القوالب وعمل دورة تصميم <a href="http://www.blogger.com/" target="_blank">Plogger Templates</a> لان اعرف ان ما مريت به مر به الكثير ويتمنى ان يكون على دراية حتى ولو قليلة فى التعديل على القالب والحمد لله حان الوقت.</p> <p>حان الوقت لافتتاح <strong><font color="#ff0000">دورة تصميم قوالب بلوجر من الالف الى الياء</font></strong> لكى يستطيع اى مدون تعديل وتصميم قالبه حسب رؤيته ولمسته الجمالية فافضل ما يميز المدونة ويزيد من الزيارات اليها هو شكلها وتصميمها الى جانب محتوها طبعا.</p> <p><font color="#ff0000"><strong>باذن الله تعالى سيتم افتتاح دورة تصميم قوالب بلوجر فى 16/03/2010</strong></font> مع اولى دورس التصميم والمعرفة والدرابة بقوالب بلوجر</p> <p> </p> <h2>مهم جدا</h2> <p> </p> <h4><font size="4"><font color="#ff0000">1- فائدة التسجيل</font> </font></h4> <p> </p> <p>دروس الدورة ستكون متاحة للجميع من زائرى المدونة من اول درس الى اخر درس </p> <p>لكن ملفات الدورة والصور الخاصة بها والقالب بعد التعديل عليه بعد كل درس او مرحلة انتقالية ستكون فقط للمسجلين بالدورة من خلال الاشتراك فى خدمة <font color="#0000a0"><strong>متابعة المدونة عن طريق feedburner</strong></font> حيث سيتم ارسال كافة ملفات الدورة والقالب وكل شئ على هذا الايميل المسجل .</p> <p> </p> <p><img style="margin: 10px auto; display: block; float: none" title="feed" alt="feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzYL9vttLmy5Mo19S95msdFHJDP9eeMA3plveStsC-WwU_JL34ELUvMiBf03fz3zz7YtPDpBF2DNoZPlmT0sxXRBoWZaWRwjqTdzOnZKDULYmb1lrZ2IbQvDBnM2yqN8cNs6J14McbocA//?imgmax=800" width="369" height="211" /></p> <h5><font color="#000080"><font size="4"><font color="#ff0000"></font></font></font></h5> <h5><font color="#000080"><font size="4"><font color="#ff0000">2</font></font></font><font color="#000080"><font size="4"><font color="#ff0000">- التعليقات</font> </font></font></h5> <p> </p> <p>من خلال التعليقات يمكنك التناقش معى فى امور الدورة والاستفسار عن اى شئ مبهم فى كل درس او اى خطا فى التطبيق حيث يعتبر التعليقات هى حلقة الوصل بين المدونة وبين متابعيها وزائريها </p> <p> </p> <p><img style="margin: 10px auto; display: block; float: none" title="COMMEeNT" alt="COMMEeNT" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbTL_9FsSMfUboYdoiw1hPWeEKKMOTQ0j5z3ENu3Zu0BgovpKawGYfKn_pgmdnGY1LhdbjAZ4Wp4oGv8ReIpNRmNmuec7LJV_0RLrzlSWq7R_WFTx0g2CoLZZ0DVk36BcyMnjg2M4lDv8//?imgmax=800" width="500" height="135" /></p> <p> </p> <p>اتمنى لكم التوفيق من كل قلبى وادعو الله ان يوفقنى لما فيه الخير والنفع لكم جميعا</p> <div class="blogger-post-footer">مدونة سامكو | قوالب بلوجر
www.samco-b.com</div>Unknownnoreply@blogger.com35