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

<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>

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

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

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

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

<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>

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

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

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

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

<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...

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

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

<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/AVvXsEhv7Bw60y1i-rM_KnxoaY4-hZM2HNwQfjLMaC6BppCCAzFL0HJrytNVXGZywuY-0ZTgePcvB2lrkcp6SE3l1B7wWVJ4fj3a5DAr6HoiRsuf0NYZmoJ7WoXPznU9q6ZlGPSlBwPrjTD8jLah/s1600/bghoot-(0).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7Bw60y1i-rM_KnxoaY4-hZM2HNwQfjLMaC6BppCCAzFL0HJrytNVXGZywuY-0ZTgePcvB2lrkcp6SE3l1B7wWVJ4fj3a5DAr6HoiRsuf0NYZmoJ7WoXPznU9q6ZlGPSlBwPrjTD8jLah/s640/bghoot-(0).jpg" width="640" /></a></div> <br /></div>

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

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

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

<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>

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

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

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

متصفح فايرفوكس Firefox مع إضافات تهم المدونين

<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/AVvXsEj1vly1iPAvqRqj_ND0jNULZoNawLs-xSd6ExNsQeQNFSFOGNh5qeYDuzaM3bBH4VuU-e_4eJzqrqWVJkYM_ZJHLW2Unvr1iNrC2ALUvwRcPu3tAdqqE7QZbCzKRWd7gyQbov9Wr-r72_ZY/s1600/Firfox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vly1iPAvqRqj_ND0jNULZoNawLs-xSd6ExNsQeQNFSFOGNh5qeYDuzaM3bBH4VuU-e_4eJzqrqWVJkYM_ZJHLW2Unvr1iNrC2ALUvwRcPu3tAdqqE7QZbCzKRWd7gyQbov9Wr-r72_ZY/s1600/Firfox.jpg" /></span></a></div> <br /> <div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <span style="font-size: large;">المتصفح العملاق موزيلا فايرفوكس Mozilla Firefox بأحدث إصداراته</span></div> <div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <span style="font-size: large;"> ومعه مجموعة من الإضافات التي تهم المدونين  Firefox add-ons for bloggers</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 style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <span style="font-size: large;"> <a class="cnmubb" href="http://www.mozilla.org/en-US/firefox/all.html" rel="nofollow" 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">تحميـــل</a></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 style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <b><span style="color: #3d85c6;"><span style="font-size: large;">ثم نبدأ في التعريف بالإضافات</span></span></b></div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/271/271839-64.png?modified=1353862739" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/271/271839-64.png?modified=1353862739" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة PageRank وهي إضافة مميزة تظهر ترتيب بيج رانك للصفحات وأيضا تظهر ترتيب اليكسا بدلا من الطرق المعتادة والمرهقة لمعرفة الترتيب</span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/pagerank/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank"> تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /><a href="" name="more" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; line-height: 21px;"></a></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/161/161778-64.png?modified=1353513398" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/161/161778-64.png?modified=1353513398" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><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;">إضافة Cutyfox طبعا لا يوجد مدون إلا ويحتاج أحيانا إلى إختصار الروابط ومسالة دخول مواقع الإختصار ونسخ الروابط ثم إختصارها تضيع وقت يمكن توفيره بسهولة مع تلك الإضافة فبضغطة زر تقوم بإختصار رابط الصفحة التي تتواجد فيها </span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/cutyfox-url-shortener-googl-is/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" style="color: #8a0808; text-decoration: initial;" target="_blank">تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14382-64.png?modified=1355648234" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14382-64.png?modified=1355648234" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة ZoomPage إضافة تتيح تكبير وتصغير الصفحات وتفيد من يستعرض صفحات كبيرة الحجم والفرق بينها وبين الإضافة المدمجة مع البرنامج انها تحتفظ بالمعطيات لكل موقع وأيضا أن نسبة التكبير تكون واضحة عليها</span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/zoom-page/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank"> تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1063-64.png?modified=1311362627" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1063-64.png?modified=1311362627" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة Paste Email إضافة تعطيق خيارات في قائمة كليك يمين يمكنك ان تخزن بها بريدك الإلكتروني روابط البنرات وروابط مدونتاك الاكواد التي تستخدمها كثيرا في تعديل قوالبك وبضغط زر يتم الصاق الكود الذي تختارة</span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/paste-email-original/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank"> تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/321-64.png?modified=1339129322" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/321-64.png?modified=1339129322" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة SearchStatus هذه الإضافة بها مجموعة خدمات مميزة كإظهار إحصائيات الروابط الداخلية والخارجية وإظهار الميتا تاج وإظهار خريطة المدونة والكلمات الدلائلية وغيرها</span><a href="https://addons.mozilla.org/en-US/firefox/addon/searchstatus/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-decoration: initial;" target="_blank"> <b>تركيب الإضافة</b></a><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/5/5648-64.png?modified=1361380094" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/5/5648-64.png?modified=1361380094" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة FireShot من لوازم التدوين الشروحات والإستدلال بالصور ولكن أحيانا نكون في إحتياج الى إلتقاط صورة سريعة وتعديلها ورفعها كل هذا لوفعلناه بالطريقة التقليدية سيأخذ وقت لكن مع هذه الإضافة العملاقة سيأخذ الأمر ثواني معدوده يمكنك مشاهدة فلاش عن طريقة عملها وإمكانياتها من </span><a href="http://getfireshot.com/demo.php" rel="nofollow" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-decoration: initial;" target="_blank"><b>هنــا</b></a><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">  ومن هنا </span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/fireshot/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank">تركيب الإضافة</a> </b></span><br /> <span style="font-size: large;"><b><br /></b></span> <span style="font-size: large;"><b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></b></span><br /> <div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14328-64.png?modified=1353881502" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14328-64.png?modified=1353881502" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة Rainbow Color Tools تساعد هذه الإضافة في الحصول على اكواد الألوان بضغطة زر</span><a href="https://addons.mozilla.org/en-US/firefox/addon/rainbow-color-tools/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="background-color: white; color: #8a0808; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-decoration: initial;" target="_blank"><b>تركيب الإضافة</b></a><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/60-64.png?modified=1354028408" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/60-64.png?modified=1354028408" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة Web Developer إضافة عملاقه بمعني الكلمة فهي تحتوي كم من الأوامر والمهام القوية جدا في مجال تطوير المواقع بشكل عام </span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank">تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1843-64.png?modified=1356112905" imageanchor="1" style="background-color: white; clear: right; color: #8a0808; float: right; font-family: 'Droid Arabic Kufi'; line-height: 21px; margin-bottom: 1em; margin-left: 1em; text-decoration: initial;"><span style="font-size: large;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1843-64.png?modified=1356112905" style="border-width: 0px; max-width: 622px; padding: 0px;" /></span></a><span style="font-size: large;"><span style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;">إضافة Firebug إضافة مميزة للمطورين تستخدم في تحرير الصفحات</span><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;"> ورصد أكواد الـ HTML ,CSs  </span><b style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank">تركيب الإضافة</a></b><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div class="separator" style="background-color: white; clear: both; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> </div> <span style="font-size: large;"><br style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px;" /></span><div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <span style="color: #674ea7;"><b><span style="font-size: large;">ولمن يرغب في ضم أى إضافة تخص تطوير المواقع وتهم المدونين يفيدنا برابطها أو إسمها في تعليق وسيتم ضمها للموضوع</span></b></span></div> <div style="background-color: white; font-family: 'Droid Arabic Kufi'; line-height: 21px; text-align: center;"> <b><span style="color: orange;"><span style="font-size: large;">دمتم في أمان الله</span></span></b></div> </div>

برامج متصفح فايرفوكس Firefox مع إضافات تهم المدونين

المتصفح العملاق موزيلا فايرفوكس Mozilla Firefox بأحدث إصداراته  ومعه مجموعة من الإضافات التي تهم المدونين  Firefox add-ons for blogge...

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

إضافة مواضيع ذات صلة من موقع LinkWithin وتخصيصها

<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/AVvXsEgIPfehBnjiep4KcIEjTBqKIkGmqv-_JMom7XACsmqUSMp4IkLDTU4AawRYNqIyV1ufztMp_3puMlQSrq9q8thhJV0xdeGnPvod9L_SmCEtF_gHsXJMafCdSHu9xPgqljFm3ihOXWGshRYS/s1600/LinkWithin+%25280%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPfehBnjiep4KcIEjTBqKIkGmqv-_JMom7XACsmqUSMp4IkLDTU4AawRYNqIyV1ufztMp_3puMlQSrq9q8thhJV0xdeGnPvod9L_SmCEtF_gHsXJMafCdSHu9xPgqljFm3ihOXWGshRYS/s1600/LinkWithin+%25280%2529.gif" /></span></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white; line-height: 21px;">مواضيع ذات صلة خدمة تهم كل أصحاب المواقع نظرا لمساهمتها في إبقاء الزائر أطول وقت ممكن وهناك عدة طريق لإضافة مواضيع ذات صلة منها عن طريق موقع LinkWithin وهو موقع متخصص في تقديم تلك الخدمة والفرق بين الإضافة عن طريقه والإضافات اليدوية هو أن الإضافة اليدوية تناسب اكثر المواقع الكبيرة التي تتعدى مواضيعها الـ 1000 موضوع وبها اقسام كثيرة أما المواقع ذات المحتوى القليل وطبيعي مدونات بلوجر محتوياتها ليست كبيرة في الغالب لذا تأتي إضافة LinkWithin بميزاتها أنها لا تبحث فقط عن القسم بل تبحث عن الكلمات الدلائلية الإضافة العادية لو كانت في قسم يحتوي موضوعين ستظهر الموضوعين فقط اما LinkWithin ستظهر الموضوعين وستكمل الخانات بمواضيع تحتوي كلمات مشابهه وبالتالي هي تتغير مع كل زيارة مما يتيح فرصة أكبر لبقاء الزائر</span></span><br /> <div style="background-color: white; line-height: 21px;"> </div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><a href="http://www.blogger.com/blogger.g?blogID=477844892825172877" name="more" style="background-color: white; color: #8a0808; line-height: 21px;"></a><br style="background-color: white; line-height: 21px;" /></span> <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; line-height: 21px; padding: 6px 10px 11px; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">طريقة إضافتها أدخل على الموقع  <a href="http://www.linkwithin.com/" rel="nofollow" style="color: #8a0808; text-decoration: initial;" target="_blank">linkwithin.com</a></span></h3> <div style="background-color: white; line-height: 21px;"> </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 class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rUciRvbOTX9dfxXpsckrYy_BmIUGuOVVqncZAKfigDIkj2i3_81r_1qT6jeBg93-OROppBcIDXrlNorZq9wU9aDidYN_eZfs5qxNCKfUKQ-ROt0f8bUUtS2ggA22N7f2NrQ06w9f3VgP/s1600/LinkWithin+%25281%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rUciRvbOTX9dfxXpsckrYy_BmIUGuOVVqncZAKfigDIkj2i3_81r_1qT6jeBg93-OROppBcIDXrlNorZq9wU9aDidYN_eZfs5qxNCKfUKQ-ROt0f8bUUtS2ggA22N7f2NrQ06w9f3VgP/s1600/LinkWithin+%25281%2529.gif" /></span></a></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 class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNyi95SJ-S6MLq0vgioenefdN8SdHajbsi2iVLymIDqVYxAb_E9sZo7qH2ldTOcNNchnIbv2J_Qwvjwx-hr4DTKEXMBPQy4OdbFNA9uoHnanML1KPNUygex1c5xJo3GxqlLyGAmtdlEb0-/s1600/LinkWithin+%25282%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNyi95SJ-S6MLq0vgioenefdN8SdHajbsi2iVLymIDqVYxAb_E9sZo7qH2ldTOcNNchnIbv2J_Qwvjwx-hr4DTKEXMBPQy4OdbFNA9uoHnanML1KPNUygex1c5xJo3GxqlLyGAmtdlEb0-/s1600/LinkWithin+%25282%2529.gif" /></span></a></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 class="separator" style="clear: both; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEDiwJYHYf6FjRFAayR5MozU1T7lleFxE8W4cr-cM-hDW_C8qECIFyeV385iHJIXsiOFTeqwF7YseALqu1nDjttmwPQprWsHjJx4luR_hMe9Fb20WdbQBaSFrtNtoCv6bfXk-gkMD6EJO/s1600/LinkWithin+%283%29.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEDiwJYHYf6FjRFAayR5MozU1T7lleFxE8W4cr-cM-hDW_C8qECIFyeV385iHJIXsiOFTeqwF7YseALqu1nDjttmwPQprWsHjJx4luR_hMe9Fb20WdbQBaSFrtNtoCv6bfXk-gkMD6EJO/s1600/LinkWithin+%283%29.gif" /></span></a></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-b1bLiDWtScCoQDj7Q-Zb4-uWLtoeQNjntpk1QQqanJxStyFBBxT6dCafb_dP9A0DFfape-DPuLahq95ApPY8Aye8QXkN4YZMG8g318Zh8xYSBEZ8TikGgixt1LeCpbiyl9oDORiBqwIU/s1600/LinkWithin+%25284%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-b1bLiDWtScCoQDj7Q-Zb4-uWLtoeQNjntpk1QQqanJxStyFBBxT6dCafb_dP9A0DFfape-DPuLahq95ApPY8Aye8QXkN4YZMG8g318Zh8xYSBEZ8TikGgixt1LeCpbiyl9oDORiBqwIU/s1600/LinkWithin+%25284%2529.gif" /></span></a></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;"> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">هكذا تم الإضافة بنجاح ولكن يبقى أن نضبط الآداة</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">سنجد الآداة تظهر في كل الصفحات مما سيجعل هناك ثقل لذا سنجعلها تظهر في صفحات المواضيع فقط</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أدخل على تحرير قالبك ولا تنسى النسخة الإحتياطية ثم علم على خانة توسيع العناصر</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ثم إبحث عن إسم الآداة والذي سيكون linkwithin إلا إن كنت غيرته</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">بعد أن نجده سنجد تحته هذا الكود<b><b:includable id='main'></b></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أضف بعده الكود التالي</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <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-family: Arial, Helvetica, sans-serif; font-size: large;"> <b:if cond='data:blog.pageType == &quot;item&quot;'></span></blockquote> </div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ثم سنجد بعد هذا الكود <b><data:content/></b></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أضف بعده </span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <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-family: Arial, Helvetica, sans-serif; font-size: large;"></b:if></span></blockquote> </div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">وهذه صورة توضيحية لشكل الكود قبل وبعد الإضافة</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfX9oULdQNkMSqmd81MHuFxLfOZj-Iz3HpHdvmtpKY4bCA5wvGydpXkOXCAl5RKIoT82yMjrYN3hM6TRbU1yQGQ5coRR-_oGq16n_mettuGYk0Sae3IfXRHtN8AAm6hwjt07JcX976U2c/s1600/LinkWithin+%25285%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfX9oULdQNkMSqmd81MHuFxLfOZj-Iz3HpHdvmtpKY4bCA5wvGydpXkOXCAl5RKIoT82yMjrYN3hM6TRbU1yQGQ5coRR-_oGq16n_mettuGYk0Sae3IfXRHtN8AAm6hwjt07JcX976U2c/s1600/LinkWithin+%25285%2529.gif" /></span></a></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">هكذا تمت الإضافة والضبط بشكل كامل </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); border: 1px solid rgb(187, 187, 187); box-shadow: rgb(85, 85, 85) 0px 2px 2px; padding: 6px 10px 11px;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أما من يريد تخصيص وتحسين شكل الإضافة يكمل الموضوع</span></h3> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">فوق الإضافة تظهر كلمة <b>You might also like</b> ولتغييرها</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">قم بالدخول لصفحة التخطيط وإختر الإضافة لتعديلها </span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">في أول كود الإضافة ستجد هذا الوسم <b><script></b></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">تحته مباشرة أضف الكود التالي وغير الكلمة بما يعجبك</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">linkwithin_text='<span style="color: blue;">شاهد أيضا هذه المواضيع</span> :'</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">بالنسبة لتعديل شكل الإضافة</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أدخل على تحرير القالب وفوق الوسم ]]></b:skin></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">أضف الكود التالي</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <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; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px; text-align: right;"> <div style="text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">.linkwithin_text {<br />color:<span style="color: blue;">#000</span>;<br />font-weight:bold;<br />font-size:22px;<br />height:20px;<br />line-height: .3em;<br />margin:-4px;<br />text-shadow: #bbbbbb 1px 1px 1px;<br />box-shadow: 0 1px 3px #999;<br />}</span></div> </blockquote> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">#000 هذا لون الكتابة غيره بما تشاء وهذا تغير بسيط لكنه يتناسب مع كل القوالب</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">اما من أراد تغيير قوي وهو كالموجود في صورة الموضوع فعليه بالكود التالي ولكن ملاحظة قد يصبح مشوه مع بعض القوالب</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <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; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px; text-align: right;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">#linkwithin_logolink_0 {<br />display:none;<br />}<br /><br />#lws_0 {<br />clear: both!important;   width:609px;  background:#F5F5F5;  padding-right:11px; margin: 5px 0 0 0!important;<br /> border:1px solid #DDDDDD;<br />}<br /><br />.linkwithin_text {<br />color:#000000;<br />font-weight:bold;<br />font-size:22px;<br />height:20px;<br />line-height: .3em;<br />margin:-4px;<br />text-shadow: #bbbbbb 1px 1px 1px;<br />}<br /><br />.linkwithin_posts a {background:#D7D5D5; border-bottom:1px solid #bbb;<br />box-shadow: 0 2px 2px #555;<br />-moz-box-shadow: 0 2px 2px #555;<br />-webkit-box-shadow: 0 2px 2px #555;}<br /><br />.linkwithin_posts a:hover {<br />background:#ffffff !important;<br />}<br />.linkwithin_img_0 {border: 3px solid #0000 ; border-radius:5px;<br />}</span></blockquote> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">وأخيرا للمحترفين الذين يمكنهم التلاعب بأكواد الستايل هذه قائمة الستايل الخاصة بالإضافة تلاعب بها كيفما شئت</span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div> <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; margin: 0px 25px 15px; max-height: 250px; overflow: auto; padding: 10px 20px 10px 15px; text-align: right;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">#linkwithin_logolink_0 {<br />display:none!important;<br />}<br />#linkwithin_logo_0 {display:none;}<br />#lws_0 {<br />clear: both!important;        margin: 0 0 20px 0!important;  <br />}<br /><br />.linkwithin_outer{<br />margin: 0 0 20px 0!important;  <br />}<br />.linkwithin_text {<br />color:#FF683F!important;<br />font-size:16px!important;<br />padding-bottom:5px!important;<br />}<br />.linkwithin_posts a {<br />background:#333333 !important;<br />border-right:1px solid #404040!important;<br />}<br />.linkwithin_posts a:hover {<br />background:#666666 !important;<br />}<br />.linkwithin_img_0 {<br />border: 2px solid #dddddd !important; padding:2px !important;  width:100px!important; height:100px!important;<br />}<br />.linkwithin_img_0:hover {<br />border: 2px solid #333333 !important; padding:2px !important;<br />}<br /><br />.linkwithin_title {<br />color:#ffffff !important;<br />font-family:'tahoma', sans-serif !important;<br />font-size:11px !important;<br />line-height:14px !important;<br />text-decoration: none;<br />border-top:1px solid  #ddd !important;<br />}<br />.linkwithin_title:hover {<br />border-top:1px solid  #333 !important;<br />}</span></blockquote> <div> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">دمتم في أمان الله</span></div> </div> </div> </div>

اضافات وأدوات بلوجر إضافة مواضيع ذات صلة من موقع LinkWithin وتخصيصها

مواضيع ذات صلة خدمة تهم كل أصحاب المواقع نظرا لمساهمتها في إبقاء الزائر أطول وقت ممكن وهناك عدة طريق لإضافة مواضيع ذات صلة منه...

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