اضافة اخر المواضيع مع خيار التنقل - التالي والسابق والرئيسية

<div dir="rtl" style="text-align: right;" trbidi="on"> <br /> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> السلام عليكم ورحمة الله وبركاتة . </div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> اضافة اليوم في اخر اصدار لها مع خيار للتنقل بمعنى انه يتم عرض عدد معين من التدوينات عباره عن رابط ومختصر وصوره للموضوع واسفل الاداه خيار التنقل للامام او للخلف مع خيار اوسط بالرجوع لصفحة الاضافه الرئيسيه . </div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> الصوره المرفقه توضح شكل الاضافه </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrzX07BwkcQENHtJfPao0hGB_m7SgBk6k31_THjNkVEQjQHgvaruDON7rRJwaUkYpXUm123saguxyxAS4qe8iHjQ5Fdn3hN_VuRmjfen-xeAroziaxAKyDWd9WTZyPo0Hzb57oEiGbaZK/s1600/new+recen+posts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrzX07BwkcQENHtJfPao0hGB_m7SgBk6k31_THjNkVEQjQHgvaruDON7rRJwaUkYpXUm123saguxyxAS4qe8iHjQ5Fdn3hN_VuRmjfen-xeAroziaxAKyDWd9WTZyPo0Hzb57oEiGbaZK/s1600-rw/new+recen+posts.png" /></a></div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <br /></div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> والان الى شرح طريقة التركيب على مدونات بلوجر</div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> الاصدار الاخير من اضافة اخر المواضيع مع خيار التنقل الجديد : اول شئ نقوم بتسجيل الدخول الى لوحة تحكم بلوجر ثم الذهاب الي وضع تحرير HTML ثم الضغط على علامة توسيع القالب ومن ثم البحث عن الوسم التالي <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> </strong><span style="background-color: transparent; border: 0px; color: #cc0000; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ثم نضع قبله مباشرة الكود الموجود بالاسفل</span></span></div> <br /> <br /> <blockquote style="background-color: #f7f7f7; background-image: url(http://www.tqarob.com/wp-content/themes/tqarobmag/images/blockquote.png); background-position: 100% 3px; background-repeat: no-repeat no-repeat; border: 0px; color: #9b9b9b; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; outline: 0px; padding: 1px 35px 1px 0px; quotes: none; text-align: start; vertical-align: baseline;"> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #terbaru{margin:0px}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> .mas-elemen img{background:#999;padding:4px;float:left;height:<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">70px</span></strong>;margin-right:8px;width:<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">70px</span></strong>}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:300!important;margin:0;color:#111}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> .mas-elemen:hover{background-color:#c3c3c3}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjNcsW-3aNZ0gYygysXAzJCJcHl1wr7yYjZq8VuYtLv-JNIwnA_lxGaO4yyIGWi9nICYegUl0UXELQnA-2U7A0_r-fRn3FrpsJijod5Ul1_0_41C_kSJi00zuMx0DKdIEIRZyOtIQcc4/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed:hover{background-color:#c3c3c3}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed span{padding:5px 10px}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed .next{float:right}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed .previous{float:left}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed .home{text-align:center}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}</div> </blockquote> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> <span style="background-color: transparent; border: 0px; color: #cc0000; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">يعد ذلك نبحث مجددا عن هذا الوسم </span></span><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head> </strong><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ونضع قبلة مباشرة الكود التالي</span></span></div> <blockquote style="background-color: #f7f7f7; background-image: url(http://www.tqarob.com/wp-content/themes/tqarobmag/images/blockquote.png); background-position: 100% 3px; background-repeat: no-repeat no-repeat; border: 0px; color: #9b9b9b; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; outline: 0px; padding: 1px 35px 1px 0px; quotes: none; text-align: start; vertical-align: baseline;"> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <script type=’text/javascript’><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br />//<![CDATA[<br />var numfeed = 5;<br />var startfeed = 0;<br />var urlblog = "http://ezzeldin-ahmed.blogspot.com/";<br />var charac = 100;<br />var urlprevious, urlnext;</span></div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> function maskolisfeed(johny,banget){<br />var showfeed = johny.split("<");<br />for(var i=0;i<showfeed.length;i++){<br />if(showfeed[i].indexOf(“>”)!=-1){<br />showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(“>”)+1,showfeed[i].length);<br />}<br />}<br />showfeed =  showfeed.join(“”);<br />showfeed = showfeed.substring(0,banget-1);<br />return showfeed;<br />}<br />function showterbaru(json) {<br />var entry, posttitle, posturl, postimg, postcontent;<br />var showblogfeed = “”;<br />urlprevious = “”;<br />urlnext = “”;<br />for (var k = 0; k < json.feed.link.length; k++) {<br />if (json.feed.link[k].rel == ‘previous’) {<br />urlprevious = json.feed.link[k].href;<br />}<br />if (json.feed.link[k].rel == ‘next’) {<br />urlnext = json.feed.link[k].href;<br />}<br />}<br />for (var i = 0; i < numfeed; i++) {<br />if (i == json.feed.entry.length) { break; }<br />entry = json.feed.entry[i];<br />posttitle = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == ‘alternate’) {<br />posturl = entry.link[k].href;<br />break;<br />}<br />}<br />if (“content” in entry) {<br />postcontent = entry.content.$t;<br />} else if (“summary” in entry) {<br />postcontent = entry.summary.$t;<br />} else {<br />postcontent = “”;<br />}<br />if (“media$thumbnail” in entry) {<br />postimg = entry.media$thumbnail.url;<br />} else {<br />postimg = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqq8Rp90oc0wwiGFGtlCHo_MgLAa9-q0Dif6W6YSLDfuK49JEq_xrAyTxPRjbcoxYhEceCBt6l7EUaPeAtrMojqLZsHqfRqTKEkbZUID2WS-tbhexJqw07lamcrCZCs-DcCBCbuT0h_Obo/d/noimagethumb.gif”;<br />}<br />showblogfeed += “<div class=’mas-elemen’>”;<br />showblogfeed += “<a href=’” + posturl + “‘ target=’_blank’><img src=’” + postimg + “‘ /></a>”;<br />showblogfeed += “<h6><a href=’” + posturl + “‘>” + posttitle + “</a></h6>”;<br />showblogfeed += “<p>” + maskolisfeed(postcontent,charac) + “…</p>”;<br />showblogfeed += “</div>”;<br />}<br />document.getElementById(“terbaru”).innerHTML = showblogfeed;<br />showblogfeed = “”;<br />if(urlprevious) {<br />showblogfeed += “<a href=’javascript:navigasifeed(-1);’ class=’previous’>&#9668; السابق</a>”;<br />} else {<br />showblogfeed += “<span class=’noactived previous’>&#9668; السابق</span>”;<br />}<br />if(urlnext) {<br />showblogfeed += “<a href=’javascript:navigasifeed(1);’ class=’next’>التالي&#9658;</a>”;<br />} else {<br />showblogfeed += “<span class=’noactived next’>التالي&#9658;</span>”;<br />}<br />showblogfeed += “<a href=’javascript:navigasifeed(0);’ class=’home’>الرئيسية</a>”;<br />document.getElementById(“mas-navigasifeed”).innerHTML = showblogfeed;<br />}</div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> function navigasifeed(url){<br />var p, parameter;<br />if(url==-1) {<br />p = urlprevious.indexOf(“?”);<br />parameter = urlprevious.substring(p);<br />} else if (url==1) {<br />p = urlnext.indexOf(“?”);<br />parameter = urlnext.substring(p);<br />} else {<br />parameter = “?start-index=1&max-results=” + numfeed + “&orderby=published&alt=json-in-script”<br />}<br />parameter += “&callback=showterbaru”;<br />incluirscript(parameter);<br />}<br />function incluirscript(parameter) {<br />if(startfeed==1) {removerscript();}<br />document.getElementById(“terbaru”).innerHTML = “<div id=’mas-loading’></div>”;<br />document.getElementById(“mas-navigasifeed”).innerHTML = “”;<br />var archievefeed = urlblog + “/feeds/posts/default”+ parameter;<br />var terbaru = document.createElement(‘script’);<br />terbaru.setAttribute(‘type’, ‘text/javascript’);<br />terbaru.setAttribute(‘src’, archievefeed);<br />terbaru.setAttribute(‘id’, ‘MASLABEL’);<br />document.getElementsByTagName(‘head’)[0].appendChild(terbaru);<br />startfeed = 1;<br />}<br />function removerscript() {<br />var elemen = document.getElementById(“MASLABEL”);<br />var parent = elemen.parentNode;<br />parent.removeChild(elemen);<br />}<br />onload=function() { navigasifeed(0); }<br />//]]><br /></script><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></div> </blockquote> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> <br /></div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">  مع مراعاة تغيير <span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: 11px; line-height: normal;">http://ezzeldin-ahmed.blogspot.com</span> داخل الكود السابق برابط مدونتك </span>ثم نقوم بحفظ القالب والذهاب بعد ذلك الى عناصر تصميم الصفحه حيث تكمن الاضافات ونقوم بفتح اداه جديد من نوع جافا سكربت ونضع فيها الكود الموجود في الاسفل مع مراعاة ان يتم وضع الكود في المكان المرغوب ظهور الاضافه فيه ويستحب ان يكون في السايدبار اى القائمه الجانبيه</div> </div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <div id=”terbaru”></div></div> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <div id=”mas-navigasifeed”></div></div> </div> <div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;"> <div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> نقوم بعد ذلك بحفظ الاداه ومعاينة الصفحه الرئيسية للمدونه .. بالتوفيق للجميع .</div> </div> </div>

اضافة اخر المواضيع مع خيار التنقل - التالي والسابق والرئيسية

السلام عليكم ورحمة الله وبركاتة . اضافة اليوم في اخر اصدار لها مع خيار للتنقل بمعنى انه يتم عرض عدد معين من التدوينات عباره عن رابط ومخ...

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

طريقة اضافة أشكال الماوس على مدونات بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on"> <br /> <div dir="rtl" style="background-color: white; border: 0px; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFZRTNItorZOxeFAzBphgF1ytNx-S0NFli9fhCE8FJd3rZQprd8iuOo04ItktKcSFuO-GlMci6Jdck6IDn2APZOCn-4ZXChlWZi0C0w18qjIiIS-wYiM9i3iH_s_PoKlWDbV1OZu3fuRL/s1600/32412950mx5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFZRTNItorZOxeFAzBphgF1ytNx-S0NFli9fhCE8FJd3rZQprd8iuOo04ItktKcSFuO-GlMci6Jdck6IDn2APZOCn-4ZXChlWZi0C0w18qjIiIS-wYiM9i3iH_s_PoKlWDbV1OZu3fuRL/s320-rw/32412950mx5.jpg" width="320" /></a></div> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><br /></span></div> <div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on"> <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">باسم الله الرحمن الرحيم ,<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">السلام عليكم ورحمة الله  ,<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا شرح لطريقة <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">تغيير شكل مؤشر الماوس على مدونات بلوجر</b> <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">فهذه الطريقة تمكننا من تغيير شكل المؤشر حسب الرغبة وجعله مناسب لمحتوى المدونة  <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">نبدأ باسم الله تعالى :</span></span></span></span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">نذھب الى احد المواقع التي تعطي كود مؤشر مجاني لإختيار شكل مؤشر مناسب لمدونتنا ,<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #9a3300; font-family: TimesNewRoman, Bold; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا احد المواقع المجانية يوجد به الكثير من المؤشرات الجميلة</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="FR" style="border: 0px; margin: 0px; outline: none; padding: 0px;">,</span></span></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="FR" style="border: 0px; margin: 0px; outline: none; padding: 0px;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">الدخول للموقع من <a href="http://www.cursors-4u.com/" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">ھنا</a></span></span></b></span></span></span></span></span></span></b></span></span></span></span></span></span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div> <div dir="rtl" style="border: medium none; margin: 0px; outline: none; padding: 0px; text-align: center;" trbidi="on"> </div> <div align="right" dir="rtl" style="border: medium none; margin: 0px; outline: none; padding: 0px; text-align: center;" trbidi="on"> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;"> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم باختيار الشكل المناسب لنا ,على سبيل المثال اخترنا ھذا الشكل :</b></div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px;"> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;"> </div> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;"> <a href="http://www.m5zn.com/uploads/2010/10/25/photo/gif/102510181008bu1ltr70.gif" imageanchor="1" style="border: 0px; color: #006699; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" border="0" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/gif/102510181008bu1ltr70.gif" style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></a></div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;"> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;"> </div> </div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;"> </div> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">سوف نجد اسفل الشكل ضمن تبويب <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(Universal)</span> الكود الخاص بهذا المؤشر </b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم نسخه</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div style="border: 0px; margin: 0px; outline: none; padding: 0px;">  </div> </div> </div> </div> </div> </div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">بعد اختيار الشكل المناسب<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />نذھب الى مدونة بلوقر ونقوم بتسجيل الدخول لحسابنا<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />ثم بعد ذلك نذھب الى <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(لوحة التحكم الرئيسية)</span> ثم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(تصميم)</span> ثم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(تحر</span></b><b style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">ي</b><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">ر Html)</span></b></div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> </div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">  </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;"> </div> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم بتفعيل حقل <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(توسيع قوالب عناصر واجهة المستخدم)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"></span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div> </div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181010863809s9qo10zjp3wj.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" height="42" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181010863809s9qo10zjp3wj.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" width="320" /></a> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نضغط على <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(Ctrl+F)</span> ونبحث على ھذا الكود <body></b></div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"></b></div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181044ouj8aa3dpak3736urimz.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181044ouj8aa3dpak3736urimz.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" /></a> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div> </div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> </div> </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">  </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نقوم بلصق كود المؤشر الذي نسخناه من موقع <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><a href="http://www.cursors-4u.com/" target="_blank">cursors-4u</a></span></b></div> <div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="color: #4c4c4c;">مباشرة اسفل</span><span style="color: red;"> منه (تحته)</span></b></div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br /></div> </div> </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">  بعد ذلك نقوم بحذف الجزء الزائد من الكود وھو ليبل<span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"> (label)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"> اعلاني لموقع <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(<a href="http://www.cursors-4u.com/" target="_blank">cursors-4u</a>)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">يظهر في أعلى واجهة المدونة</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا ھو</b></div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> </div> </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181048xu1flr9ycszmr8xq8vlq.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181048xu1flr9ycszmr8xq8vlq.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" /></a></div> </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ملاحظة : الجزء الزائد عادتاً يبدأ مباشرة بعد</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><blockquote style="background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); margin: 10px; outline: none; padding: 10px;"> <div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><style/></span></b></div> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"></b></blockquote> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: black; margin: 0px; outline: none; padding: 0px;">فنقوم بتحديد كود الليبل الاعلاني و</span></span><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">نحذفه</span></b></div> </div> </div> <div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;"> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">بعد ما نقوم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">بحذف</span> الكود المحدد سابقا <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></b></div> </div> </div> <div style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نضغط على <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(حفظ القالب)</span> ليتم حفظ التغييرات.</b></div> <div> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><br /></b></div> </div>

طريقة اضافة أشكال الماوس على مدونات بلوجر

باسم الله الرحمن الرحيم , السلام عليكم ورحمة الله  , ھذا شرح لطريقة  تغيير شكل مؤشر الماوس على مدونات بلوجر   فهذه...

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