سبتمبر 2013

اضافه ازرار صغيره للتواصل الاجتماعي راس الصفحة بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRd2me1cYM8aDQocTUksi579GLxGbg4xX7LAQjUl71XiyAWiGHmICLPG1cm6YsoDfAKYtoCW9gojr9Axbo8E_LfxY7ISzh6A3Who8J4yLPSrdlKlHFO_Zthbkkry0QevxrAJutpUaopJBS/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%A3%D8%B2%D8%B1%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%83%D8%A9+%D9%81%D9%8A+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9+%D9%84%D9%80+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A3%D8%B3%D9%81%D9%84+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9+%D8%A3%D9%88+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9.png" style="margin-left: auto; margin-right: auto;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRd2me1cYM8aDQocTUksi579GLxGbg4xX7LAQjUl71XiyAWiGHmICLPG1cm6YsoDfAKYtoCW9gojr9Axbo8E_LfxY7ISzh6A3Who8J4yLPSrdlKlHFO_Zthbkkry0QevxrAJutpUaopJBS/s1600-rw/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%A3%D8%B2%D8%B1%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%83%D8%A9+%D9%81%D9%8A+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9+%D9%84%D9%80+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A3%D8%B3%D9%81%D9%84+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9+%D8%A3%D9%88+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<div style="background-color: white; line-height: 20.7969px;">
<div style="text-align: center;">
<span style="border: none; font-size: 12.8px; list-style: none; margin: 0px; outline: none; padding: 0px;">اضافة ازرار مشاركة مواقع التواصل الإجتماعية لمدونات بلوجر</span></div>
</div>
<div style="line-height: 20.7969px;">
<span style="font-size: large;"><br /><h2 style="text-align: center;">
<span style="color: red;">إضافة أزرار المشاركة في مواقع التواصل الإجتماعية <span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span></span></h2>
<h2 style="text-align: center;">
<span style="color: red;"><span style="font-size: large;">لمدونات بلوجر أسفل الموضوع أو التدوينة بطريقة سهلة واحترافية</span></span></h2>
</span></div>
<div style="line-height: 20.7969px; text-align: right;">
<span style="font-size: large;"><br /><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كيفية إضافة أزرار مشاركة الموضوع أو التدوينة على المواقع الإجتماعية </div>
</span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;">من طرفك أو من طرف زوار مدونتك و هذا لديه دور مهم جدا </span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;">في جلب عدد لا يصدق أحيانا فقط من المواقع الاجتماعية </span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: right;">
<div style="text-align: center;">
<span style="font-size: large;">التي تعتبر اليوم أكثر مورد لجلب الزوار</span></div>
<span style="font-size: large;"><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
نبدأ على بركة الله</div>
<br /><a class="titlex" href="https://ezzeldin-ahmed.blogspot.com/2021/06/Add-Contact-us-blogger.html" style="background-color: white; color: #0e0e0e; display: block; font-family: "Droid Arabic Naskh", serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 600; line-height: 1.4em; margin: 0px; max-height: 200px; overflow: visible; text-align: center; text-decoration-line: none;">نموذج اتصال بلوجر المطور صفحة اتصل بنا جاهزة قالب اتصل بنا html Blogger</a><div style="text-align: center;"><br /></div><ul style="text-align: right;">
<li><span style="font-size: large;">نذهب إلى تصميم|تحرير HTML|</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">نأخذ نسخة احتياطية من القالب</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">توسيع القالب</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">CTRL+F</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">نبحث عن الكود :</span></li>
</ul>
</span></div>
<div style="line-height: 20.7969px; text-align: right;">
<span style="font-size: large;"><a class="titlex" href="https://ezzeldin-ahmed.blogspot.com/2020/07/html-news-ticker-code.html" style="background-color: white; color: #0e0e0e; display: block; font-family: "Droid Arabic Naskh", serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 600; line-height: 1.4em; margin: 0px; max-height: 200px; overflow: visible; text-align: center; text-decoration-line: none;">كود شريط الاخبار html شرح تركيب شريط متحرك للمواقع والمدونات</a><div style="text-align: center;"><br /></div><data:post.body/><br /><br /> </span></div>
<div style="line-height: 20.7969px; text-align: right;">
<h3 style="text-align: right;">
<span style="color: red; font-size: large;">وبعده مباشرة نلصق الكود التالي:</span></h3>
<br />
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px;">
<span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></div>
<div style="color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px; padding: 0px 0px 15px;">
<br />
<div style="text-align: left;">
<b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="background-color: #fff2cc; border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_facebook_vcount' displayText='Facebook'></span></span></span></b></div>
<b style="background-color: #fff2cc;"><div style="text-align: left;">
<b style="background-color: #fce5cd;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_fblike_vcount' displayText='Facebook Like'></span></span></span></b></div>
<span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="background-color: #fce5cd;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_twitter_vcount' displayText='Tweet'></span></span></span></b></div>
<span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_googleplus_vcount' displayText='Google +'></span></span></span></b></div>
</span><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_email_vcount' displayText='Email'></span></span></span></b></div>
</span></span></b></div>
<div style="background-color: white; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<h3 style="text-align: right;">
<span style="border: none; color: red; font-family: inherit; font-size: large; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">الأن ابحث عن </span><span style="background-color: #fce5cd; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><head></span></span></span></h3>
</div>
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<h4 style="text-align: right;">
<span style="border: none; color: red; font-family: inherit; font-size: large; list-style: none; margin: 0px; outline: none; padding: 0px;">بعده مباشرة الصق الكود التالي :</span></h4>
</div>
<div style="color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<br />
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="background-color: #fce5cd; border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript">var switchTo5x=true;</script></span></b></div>
<span style="background-color: #fce5cd; border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: inherit;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script></span></b></div>
<b><div style="text-align: left;">
<b style="font-family: inherit;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript">stLight.options({publisher: "8754ee54-f61d-41a3-82b5-6c74d5f8c83c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script></span></b></div>
</b></span></div>
</div>
<div style="line-height: 20.7969px;">
<div dir="rtl">
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px;">
<b><span class="Apple-style-span" style="border: none; line-height: 19px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; color: #cc0000; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></span></b></b></span></b></div>
<h4 style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px; text-align: center;">
<b><span class="Apple-style-span" style="border: none; line-height: 19px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; color: #cc0000; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">ملحوظة للجميع!! </span></span></b></b></span></b></h4>
<span style="font-size: large;"><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هناك العديد من التعليقات يُخبرونني بأنه وقع معهم خطأ ولم تظهر الأزرار </div>
</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">في مدونتهم أو أنها تظهر اسفل التدوينة وأيضا في الصفحة الرئيسية </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">وهم لا يرغبون بأن تظهر في الصفحة الرئيسية </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: large;">خصوصاً إذا كانت رسائل الصفحة الرئيسية مُلخصة</span></div>
<span style="font-size: large;"><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;">
ابحث عن <span style="color: red;"><data:post.body/></span> الثالثة وضع اسفل منها كود الأزرار</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وإذا لم تعمل أو ظهرت الأزرار حتى في الصفحة الرئيسية ولم ترغب أنت بذلك</div>
<br /><br /><br /><br />فابحث عن <span style="color: red;"><data:post.body/></span> الثانية وضع اسفل منها الكود وستعمل إن شاء الله<br /><br /></span><br />
<div style="text-align: center;">
<span style="font-size: large;">إنتهى الدرس و مبروك عليك الإضافة ولا تنسانا من دعائك</span></div>
</div>
</div>
</div>

اضافه ازرار صغيره للتواصل الاجتماعي راس الصفحة بلوجر

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

مزيد من المعلومات »

طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير

<h1 style="text-align: center;"><span style="color: red; font-size: large;">كيفية تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير الخط</span></h1><span style="font-size: large;"><p style="text-align: center;"><span style="font-size: large;">الكثير يشتكي فى بداية صنع المدونة او عندما يضيف قالب جديد، </span><span style="font-size: large;">بان حجم الخط بالمنشورات والمشاركات كبر او صغير وليس بالحجم الذي يردية، </span><span style="font-size: large;">ويريد معرفة كيف يغيرة، </span>في موضوعنا اليوم سنتعلم طريقة تغيير حجم الخط بالمواضيع سواء تصغيره او تكبيره.</p></span><span><div style="text-align: center;"><div class="separator" style="clear: both; font-size: x-large; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Yg5gWstxgQ_y6yxFKK-rhihOKtt9gs5EuwzNbw8zGfLgxmc9jxPZ6Mp3xOzDKJKMjWiY0MSDUrhl5x3HfnemsAy82o4YuJ_u5uIEIsECKbVPNafnhIxWC0pZvVRhaV5r8Bjp2s5FxqL/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Yg5gWstxgQ_y6yxFKK-rhihOKtt9gs5EuwzNbw8zGfLgxmc9jxPZ6Mp3xOzDKJKMjWiY0MSDUrhl5x3HfnemsAy82o4YuJ_u5uIEIsECKbVPNafnhIxWC0pZvVRhaV5r8Bjp2s5FxqL/s16000-rw/4.jpg" title="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" /></a></div><h2><span style="color: red; font-size: large;">أولا توجه إلى لوحة تحكم مدونتك.</span></h2></div><div style="font-size: x-large; text-align: center;">قم بالضغط على تصميم.</div><div style="font-size: x-large; text-align: center;"><span style="font-size: large;">ثم على تحرير HTML </span><span style="font-size: large;">ثم قم بالبحث عن الكود التالي:</span></div></span><div style="text-align: center;"><br /></div>
<div style="text-align: center;">
<span style="font-size: large;">post {</span></div><h4 style="text-align: center;">
<span style="color: red; font-size: large;">
وسترى تحته كلمة: font-size:</span></h4>
<div><div style="text-align: center;"><span style="font-size: x-large;">قم بتغيير الرقم الذي في جانبها إلى أي حجم تريده كما في الصورة:</span></div>
<div style="text-align: center;"><br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaEgnbbmvniurYiT2DL6Hq-AArjEPvsE69gh3o_lu1KiV8o4_Lm8cE-BBngxz-PQfrUN9gbiFmssv-Kglr8OjZCHLALE63SN0YQfSbRj_8KSvmhUWABh_l_QWYLnSn-Uu-62RS-X8yWT/s1600/Capture.PNG"><img alt="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaEgnbbmvniurYiT2DL6Hq-AArjEPvsE69gh3o_lu1KiV8o4_Lm8cE-BBngxz-PQfrUN9gbiFmssv-Kglr8OjZCHLALE63SN0YQfSbRj_8KSvmhUWABh_l_QWYLnSn-Uu-62RS-X8yWT/s16000-rw/Capture.PNG" title="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" /></a></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">اتمنى ان يكن ذلك مفيد لكم</span></div>
<span style="font-size: large;">
</span></div>
</div>

طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير

كيفية تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير الخط الكثير يشتكي فى بداية صنع المدونة او عندما يضيف قالب جديد، بان حجم الخط بالمنش...

مزيد من المعلومات »

كيفية تغيير خط المدونة بلوجر إلى خط عربى إحترافى جميل جديد

<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="clear: both; text-align: center;"><span style="color: red; font-size: medium;">تغيير خط المدونة بالكامل</span></h1>
<span style="font-size: medium;"><p style="text-align: center;">اليوم وبعد محاولات كثيرة في تغيير خطوط مدونات بلوجر حاولت أكثر من مره أن أستخدم خطوط عربيه جديده فى قالب مدوناتي على غرار المواقع الكبيرة ذات الخطوط الجميلة الجزابة والتي تساهم في بقاء الزائر أكبر وقت ممكن في المدونة، وذلك لإستمتاعه بالقراءة مع الخط الجميل الواضح، والذي يجعل القراءة سهلة وممتعة.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56_1sbn7P1yLuEJ819OKozm2AMufeCqeSKEBCtZuDEyQQjmxPmc9ybaUbamZwcKEcf4LzcEhyphenhyphenkHGmHzMV1Pd5beAut8ZEW7orxdviVKXVn9hFROwpVMoubYNaZqE5vQgRr3QA0nFnZIAr/s800/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9+%25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1+%25D8%25AE%25D8%25B7+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" data-original-height="800" data-original-width="800" height="320" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56_1sbn7P1yLuEJ819OKozm2AMufeCqeSKEBCtZuDEyQQjmxPmc9ybaUbamZwcKEcf4LzcEhyphenhyphenkHGmHzMV1Pd5beAut8ZEW7orxdviVKXVn9hFROwpVMoubYNaZqE5vQgRr3QA0nFnZIAr/w320-h320-rw/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9+%25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1+%25D8%25AE%25D8%25B7+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.jpg" title="كيفية تغيير خط المدونة بلوجر" width="320" /></a></div><h2 style="text-align: center;"><span style="color: red; font-size: medium;">خطوط بلوجر</span></h2><p style="text-align: center;">جربنا كثيرا كل خط من هذه الخطوط حتى نجد خطا ملائما للتدوين باللغة العربية، ولكن جوجل لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم العربي في مدونات بلوجر وقدمت لنا هذه الخطوط الرائعة.</p><span style="color: red;"><h3 style="text-align: center;"><span style="font-size: medium;">جوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :</span></h3></span></span><ol style="background-color: white; border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 0px;">
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Amiri</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Droid Arabic Kufi</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Droid Arabic Naskh</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Lateef</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Scheherazade</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Thabit</span></li>
</ol>
<span style="color: red; font-size: medium;"><div style="text-align: center;">وحتى أسهل عليكم، ها هى الخطوط السته وأشكالهم فى الصور</div></span><div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Amiri</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgix5lzTBw4ir3escSjSJnc7CDZaslfanQmXzHJ0002QRa1W2F8lpA17u3PhH57yOjab4GqFOGpWqggDCdPRZvUWiLSSN_hgyQiU4GE1dkKSGKNCSoYnyK_PMaM19k0f6iOeWOKlPOzbV0/s16000-rw/amiri.JPG" style="background-image: none; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Droid Arabic Kufi</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzN4jdpCC-nGKzu0a4T_cuY3PR1VtKFERQ0Sck6auf66M2LQTdwwJcfjnsrk2JAmAV1yXUXTGMdYENfMUGC7EqG-X5Lqt8cPICmmoyf7yy2uZzDUwFfWg1Qq6x5VoEO6Mavy85GisKks/s16000-rw/droidarabickufi.JPG" style="background-image: none; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Droid Arabic Naskh</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr9Dm7lQR3dV7zXrBDGb2IrHc-THcb2PqOghB85gH3RCJuFRsrSgVYbzuUHc8YojA3UH15nhdQ6yc9Ruwqfks6CtA4bD7HpW5aUbBIHYfukQZXcHcg5oIKGEDlPGMfahPm4aw-tWxhfBA/s16000-rw/droidarabicnaskh.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Lateef</span></b></div>
<div class="separator" style="background-color: white; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9JFADwq2xh9LtEgVdb_VM_Z_2z64B5ogHUPAzQ5WdJusGpK01oAOieRqd69uRq9Oz3clgBNWyNjHKlNXuAGaIoBvmyCFf6339QTOmPweuAkDlWUjvJ87-3sy8xRyqJWiTclFXJOlu5k/s16000-rw/lateef.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Scheherazade</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-WJ8nAkuZ3Yjd9xPDKdw1GsDgWOJgDzbeFFg6vAi-A-3_yvnGFoLWtVQ0rNVEf3Ovq9CNlIGWb-6n_rcWh7LuPhWZGC7pk-AzxEop9X99DAvSM2alnsL-Pz77WsYgoBX7_7QPNphmoU/s16000-rw/scheherazade.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<ol style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; color: #6a6a6a; margin: 0px 0px 15px; outline: 0px; padding: 0px;"></ol>
<span style="font-size: medium;"><b><span style="color: red;">Thabit</span></b><br /></span><ol style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; color: #6a6a6a; margin: 0px 0px 15px; outline: 0px; padding: 0px;"></ol>
</div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKDu6I1VEBgJ7lFB6mCp8b5dnephix6Hle1MzUFTSvzWHGvha-z7oJAAyPOyx4T_2elhcdIdjBiME_T1A9nlHQmU_F905FbZVL2USezQ_e8VLfJIgmY4C_sr3TCOgz9h8K50tUXw0bozQ/s16000-rw/thabit.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div><span style="font-size: medium;"><span style="color: red;"><h4 style="text-align: center;">والآن نشرح كيفة تغيير هذه الخطوط فى مدونات بلوجر؟</h4></span><div style="text-align: center;">تنقسم الخطوات إلى شقين</div><span style="color: blue;"><div style="text-align: center;">الشق الأول : إضافة رابط الخط</div></span><div style="text-align: center;">إفتح أكواد HTML الخاصه بقالب مدونتك، ثم قم بالبحث عن الكود التالى</div></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<head></span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;">وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى</div><div style="text-align: center;"><br /></div><span style="color: red;"><div style="text-align: center;"><span style="color: red;">ملحوظه :</span> عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .</div></span></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;"><span style="color: blue;">الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره</span>والآن تستطيع تغيير الخط على كل أجزاء المدونة، فقط عليك معرفة كود الجزء المراد تغيير الخط فيه، وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب.</div><div style="text-align: center;"><br /></div><span style="color: red;"><div style="text-align: center;"><span style="color: red;">ملحوظه :</span> عليك إستخدام كود واحد من الأكواد التاليه، وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .</div></span></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Amiri', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Droid Arabic Kufi', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Droid Arabic Naskh', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Lateef', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Scheherazade', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Thabit', serif;</span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;">وأخيرا يمكنكم الإستعانه <a href="http://www.google.com/webfonts/earlyaccess" rel="nofollow" target="_blank">بهذه الصفحه</a> ، وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .</div><div style="text-align: center;"><br /></div><div style="text-align: center;">أتمنى الموضوع مفيد</div></span></div>

كيفية تغيير خط المدونة بلوجر إلى خط عربى إحترافى جميل جديد

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

مزيد من المعلومات »