عرب ديزاينر

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
لاحظنا فى الفترة الأخيره توقف معظم الخطوط والسلايدرات فى جميع المدونات وهذا راجع لأن موقع <a href="https://www.dropbox.com/" rel="nofollow" target="_blank">dropbox</a> بألغاء خاصية رفع الملفات ال css والتى كانت يعتمد عليها مئات بل الاف المدونين والمبرمجين فى حفظ ملفات css. الخاصة بمواقعهم بروابط مباشره </div>
<div style="text-align: center;">
حيث يستطيعون ربطه بقالب موقعه عبر رابط مباشر ومجانى ولكن للأسف تم ألغاء هذه الخدمة والتى أدت لتوقف الملفات الخاصة</div>
<div style="text-align: center;">
بعظم المواقع ولعل أهما لدى المدونين والمبرمجين هى الخطوط والتى تعمل فى بلوجر تحتى مسمى font face@</div>
<div style="text-align: center;">
ولا حظت مع توقف هذه الملفات أن معظم المدونين كانوا يستخدموا خط GESS Two فى مواقعهم لذلك قمت بتجديد الروابط الخاصة بهذا الخط على googlecode</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyX2p76xhZTfJaUZcAluVWbLFtha4KdEAPXwBcz0UpUK4mQK3x_X1mPhbkOPshpYOf4MLFJGsJQDGrdcVajajIKMUT_MxO4F0zDhK6eApqLptnphpzWfBWC1CNBnaS90SEBZbTpJMbpcg/s1600/Screenshot_14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyX2p76xhZTfJaUZcAluVWbLFtha4KdEAPXwBcz0UpUK4mQK3x_X1mPhbkOPshpYOf4MLFJGsJQDGrdcVajajIKMUT_MxO4F0zDhK6eApqLptnphpzWfBWC1CNBnaS90SEBZbTpJMbpcg/s1600/Screenshot_14.png" width="610" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
وكانت معظم المدونات يستخدمون هذه الروابط المباشره فى مدوناتهم</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
@font-face {<br />
font-family: 'GESSTwoMediumRegular';<br />
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');<br />
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),<br />
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),<br />
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }</blockquote>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
عشرات ومئات المدونين يستخدمون نفس الروابط لمجموعة خطوط، ومع تعطل هذه الروابط</div>
<div class="separator" style="clear: both; text-align: center;">
تشوهت مدونات وصفحات جميع هؤلاء .. خاصة أن الخطوط المستخدمة "خاصة"</div>
<div class="separator" style="clear: both; text-align: center;">
وليست من دعم جوجل فلا روابط دائمة لها</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
حسنا .. نحمد الله أننا احتفظنا بالملفات الأصلية لمجموعة خطوط (GESSTwo) الجميلة ..</div>
<div class="separator" style="clear: both; text-align: center;">
وسنضيف أحد النوعين من هذه الخطوط إلى قوالب مدوناتنا في خطوتين وبالاعتماد على رابط واحد فقط لكل نوع</div>
<div class="separator" style="clear: both; text-align: center;">
بدل الأربعة روابط التي كانت بالكود السابق ..</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
حسنا نمر الشرح </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: center;">
الخطوة الأولى</h4>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
من لوحة تحكم الى > قالب > تحرير HTML  وقم بالبحث عن </div>
<div>
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<head></blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أضف بعده الكود التالى الخاص بخط <span style="color: #bf9000;">GESSTwoLight </span>ذو البند الرفيع</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXf0uC8Y-xHx5JnLz3CfDVr2KPcSkOdtWo_HBAsesLcJzS0OFzt3ohunnnamMP5E_ms4akWaAhxGKVLAEcbPrpYcSaYDy9xGbJCRJqO0L8SBdtj1Cu1uBnIOa9xwD21Xe-LGkJp_FWcU/s1600/GESSTwoLight.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXf0uC8Y-xHx5JnLz3CfDVr2KPcSkOdtWo_HBAsesLcJzS0OFzt3ohunnnamMP5E_ms4akWaAhxGKVLAEcbPrpYcSaYDy9xGbJCRJqO0L8SBdtj1Cu1uBnIOa9xwD21Xe-LGkJp_FWcU/s1600/GESSTwoLight.PNG" width="550" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/></blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أو أضف بعده الكود التالى الخاص بخط <span style="color: #bf9000;">GESSTwoMediumRegular </span>ذو البند المتوسط </div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3E6-vTXZ4QNOoq42Mpb3OmbT6hyphenhyphen0HbWKNJ4ExKZqI6dpzKFByXNvTVOF5ZapARF4vBJLP39lVs_jXsaarSuGfs7kPuFOYqGXki-UL8nW6sC3Cqu59llxpReB35QNNSUgcO-S1gmdEQGg/s1600/GESSTwoMediumRegular.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3E6-vTXZ4QNOoq42Mpb3OmbT6hyphenhyphen0HbWKNJ4ExKZqI6dpzKFByXNvTVOF5ZapARF4vBJLP39lVs_jXsaarSuGfs7kPuFOYqGXki-UL8nW6sC3Cqu59llxpReB35QNNSUgcO-S1gmdEQGg/s1600/GESSTwoMediumRegular.PNG" width="550" /></a></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<br />
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/></blockquote>
<div style="text-align: center;">
<br /></div>
<h4 style="text-align: center;">
الخطوة الثانية</h4>
<div style="text-align: center;">
<div>
ابحث عن font-family .. وهو الخاص بنوع الخطوط</div>
<div>
ستجده يحتوي على عدة أسماء لخطوط مثل هذه:</div>
<div>
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
font-family: Traditional Arabic, Tahoma, Arial, Sans-serif;</blockquote>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
حيث أن عنوان الخط الأول (Traditional Arabic) وفي حال لم يظهر لدى المتصفح سيظهر الخط الثاني (Tahoma) وهكذا ..</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ما سنقوم به الآن هو جعل عنوان الخط الأول (GESSTwoMediumRegular) أو (GESSTwoLight) ليظهر في مدونتك كخط رئيسي، وذلك بنسخ اسم الخط المحدد ولصقه كالتالي:</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
لأضافة الخط الأول <span style="color: #bf9000;">GESSTwoLight</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
تجعل الكود السابق بهذه الشكل</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
font-family: GESSTwoLight, Traditional Arabic, Tahoma;</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div>
ولأضافة الخط الثانى <span style="color: #bf9000;">GESSTwoMediumRegular</span></div>
<div>
<br /></div>
<div>
تجعل الكود السابق بهذه الشكل</div>
<div>
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
font-family: GESSTwoMediumRegular, Traditional Arabic, Tahoma;</blockquote>
<div>
<br /></div>
<div>
<div>
قم بمعاينة القالب الآن، لتجد الخطوط فيها قد أصبحت أجمل بكثير ..</div>
<div>
احفظ التغيرات واستمتع بلمسة احترافية أضفتها الخطوط الجديدة في مدونتك :)</div>
</div>
</div>
<div style="text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<div style="margin: 0px;">
</div>
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
</div>

لاحظنا فى الفترة الأخيره توقف معظم الخطوط والسلايدرات فى جميع المدونات وهذا راجع لأن موقع dropbox بألغاء خاصية رفع الملفات ال css والتى ...

اقرأ المزيد

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته </div>
<div style="text-align: center;">
فى موضوع جديد فى عالم قوالب بلوجر والتميز والأبداع معنا اليوم شئ جديد وحصرى ومدفوع </div>
<div style="text-align: center;">
نقدم لكم اليوم قالب سينا المدفوع المصمم من طرف <a href="http://www.bloggeram.com/" rel="nofollow" target="_blank">بلوجرام </a></div>
<div style="text-align: center;">
ومن لم يعرف بلوجرام وصاحب موقع <a href="http://www.bloggeram.com/" rel="nofollow" target="_blank">بلوجرام</a> فهو ليس بالحياة وليس بمدون فى <a href="https://www.blogger.com/home" rel="nofollow" target="_blank">بلوجر </a></div>
<div style="text-align: center;">
فمدونة بلوجرام للمصمم <a href="http://www.picalica.com/u/midoghranek/" rel="nofollow" target="_blank">محمد أبو الغرانيق</a> ان كنت تريد معرفة اكثر عن محمد يمكنك زياة أعماله على حسابه فى بييكاليكا <a href="http://www.picalica.com/u/midoghranek/" rel="nofollow" target="_blank">من هنا</a> </div>
<div style="text-align: center;">
قالب سينا هو قالب جديد وحصرى لعام 2014 ومتجاوب مع جميع الأجهزة ويمكنك معاينة التجاوب <a href="http://responsinator.com/?url=sina-template.blogspot.com" rel="nofollow" target="_blank">من هنا </a></div>
<div style="text-align: center;">
هو قالب احترافى لن اقول قالب للمدونات الشخصية أو التقنية بل بالعكس يصلح لجميع المدونات وخاصة التقنية والشخصية </div>
<div style="text-align: center;">
أهم ما يميز هذا القالب الجديد أنه ليس معرباً من قالب أجنبي بل صممناه بشكله العربي كما هو كما انه يصلح أيضاً للمدونات الأجنبية مع بعض التعديلات الطفيفة عليه، فهو حقاُ قالب رائع ^_^</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-gXvFDvXePh0/U-OJYPuARHI/AAAAAAAAAEQ/Exbr1sNz7hc/s1600/Sina-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="http://1.bp.blogspot.com/-gXvFDvXePh0/U-OJYPuARHI/AAAAAAAAAEQ/Exbr1sNz7hc/s1600/Sina-template.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: right;">
<br /></div>
<h4 style="clear: both; text-align: right;">
مميزات القالب</h4>
<div>
<div>
متجاوب مع جميع الأجهزة</div>
<div>
أشكال رائعة لأدوات بلوجر الأساسية</div>
<div>
شكل مميز لأداة أتصل بنا</div>
<div>
أداة أخر الموضوعات</div>
<div>
قائمة رئيسية متجاوبة</div>
<div>
شكل مميز لتعليقات بلوجر</div>
<div>
تحميل جميع الصفحات بواسطة Jquery loader</div>
</div>
<div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
بالنسبة للتعديلات على القالب فهى سهلة جدا فالقالب أمامكم خالى تماما من الأخطاء</div>
<div style="text-align: center;">
والان بعد أن وضحنا لكم القالب وأهم مميزاته جاء وقت المعاينة </div>
<div style="text-align: center;">
<br /></div>
<h4 style="text-align: center;">
<a href="http://sina-template.blogspot.com/" rel="nofollow" target="_blank">معاينة القالب</a></h4>
<div>
<br /></div>
<div style="text-align: center;">
الان بعد ان رأيت القالب ومدى جماليته وتريد تحميله</div>
<div style="text-align: center;">
فقط انضم للأعضاء <a href="http://www.blogger.com/follow-blog.g?blogID=9073752452528279207" rel="nofollow" target="_blank">من هنا</a></div>
<div style="text-align: center;">
واترك تعليق باسمك وايميلك وسيتم ارساله فورا</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في النهاية نرجو ان يكون هذا القالب قد وفر لأصدقائنا ما يحتجون له في قالب متميز ومجاني، لذا نرجو الحفاظ علي حقوق النشر وعدم أستخدام القالب في معاملات تجارية، واذا كان لديك الموهبة في التصميم يمكنك أضافة حقوق تطوير القالب بجانب حقوق التصميم، تحياتي للجميع :)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>

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

اقرأ المزيد

تابعنا على الفيس بوك

المتابعون

مدونات صديقة

المشاركات الشائعة

اضافة خطوط GESSTwo الرائعة من جديد (روابط جديدة)

قالب سينا المدفوع مجانا للمدونات الشخصية والتقنية