عرب زيرو

أكواد الألوان إختر اللون وإضغط Copy لنسخ الكود Color Picker

اضافات وأدوات بلوجر أكواد الألوان إختر اللون وإضغط Copy لنسخ الكود Color Picker

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

كن مدون نقطة البداية لإحتراف التدوين

2:14 ص Unknown 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLzpXqmWm4lyMqSnBBHDlR8PkXt4XyIGmpkfz7HfQ1XSn6iUCWQOHjh_nuJBbpy7_3rc151izRo6CfjYC3ZbASrbtcg4ohRAYYvUS5P4ZKUafzftFkJy5Zcn1iyqDBW3MxcQuubdAJxS5/s1600/cnmu-frist.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLzpXqmWm4lyMqSnBBHDlR8PkXt4XyIGmpkfz7HfQ1XSn6iUCWQOHjh_nuJBbpy7_3rc151izRo6CfjYC3ZbASrbtcg4ohRAYYvUS5P4ZKUafzftFkJy5Zcn1iyqDBW3MxcQuubdAJxS5/s1600/cnmu-frist.jpg" /></a></div>
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"> كثير من الناس يتمنى أن يصبح مدون أو له موقع إلكتروني يستطيع أن يشارك العالم أفكاره عن طريق الموقع ولكن يقيده أمران</span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"> الأول المال والثاني الخبرة </span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">لكن يخفى عن كثير ان هناك الكثير من المواقع التي تتيح لك أن تمتلك موقعا أو منتدى أو مدونة مجاناً </span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">لكن إدارة المنتديات والمواقع أحيانا تحتاج بعض الخبره وتحتاج مجهود لأنها تعتمد على أعضاء هذه الأماكن </span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">أما المدونات تعتمد في الغالب على شخص واحد وهو صاحب المدونة </span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">وبالتالي لا يحتاج المرء سوى نفسه وجهاز كمبيوتر ويشغل عقله شوية وما ينساش كوب شاى وينطلق في عالم التدوين</span><br />
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;" />
<a href="http://www.blogger.com/blogger.g?blogID=477844892825172877" name="more" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"></a><br />
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
الخطوات الأولية</h3>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
حدد هدف مدونتك وإسمها</h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
إجعل الإسم قصير ومميز</h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
إجعل الإسم مطابق لمحتوى المدونة</h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
حدد فترة زمنية تتم فيها إنشاء مدونتك وليكن أسبوع فالتحديد سيؤكد الإنجاز ومدى جدية الامر بالنسبة لك</h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
الخطوات الأولية في إختيار منصة التدوين</h3>
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">معنى كلمة منصة التدوين يقصد بها الموقع الذي ستفتح عليه مدونتك</span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">هناك الكثير من المواقع التي تتيح إنشاء مدونات لكن الأشهر والاكثر تميزاً هم موقعين</span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">بلوجر</span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"> Blogger</b><span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"> , وورد بريس</span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"> Wordpress</b><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;">لكننا سنختار بلوجر للأسباب التالية</span><br />
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
بلوجر تابع لشركة جوجل Google لذا لن تحتاج حمياته فجوجل ستتكفل بهذا</h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
أيضا الموقع مجاني بالكامل </h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px;">
منصة بلوجر سهله جدا في التعامل ومعرب بشكل مضبوط </h4>
<b style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"><span style="color: #0b5394;"> هذه هي الأسباب الرئيسية لإختيار بلوجر </span></b><br />
<b style="background-color: white; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px;"><span style="color: #0b5394;">بعد تحديد تلك الأولويات سنبدأ في الدروس العملية لإنشاء المدونة فتابع مواضيع دورة عرب زيرو الاولى كيف تبدأ</span></b></div>

دوره الاشهار والارشفه كن مدون نقطة البداية لإحتراف التدوين

كثير من الناس يتمنى أن يصبح مدون أو له موقع إلكتروني يستطيع أن يشارك العالم أفكاره عن طريق الموقع ولكن يقيده أمران الأول المال والثا...

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

الطريقة الصحيحة لإضافة وإستخدام خاصية إقرأ المزيد

2:06 ص Unknown 2

<div dir="rtl" style="text-align: right;" trbidi="on">
<span style="font-size: large;"><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMP9KoJ0tsL7o_Ot0Nu0Qsgg5J3Z4uDQH93BsAZ8E2-s-TXuLSTPBmKvEvrh9EyUZ0MyiptWdAmt4CRM1xkTVyHxV3MmIGYumYhMAw-H_e31t0wWv9WNmSzIEx-EeDw_rZFkUWZo6YDOz2/s1600/more+%280%29.gif"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMP9KoJ0tsL7o_Ot0Nu0Qsgg5J3Z4uDQH93BsAZ8E2-s-TXuLSTPBmKvEvrh9EyUZ0MyiptWdAmt4CRM1xkTVyHxV3MmIGYumYhMAw-H_e31t0wWv9WNmSzIEx-EeDw_rZFkUWZo6YDOz2/s1600/more+%280%29.gif" /></a><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMP9KoJ0tsL7o_Ot0Nu0Qsgg5J3Z4uDQH93BsAZ8E2-s-TXuLSTPBmKvEvrh9EyUZ0MyiptWdAmt4CRM1xkTVyHxV3MmIGYumYhMAw-H_e31t0wWv9WNmSzIEx-EeDw_rZFkUWZo6YDOz2/s1600/more+%280%29.gif"></a>لإضافة الأكثر إستخداماً هي إضافة إقرأ المزيد وفي رايي هي اهم إضافة للحفاظ على مظهر وسرعة المدونات من يستغني عن تلك الإضافة يحرم مدونته من السرعة والتنسيق لكن أغلب من يضيف إقرأ المزيد أو يحدث عنها يتكلم عن التركيب فقط ولكن طريقة الإستخدام أمر أهم بكثير أغلب المدونات التي رأيتها تركب تلك الإضافة لا تحسن إستخدامها وسنتكلم عن الامرين التركيب الصحيح وطريقة الإستخدام المثالية<br />علينا اولا أن نعرف أن هناك إضافتين لإقرأ المزيد الأولى المدمجة عن طريق بلوجر والتي يتم وضعها يدويا بالضغط على الرمز الخاص بها في صندوق كتابة الرسائل والرمز يختلف من متصفح لآخر بسبب مشكلة لم تحل حتى الآن في منصة بلوجر في عرض أيقونات صندوق الرسائل لكن الصورة التالية توضح هذه الرموز<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zp0xUmuEaAYqk5b1LtPLVGRXCWTbsP2Z3OsdrMwAstlFC_iHqkpmnyaDPrrPeNE04jm57B-2K5znA1xZIBgXNuwOi3qj-i4cbFKqbHXI9WVLC9FLu0jW7m6fMkZbSHWR-LVOFXWqMKqD/s1600/more+%281%29.gif"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zp0xUmuEaAYqk5b1LtPLVGRXCWTbsP2Z3OsdrMwAstlFC_iHqkpmnyaDPrrPeNE04jm57B-2K5znA1xZIBgXNuwOi3qj-i4cbFKqbHXI9WVLC9FLu0jW7m6fMkZbSHWR-LVOFXWqMKqD/s1600/more+%281%29.gif" /></a></span><br />
<div dir="rtl" style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;">والإضافة الثانية هي الإضافة التلقائية وهي المنتشرة في كل المدونات تقريبا لكل منهما مميزات وعيوب</span></div>
<div style="text-align: center;">
<span style="font-size: large;">مميزات الإضافة الأولى أنها بالفعل تكون فاصل يعفي الزائر من تحميل الموضوع بالكامل</span></div>
<div style="text-align: center;">
<span style="font-size: large;">عيبها أنها غير منسقة فكل موضوع يحمل شكل مختلف بحسب ما تكتب</span></div>
<div style="text-align: center;">
<span style="font-size: large;">أما مميزات الإضافة التلقائية هي أنها منسقة وممتازة في جعل شكل المدونة رائع</span></div>
<div style="text-align: center;">
<span style="font-size: large;">عيبها انها لا تقوم فعليا بعمل فاصل بل تقوم فقط بإخفاء الموضوع ولكن يقوم الزائر بتحميل المواضيع كلها دون أن يشاهدها وهذا يجعل المدونات ثقيلة جدا ويفر الزوار منها أو يكتفي بمشاهدة صفحة واحده<br />الدليل على أنها تخفي الموضوع فقط أن بعض أصحاب المواضيع كبيرة الحجم قد يكون محدد أن تظهر في صفحته الرئيسية 10 مواضيع لكنه يجد موضوعين أو ثلاثه وهذا لان بلوجر تحدد حجم معين للصفحة لا يزيد ولأن الإضافة تخفي الموضوع فيبقى حجم الصفحة كبير ولا يظهر العدد المحدد من المواضيع</span></div>
<div style="text-align: center;">
<span style="font-size: large;">لذا الحل الأمثل هو دمج الإضافتين معاً ناخذ مميزات كل واحدة ونترك العيوب ليكون الناتج إضافة مثالية</span></div>
<div style="text-align: center;">
<span style="font-size: large;">أولا نقوم بإضافة خاصية إقرأ المزيد التلقائية</span></div>
<div style="text-align: center;">
<span style="font-size: large;">خذ أولا نسخة إحتياطية من قالبك لتجنب اى مشكلات</span></div>
<div style="text-align: center;">
<span style="font-size: large;">أدخل على تحرير القالب وعلم على خانة توسيع العناصر</span></div>
<div style="text-align: center;">
<span style="font-size: large;">إبحث عن هذا الوسم <b></head></b> واضف فوقه أحد الأكواد التالية</span></div>
<h4 style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; padding-right: 20px;">
<span style="font-size: large;">لجعل الصورة على اليمين ركب هذا الكود</span></h4>
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; background-position: initial initial; background-repeat: initial initial; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><script type='text/javascript'><br /><span style="color: red;">summary_noimg = 250;</span><br /><span style="color: blue;">summary_img = 200;</span><br /><span style="color: #38761d;">img_thumb_height = 150;</span><br /><span style="color: #674ea7;">img_thumb_width = 150; </span><br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />function removeHtmlTag(strx,chop){<br />    if(strx.indexOf("<")!=-1)<br />    {<br />        var s = strx.split("<");<br />        for(var i=0;i<s.length;i++){<br />            if(s[i].indexOf(">")!=-1){<br />                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />            }<br />        }<br />        strx =  s.join("");<br />    }<br />    chop = (chop < strx.length-1) ? chop : strx.length-2;<br />    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />    strx = strx.substring(0,chop-1);<br />    return strx+'...';<br />}<br /><br />function createSummaryAndThumb(pID){<br />    var div = document.getElementById(pID);<br />    var imgtag = "";<br />    var img = div.getElementsByTagName("img");<br />    var summ = summary_noimg;<br />    if(img.length>=1) {  <br />        imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />        summ = summary_img;<br />    }<br /><br />    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />    div.innerHTML = summary;<br />}<br /><br />//]]><br /></script></span></blockquote>
<span style="font-size: large;"><br /></span>
<h4 style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; padding-right: 20px;">
<span style="font-size: large;">لجعل الصورة على اليسار ركب هذا الكود</span></h4>
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; background-position: initial initial; background-repeat: initial initial; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><script type='text/javascript'><br /><span style="color: red;">summary_noimg = 250;</span><br /><span style="color: blue;">summary_img = 200;</span><br /><span style="color: #38761d;">img_thumb_height = 150;</span><br /><span style="color: #674ea7;">img_thumb_width = 150; </span><br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />function removeHtmlTag(strx,chop){<br />    if(strx.indexOf("<")!=-1)<br />    {<br />        var s = strx.split("<");<br />        for(var i=0;i<s.length;i++){<br />            if(s[i].indexOf(">")!=-1){<br />                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />            }<br />        }<br />        strx =  s.join("");<br />    }<br />    chop = (chop < strx.length-1) ? chop : strx.length-2;<br />    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />    strx = strx.substring(0,chop-1);<br />    return strx+'...';<br />}<br /><br />function createSummaryAndThumb(pID){<br />    var div = document.getElementById(pID);<br />    var imgtag = "";<br />    var img = div.getElementsByTagName("img");<br />    var summ = summary_noimg;<br />    if(img.length>=1) {  <br />        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />        summ = summary_img;<br />    }<br /><br />    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />    div.innerHTML = summary;<br />}<br /><br />//]]><br /></script></span></blockquote>
<span style="font-size: large;"><br /></span>
<h4 style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; padding-right: 20px;">
<span style="font-size: large;">لجل الصورة في الوسط ركب هذا الكود</span></h4>
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; background-position: initial initial; background-repeat: initial initial; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><script type='text/javascript'><br /><span style="color: red;">summary_noimg = 250;</span><br /><span style="color: blue;">summary_img = 200;</span><br /><span style="color: #38761d;">img_thumb_height = 150;</span><br /><span style="color: #674ea7;">img_thumb_width = 150; </span><br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />function removeHtmlTag(strx,chop){<br />    if(strx.indexOf("<")!=-1)<br />    {<br />        var s = strx.split("<");<br />        for(var i=0;i<s.length;i++){<br />            if(s[i].indexOf(">")!=-1){<br />                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />            }<br />        }<br />        strx =  s.join("");<br />    }<br />    chop = (chop < strx.length-1) ? chop : strx.length-2;<br />    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />    strx = strx.substring(0,chop-1);<br />    return strx+'...';<br />}<br /><br />function createSummaryAndThumb(pID){<br />    var div = document.getElementById(pID);<br />    var imgtag = "";<br />    var img = div.getElementsByTagName("img");<br />    var summ = summary_noimg;<br />    if(img.length>=1) {  <br />        imgtag = '<div class="separator" style="clear: both; text-align: center;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />        summ = summary_img;<br />    }<br /><br />    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />    div.innerHTML = summary;<br />}<br /><br />//]]><br /></script></span></blockquote>
<span style="font-size: large;"><br /></span>
<div style="text-align: center;">
<span style="font-size: large;">مع الوضع في الإعتبار أن</span></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><br /><span style="color: red;">summary_noimg = 250;</span> عدد الأحرف الظاهرة إن لم تكن هناك صورة<br /><span style="color: blue;">summary_img = 200;</span> عدد الأحرف الظاهرة مع وجود صورة<br /><span style="color: #38761d;">img_thumb_height = 150;</span> إرتفاع الصورة<br /><span style="color: #674ea7;">img_thumb_width = 150; عرض الصورة</span></span></b></div>
<div style="text-align: center;">
<span style="font-size: large;"><span style="color: #674ea7;"></span></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br />ثم نبحث هذا الكود <b><data:post.body/></b></span></div>
<div style="text-align: center;">
<span style="font-size: large;">و نستبدله بالتالي</span></div>
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; background-position: initial initial; background-repeat: initial initial; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><b:if cond='data:blog.pageType != "static_page"'><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /></b:if><br /></b:if><br /><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br /><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if><br /><b:if cond='data:blog.pageType != "static_page"'><br /><b:if cond='data:blog.pageType != "item"'><br /><div style='float:<span style="color: #990000;">left</span>;margin-<span style="color: #990000;">left</span>:10px;margin-top:15px;'><br /><a expr:href='data:post.url'><span style="color: magenta;">إقرأ المزيد</span></a><br /></div><br /></b:if><br /></b:if><span style="color: #674ea7;"></span></span></blockquote>
<div style="text-align: center;">
<span style="font-size: large;">وقم بتغيير <b>left</b> الي <b>right</b> إن أردت جعل كلمة إقرا المزيد على اليمين</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>
<div style="text-align: center;">
<span style="font-size: large;">بوضع الكود التالي بدلامن كلمة إقرأ المزيد</span></div>
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; background-position: initial initial; background-repeat: initial initial; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/></span></blockquote>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><span style="color: #674ea7;"></span>وهذه مجموعة صورة جاهزة لأزرار إقرأ المزيد</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 style="color: #674ea7;"></span><span style="color: #674ea7;"></span></span></div>
</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<a class="cnmubb" href="https://www.box.com/s/mx4632t1k5g0o8c7oao2" style="background-image: -webkit-linear-gradient(top, rgb(117, 156, 214), rgb(8, 1, 153)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(123, 122, 121); color: white; font-weight: bold; line-height: 16px; padding: 4px 10px; text-decoration: initial;" target="_blank"><span style="font-size: large;">تحميـــــل</span></a></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">صورة معاينة للأزرار</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-ZlwBhFeUlm0/UQMvANnm1II/AAAAAAAAAWc/hkjLTL6CL84/s1600/more+%25282%2529.gif" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الآن تم إضافة إقرأ المزيد التلقائية ولتحسين الإستخدام إستخدم إقرأ المزيد المدمجة في بلوجر بوضع فاصل بعد إضافة أول صورة في موضوع وكتابة عدد من الأسطر يكفي للظهور </span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">قد يسأل البعض وماذا عن المواضيع القديمة التي لم يتم إضافة فاصل لها</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">ستظهر بشكل منسق هي أيضا ولكن ستظل عبئ في التحميل للزائر إن إستطعت يمكنك يوميا تعديل 5 مواضيع مثلا</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">أدخل واضف الفاصل فقط لن يأخذ منك خمس دقائق وخلال أيام ستجد أنك عدلت جميع مواضيعك</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">ملحوظة عند إستخدام الإضافتين مع بعض قد نجد كلمتين لإقرأ المزيد واحدة تخص الإضافة التلقائية وواحدة تخص الإضافة المدمجة</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">لذا سنحذف أحدهما وسنختار الخاصة بالإضافة المدمجة لانها تظهر مع بعض المواضيع وليس كلها</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">وهذا هو الكود إبحث عنه وإحذفه</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: right;" /></span>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px; text-align: right;">
<span style="font-size: large;"><b:if cond='data:post.hasJumpLink'><br />      <div class='jump-link'><br />        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a><br />      </div><br />    </b:if></span></blockquote>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">دمتم في أمان الله</span></div>
<div>
<br /></div>
</div>

اضافات وأدوات بلوجر الطريقة الصحيحة لإضافة وإستخدام خاصية إقرأ المزيد

لإضافة الأكثر إستخداماً هي إضافة إقرأ المزيد وفي رايي هي اهم إضافة للحفاظ على مظهر وسرعة المدونات من يستغني عن تلك الإضافة يحرم مدونته من ا...

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

تركيب وتنسيق الخطوط لمدونات بلوجر

10:09 م Unknown 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWfH4BzCvJUOTMapkuB3bN_yMolnbIiaZZ2iBgBfpbFlah-K6GDqmnjCOfFXBBc7nPdACASCrsjnXmPlmUqKZyCDoY83TLePO-kp6kgZohc2m5cx6Uc-69SnvyTQpQwfsWr7bkCJkg31h/s1600/font.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWfH4BzCvJUOTMapkuB3bN_yMolnbIiaZZ2iBgBfpbFlah-K6GDqmnjCOfFXBBc7nPdACASCrsjnXmPlmUqKZyCDoY83TLePO-kp6kgZohc2m5cx6Uc-69SnvyTQpQwfsWr7bkCJkg31h/s1600/font.jpg" /></a></div>
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">الخطوط تعتبر لمسة جمالية للمدونات وأحيانا تكون ضرورة في بعض المدونات خصوصا التي يتم إستخدام الكتابات فيها بشكل كبير لكن غالبية الوافدين الجدد على بلوجر يجدون صعوبة في إيجاد وتركيب الخطوط وفي هذا الموضوع سنشرح كيفة إضافة الخطوط وكيفية تنسيقها وضبطها في المدونات كل ما نحتاجه بعض التركيز</span><br />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<a chref="http://cnmu.blogspot.com/p/preview.html?url=http://test-cnmu.blogspot.com/p/fonts.html" class="cnmubo" href="http://arab-zero.blogspot.com/2013/03/blog-post_1826.html#.UVfDcoFwr_E" style="background-image: -webkit-linear-gradient(top, rgb(243, 206, 166), rgb(249, 159, 85)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(200, 103, 0); color: black; font-weight: bold; line-height: 16px; padding: 4px 10px; text-decoration: initial;" target="_blank">معاينة حية للخطوط </a></div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">قد تأخذ المعاينة بعض الوقت حتى تظهر الخطوط وهي معلومه يجب ان نعرفها وهي ان الخطوط المضافة يتم تحميلها كملفات مفرده لذا لا تقوم بتركيب أكثر من خط حتى لا تثقل مدونتك , يجب ان نعلم ان كل خط يتكون من جزئين أساسيين الجزء الأول هو ملف الخط وهو عبارة عن كود به رابط يحوي ملفات الخط وهذا ستتم إضافته تحت الوسم </span><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><b><head></b></span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">الجزء الثاني وهو الوسم الخاص بتفعيل الخط وهذا ما سنستخدمه في القالب ليظهر الخط وسنتعرف اكثر في الموضوع حول طريقة الإستخدام</span><br />
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"> أول شئ تفعله هو إختيار كود الخط الذي يعجبك وركبه تحت الوسم </span><span style="background-color: white; color: red; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><b><head></b></span><br />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=477844892825172877" name="more" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; line-height: 21px;"></a><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: small;">Amiri</span></b></h3>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglkF10Z8aXx_BvA612HknLuj_2wW45IDHEs_zVbsD5Z8rNeksjyLkWdelerw48nq17kFLEqnY9YazQbEWGvjqhPzxNfRMLIQr9P5EqumXL4FYfRlqAt21EjI6c8dblVlGQUkWaWV5od0JF/s1600/amiri.jpg" style="max-width: 622px; padding: 0px;" /></div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
الكود</div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
وسم الخط <span style="color: blue;">font-family: 'Amiri';</span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: small;">Droid Arabic Kufi</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDdOKwamlJXfGQsBkcxVGnLd82IoqYD60hAM5ZWmu-4pXKZ8jSlsKpc35YhkmPITendHQS0dFxst7YEjbYO0o8XWPEyW02R6ScIOFbFpBQzBeD_wD5gb3HrNYu5RMdZ5rvzLn_EsowylvM/s1600/kufi.jpg" style="max-width: 622px; padding: 0px;" /></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
الكود</div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
وسم الخط <span style="color: blue;">font-family: 'Droid Arabic Kufi';</span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: small;">Lateef</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kJ7cTTM3bQ0XRPJ3uNs-Pqy2EJ_q_rd9zkQ8jtLNtfgfUH8-roP77s8wGkXsIG4pJ4eowfPk947kTW62sHbio4sM1AnJCV3g0MvxCd5MSQLrgBM-J6-Y4uF3SaR2A3GwsqgnO5r1JdS1/s1600/lateef.jpg" style="max-width: 622px; padding: 0px;" /></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
الكود</div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
وسم الخط <span style="color: blue;">font-family: 'Lateef';</span> </h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: small;">Scheherazade</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCZdN26434M1KR-4BjRH-R6vmpPf3FaXqdlAUa-voOvIFqXUScivTBjGmne1gTTytc0cimGNAFHQPxZn9aHShVHFNJmvwuuS8tD8Hz0Nf-D5aR7L2fsmFTalVfF97bK7fCkvWcjT9tUiaN/s1600/shehz.jpg" style="max-width: 622px; padding: 0px;" /></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
الكود</div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
وسم الخط <span style="color: blue;">font-family: 'Scheherazade';</span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<span style="font-size: small;">Thabit</span></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaZAAO7XJs2durP6HgHmij1ppmduq4s4jRJpFCkU4zxpOTpOwh_n6khNroUpiIEQCKhA7b-GmQiexJF20RjsTlhXz-2aq4cE6SPnn0XlSHCqEgvxq3ww6_Qp7lkyfyUdi3frIar0AVdKsh/s1600/thabt.jpg" style="max-width: 622px; padding: 0px;" /></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
الكود</div>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></blockquote>
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">وسم الخط </span><span style="background-color: white; color: blue; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><b>font-family: 'Thabit';</b></span><br />
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<br /></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
بعد ان ركبت كود الخط الذي يعجبك سنتعرف على طريقة إستخدامه وأين نضع وسم الخط</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
لتطبيق الخط على المدونة كلها سنبحث عن هذا الكود <b>body</b> سنجد بعده مباشرة هذا القوس { بعد هذا القوس او تحته</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
سنضيف وسم الخط إن وجدت تحت<b> body</b> اى وسم لخط آخر وستجده يحمل هذه الكلمة <b>font-family</b> قم بحذفه</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
طبعا لا تنسى أن تأخذ نسخة من قالبك لتجنب أى خطأ</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
قد تجد أن الخط يعمل مع بعض الاجزاء في القالب ومع بعض الأجزاء الأخرى لا يعمل </div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
والسبب يرجع الى أن الاجزاء الأخرى تم تخصيص خط آخر لها ولتعديلها يجب ان تبحث عن كل كلمة font-family وتستبدلها بوسم الخط وقد تكون بعدة صيغ فيجب ان تحدد الجزء مضبوط </div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
مثال</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
مثال <span style="color: #666666;"><b>font-family: Helvetica, sans-serif;</b></span> يجب ان تحدد من بداية الكود حتى نهايته وهو ينتهي بهذا الرمز <span style="color: red;"><b>;</b></span></div>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<span style="font-size: small;">أكواد لتنسيق الخط</span></h3>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
حجم الخط <b>font-size:10px;</b> قم بزيادة الرقم لزيادة الحجم</h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
جعل الخط سميك <b>font-weight:bold; </b></h4>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
لون الخط <b>color:#000000;</b> غير اللون بما تحب </h4>
<span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">وهذا مثال لكود body بالكامل أضفنا فيه الخط الأول وعدلنا السمك والحجم</span><br />
<blockquote class="tr_bq " style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
body {<br />
    background: #000;<b><span style="color: red;"><br />font-family: 'Amiri';</span></b><br />
<b><span style="color: red;">    color: #000;</span></b><br />
<b><span style="color: red;">font-size:18px;</span></b><br />
<b><span style="color: red;">font-weight:bold; </span></b><br />
    margin: 0;<br />
    text-align: center;<br />
}</blockquote>
<br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
أتمنى ان يكون الشرح واضح لكل من طلبه من زوارنا الكرام </div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
تحياتي للجميع</div>
<div>
<br /></div>
</div>

اضافات وأدوات بلوجر تركيب وتنسيق الخطوط لمدونات بلوجر

الخطوط تعتبر لمسة جمالية للمدونات وأحيانا تكون ضرورة في بعض المدونات خصوصا التي يتم إستخدام الكتابات فيها بشكل كبير لكن غالبية الوافدين ا...

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

مقارنه لبض الخطوط

9:59 م Unknown 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcqQKqWX_exIKaoyFdPIbS1af6bb8S_nkoYZqjh0lnzUSWknud2WrXi4PhHOUtq61BkxWExjbsDKSuMsaahJcqxJswEIInRBd_7wyG1vtHlGRErUx2RLrnLwktz4bMLzsu_RX6drbFQlCn/s1600/banerhg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcqQKqWX_exIKaoyFdPIbS1af6bb8S_nkoYZqjh0lnzUSWknud2WrXi4PhHOUtq61BkxWExjbsDKSuMsaahJcqxJswEIInRBd_7wyG1vtHlGRErUx2RLrnLwktz4bMLzsu_RX6drbFQlCn/s640/banerhg.jpg" width="640" /></a></div>
<br />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglkF10Z8aXx_BvA612HknLuj_2wW45IDHEs_zVbsD5Z8rNeksjyLkWdelerw48nq17kFLEqnY9YazQbEWGvjqhPzxNfRMLIQr9P5EqumXL4FYfRlqAt21EjI6c8dblVlGQUkWaWV5od0JF/s1600/amiri.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الكود</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></span></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
<span style="font-size: large;">وسم الخط <span style="color: blue;">font-family: 'Amiri';</span></span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: large;">Droid Arabic Kufi</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDdOKwamlJXfGQsBkcxVGnLd82IoqYD60hAM5ZWmu-4pXKZ8jSlsKpc35YhkmPITendHQS0dFxst7YEjbYO0o8XWPEyW02R6ScIOFbFpBQzBeD_wD5gb3HrNYu5RMdZ5rvzLn_EsowylvM/s1600/kufi.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الكود</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></span></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
<span style="font-size: large;">وسم الخط <span style="color: blue;">font-family: 'Droid Arabic Kufi';</span></span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: large;">Lateef</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kJ7cTTM3bQ0XRPJ3uNs-Pqy2EJ_q_rd9zkQ8jtLNtfgfUH8-roP77s8wGkXsIG4pJ4eowfPk947kTW62sHbio4sM1AnJCV3g0MvxCd5MSQLrgBM-J6-Y4uF3SaR2A3GwsqgnO5r1JdS1/s1600/lateef.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الكود</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></span></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
<span style="font-size: large;">وسم الخط <span style="color: blue;">font-family: 'Lateef';</span> </span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<b><span style="font-size: large;">Scheherazade</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCZdN26434M1KR-4BjRH-R6vmpPf3FaXqdlAUa-voOvIFqXUScivTBjGmne1gTTytc0cimGNAFHQPxZn9aHShVHFNJmvwuuS8tD8Hz0Nf-D5aR7L2fsmFTalVfF97bK7fCkvWcjT9tUiaN/s1600/shehz.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الكود</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></span></blockquote>
<h4 style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspjbggWm9uNrn5kPnZtVAaMmKPbVTjKTRdynttkhejGcWJduyTmLX5kOMnDQotqN3a3zTB_YtBswiAUocx6Qb8njxE_-WO9PAhwCcZOg1ln2cOvquvezib9s7cghKdawkJmAp8clKQNS/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding-right: 20px;">
<span style="font-size: large;">وسم الخط <span style="color: blue;">font-family: 'Scheherazade';</span></span></h4>
<h3 style="-webkit-box-shadow: rgb(85, 85, 85) 0px 2px 2px; background-color: #dddddd; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1Bhahcxn8f6Rhl0OMZRXLaFLS-cQEG-Svnt-fpjaWgHICtTQ18ZiCB4-W325WTYZC6sX_-Q1YkjPK7fQpiXSfsw7rR1OL4ZyOU_HYGKLjHJ5wjXcLgZMIIIfWxkiEWCXZY3tV5gHs3rs/I/menu%252520back.jpg); background-repeat: repeat repeat; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; font-family: 'Droid Arabic Kufi'; line-height: 21px; padding: 6px 10px 11px; text-align: center;">
<span style="font-size: large;">Thabit</span></h3>
<div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaZAAO7XJs2durP6HgHmij1ppmduq4s4jRJpFCkU4zxpOTpOwh_n6khNroUpiIEQCKhA7b-GmQiexJF20RjsTlhXz-2aq4cE6SPnn0XlSHCqEgvxq3ww6_Qp7lkyfyUdi3frIar0AVdKsh/s1600/thabt.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
</div>
<div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;">
<span style="font-size: large;">الكود</span></div>
<span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; background-color: #f2f2f2; border: 2px dotted rgb(216, 216, 216); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgba(0, 0, 0, 0.121569) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgba(0, 0, 0, 0.14902) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgba(0, 0, 0, 0.172549) 10px 10px 0px; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px;">
<span style="font-size: large;"><link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></span></blockquote>
<span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">وسم الخط </span><span style="background-color: white; color: blue; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><b>font-family: 'Thabit';</b></span></span><br />
<div>
<br /></div>
</div>

اضافات وأدوات بلوجر مقارنه لبض الخطوط

الكود <link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css...

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

للإعلان عن صفحتك

1:18 م Unknown 0

اخبار المدونه للإعلان عن صفحتك

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

صمم بنرات مدونتك بنفسك وبدون برامج

11:25 ص Unknown 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgsGqizMUtmSIiPY7Bqb-9EDCu_9kADVpsd-Q3je8kTrln1PXzPOTp8ZcavtXc7wzzDo4fcaMP2iKXjtdcO7L2uHC7Pkt3Vbrs9UQhcgsyZ13663Z81qCzyPk76KUMExQEIo_B3qe4cQr/s1600/banner+(0).gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgsGqizMUtmSIiPY7Bqb-9EDCu_9kADVpsd-Q3je8kTrln1PXzPOTp8ZcavtXc7wzzDo4fcaMP2iKXjtdcO7L2uHC7Pkt3Vbrs9UQhcgsyZ13663Z81qCzyPk76KUMExQEIo_B3qe4cQr/s1600/banner+(0).gif" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white; line-height: 21px;">هل تعبت من البحث عن أحد يصمم لك بانر لمدونتك هل قابلت كثير من الرفض أو تصميمات بشعة لا تتوافق مع ما تريد</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">الحل لدينا بإذن الله</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">من أهم الادوات التي تنتشر بها المدونات هي الإعلانات والتبادل الإعلاني ولا يتم ذلك إلا عن طريق بانر للمدونة وأغلب المدونين لا يملكون خبرة في التعامل مع برامج التصميم مثل الفوتوشوب Photoshop فيذهب للبحث عن من يساعده والمحترفين أعمالهم يقدمونها مدفوعة وغير المحترفين إما يقدم بانر جيد او يقدم بانر سئ والبانر هو عنوان المدونة فعندما يكون شكله جميل ولافت يجذب الناس ويظهر إحترافية أكثر للمدونة</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">فكرت أن البي طلبات البنرات عن طريق موضوع لكن أعلم أنني قد لا أستطيع تلبية أغلب الطلبات نظرا للوقت ولأن ايضا هذا النوع من الطلبات كثير ولكن لماذا أضيع وقتي ووقت الذي يطلب في ان ينتظر تلبية طلبه وجدت الحل في صنع نماذج جاهزه بالوان متعددة ينتقي كل شخص النموذج الذي يناسب مدونته ويصمم بنره بنفسه وحتى لا يلتزم أحد بتحميل برنامج كبير الحجم للتصميم</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">سأقدم شرح عن طريق صفحة الفوتوشوب الموجودة على المدونة</span><br style="background-color: white; line-height: 21px;" /><br style="background-color: white; line-height: 21px;" /><a href="" name="more" style="background-color: white; color: #8a0808; line-height: 21px;"></a><span style="background-color: white; line-height: 21px;">قمت بتصميم خمس مجموعات من البنرات</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">بالمقاسات الأكثر إستخداماً 468x60 125x125 150x60 </span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">بالألوان الاحمر والأخضر والأزرق والأصفر والرمادي</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">وهي الألوان الأساسية في كل المدونات تقريبا والتدرج اللوني للبرنات يتيح قابليتها في كل المدونات</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">وجعلت كل لون مجموعتين مجموعة بها لمسة فرشاه كجماليات إضافية ومجموعة بدون تلك اللمسات لمحبي البساطه ا</span><br style="background-color: white; line-height: 21px;" /><span style="background-color: white; line-height: 21px;">وهذه صورة لمجموعة البنرات</span><br style="background-color: white; line-height: 21px;" /></span><br />
<div class="separator" style="background-color: white; clear: both; line-height: 21px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-LrC744_DZRA/UP2JY-tpoJI/AAAAAAAAATc/Wnmb5S8k-ds/s1600/banner+%25281%2529.jpg" style="max-width: 622px; padding: 0px;" /></span></div>
<div style="background-color: white; line-height: 21px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span id="goog_608885072"></span><span id="goog_608885073"></span>تم إرفاق ثلاث خطوط عربية للكتابة بشكل أكثر جمالا</span></div>
<div style="background-color: white; line-height: 21px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ولإضافة الخطوط</span></div>
<div style="background-color: white; line-height: 21px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ننسخ الخطوط ثم >> ندخل لوحة التحكم Control panel ثم >> ندخل مجلد Fonts ثم نلصق به الخطوط</span></div>
<div style="background-color: white; line-height: 21px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div style="background-color: white; line-height: 21px; text-align: center;">
<a class="cnmubb" href="https://www.box.com/s/y12rru9so4emsaalzl9h" style="background-image: -webkit-linear-gradient(top, rgb(117, 156, 214), rgb(8, 1, 153)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(123, 122, 121); color: white; line-height: 16px; padding: 4px 10px; text-decoration: initial;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">تحميــل البنرات والخطوط</span></a></div>
<div>
<br /></div>
</div>

برامج صمم بنرات مدونتك بنفسك وبدون برامج

هل تعبت من البحث عن أحد يصمم لك بانر لمدونتك هل قابلت كثير من الرفض أو تصميمات بشعة لا تتوافق مع ما تريد الحل لدينا بإذن الله من أهم الا...

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

عرب زيرو

أكواد الألوان إختر اللون وإضغط Copy لنسخ الكود Color Picker

كن مدون نقطة البداية لإحتراف التدوين

الطريقة الصحيحة لإضافة وإستخدام خاصية إقرأ المزيد

تركيب وتنسيق الخطوط لمدونات بلوجر

مقارنه لبض الخطوط

للإعلان عن صفحتك

صمم بنرات مدونتك بنفسك وبدون برامج

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

أخر التعليقات

أرشيف المدونة الإلكترونية