صناديق صفحات الفيسبوك الجديدة 2015

<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/AVvXsEhkaNt7ZVXt67JTOCxem9vsYne7p7mnN6tBUkFudzXBJSIcyOJ7Uuls2Pev_Y47aJAP_9FEhbCSEombfGOz5eVsN41XZ5mZd3exSh74TqijI_69z_cEZdAQMCSKNpPoAuqunl2WYq3G78I/s1600/m+(4)%2Bcopy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkaNt7ZVXt67JTOCxem9vsYne7p7mnN6tBUkFudzXBJSIcyOJ7Uuls2Pev_Y47aJAP_9FEhbCSEombfGOz5eVsN41XZ5mZd3exSh74TqijI_69z_cEZdAQMCSKNpPoAuqunl2WYq3G78I/s640/m+(4)%2Bcopy.png" width="640" /></a></div><br />بتحديث جديد كلياً عن القديم بما أنه سيتم تعطيل الصناديق القديمة حسب ذكر فيسبوك إلى أن هاته الأخيرة جد أنيقة وخلابة بثلاثة أشكال مختلفة ولجميع المقاسات الشكل الأول: عبارة عن صندوق يتضمن المعجبين وصورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة. الشكل الثاني يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة إضافتاً إلى المقالات المطروحة. الشكل الثالث يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة فقط.. هذه الإعدادات تم إختياره من قبلي لكي أتيح لكم التنوع في الإختيار وكذلك حسب ذوقكم.<br /><br /><div style="background-attachment: scroll; background-color: #ecf0f1; background-image: none; background-position: 0% 0%; border-right-color: rgb(231, 80, 64); border-right-style: solid; border-width: 0px 10px 0px 0px; color: #333333; font-family: 'Droid Arabic Naskh', serif; font-size: 13px; font-stretch: inherit; font-weight: 600; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 7px 17px 7px 7px; vertical-align: baseline;"><span style="border: 0px; color: #e75040; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 24.0000019073486px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">شرح  طريقة التركيب</span></span></div><div style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">1. توجه إلى التخطيط </div><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"><span style="color: #333333;">2. أضف أداة </span><span style="color: #cc0000;">HTML/JAVASCRIPT</span></div><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">3. ضع بها الشكل المختار</div><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"><div style="font-family: 'Droid Arabic Naskh', serif; font-style: inherit; font-variant: inherit; line-height: 25px;"><span style="color: #333333;">4. غير </span><span style="color: #cc0000;">arabe4site </span><span style="color: #333333;">إلى إسم صفحتك.</span><br /><span style="color: #333333;"><br /></span></div><div class="separator" style="clear: both; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdtKcZ5-kwPc3YDmktZYBqXmKP7n1-csKXsRCvnvr1WyiqvelWaje79MVv65ZS92v7NnAzyKwSi348dLUQPvKgt03t_HHxsMu-ynZ2bU8XXfq8uis5OwKfrXtpOO4JP7n0OgDW_j_BMr0/s1600/1+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdtKcZ5-kwPc3YDmktZYBqXmKP7n1-csKXsRCvnvr1WyiqvelWaje79MVv65ZS92v7NnAzyKwSi348dLUQPvKgt03t_HHxsMu-ynZ2bU8XXfq8uis5OwKfrXtpOO4JP7n0OgDW_j_BMr0/s1600/1+(1).png" /></a></div><div style="font-family: 'Droid Arabic Naskh', serif; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;"><span style="color: #333333;"><br /></span></div><div><blockquote class="tr_bq "><div style="text-align: right;"><span style="color: #444444;"><div class="fb-page" data-href="https://www.facebook.com/arabe4site" data-width="</span><span style="color: #e69138;">300</span><span style="color: #444444;">" data-height="</span><span style="color: #38761d;">250</span><span style="color: #444444;">" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div></span><span style="color: #444444;"><div id="fb-root"></div></span><span style="color: #444444;"><script>(function(d, s, id) {</span><span style="color: #444444;">  var js, fjs = d.getElementsByTagName(s)[0];</span><span style="color: #444444;">  if (d.getElementById(id)) return;</span><span style="color: #444444;">  js = d.createElement(s); js.id = id;</span><span style="color: #444444;">  js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3";</span><span style="color: #444444;">  fjs.parentNode.insertBefore(js, fjs);</span><span style="color: #444444;">}(document, 'script', 'facebook-jssdk'));</script></span></div></blockquote><div style="font-family: 'Droid Arabic Naskh', serif; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;"><br /></div><div class="separator" style="clear: both; color: #333333; font-family: 'Droid Arabic Naskh', serif; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCrgZBBuQ81qXhBir9d8OKXzjkUtqxBXXwAozB1f0KYxElng4zrHiNwcsC299g9KXPYPDHm8g5AzHwz6EjtrjIxC-zU8nW-SBCzTlPQpgfIQnDKtgSjdXBGx_8duCgWtWYLmv3V5Ohn8o/s1600/1+(2).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCrgZBBuQ81qXhBir9d8OKXzjkUtqxBXXwAozB1f0KYxElng4zrHiNwcsC299g9KXPYPDHm8g5AzHwz6EjtrjIxC-zU8nW-SBCzTlPQpgfIQnDKtgSjdXBGx_8duCgWtWYLmv3V5Ohn8o/s1600/1+(2).png" /></a></div><div style="color: #333333; font-family: 'Droid Arabic Naskh', serif; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;"><br /></div><div><blockquote class="tr_bq "><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><div class="fb-page" data-href="https://www.facebook.com/a</span></span><span style="color: #444444; font-family: 'Droid Arabic Naskh', serif; line-height: 25px;">arabe4site</span><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><span style="color: #444444;">" data-width="</span><span style="color: #e69138;">300</span><span style="color: #444444;">" data-height="</span><span style="color: #38761d;">250</span><span style="color: #444444;">" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"></div></span></span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><div id="fb-root"></div></span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><script>(function(d, s, id) {</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">  var js, fjs = d.getElementsByTagName(s)[0];</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">  if (d.getElementById(id)) return;</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">  js = d.createElement(s); js.id = id;</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">  js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3";</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">  fjs.parentNode.insertBefore(js, fjs);</span></span><span style="color: #444444; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;">}(document, 'script', 'facebook-jssdk'));</script></span></span></blockquote></div></div><div><span style="color: #333333; font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNFvuxbOfsi_ZZXC6KQ9osd25KUmSSivfrGQ29nEvn5ny3CyZzx5gPDQyry-BLfctc02Qhqg8SN2cq3xFsBLRtiUJixc77n_hhyphenhyphen1vco9J4SuDKg8UlRx-R7e6-FJ3rPx708KMU0efeVVs/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNFvuxbOfsi_ZZXC6KQ9osd25KUmSSivfrGQ29nEvn5ny3CyZzx5gPDQyry-BLfctc02Qhqg8SN2cq3xFsBLRtiUJixc77n_hhyphenhyphen1vco9J4SuDKg8UlRx-R7e6-FJ3rPx708KMU0efeVVs/s1600/1.png" /></a></div><div><br /></div><div><blockquote class="tr_bq "><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><span style="color: #444444;"> <div class="fb-page" data-href="https://www.facebook.com/arabe4site" data-width="</span><span style="color: #e69138;">300</span><span style="color: #444444;">" data-height="</span><span style="color: #38761d;">250</span><span style="color: #444444;">" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div></span></span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;"><div id="fb-root"></div></span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;"><script>(function(d, s, id) {</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">  var js, fjs = d.getElementsByTagName(s)[0];</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">  if (d.getElementById(id)) return;</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">  js = d.createElement(s); js.id = id;</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">  js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3";</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">  fjs.parentNode.insertBefore(js, fjs);</span></span><br /><span style="font-family: Droid Arabic Naskh, serif;"><span style="color: #444444; line-height: 25px;">}(document, 'script', 'facebook-jssdk'));</script></span></span></blockquote><span style="color: #444444;"><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"></span></span></span><br /><div><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><br /></span></span></div><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"></span></span><br /><div><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"><span style="color: red;">*</span><span style="color: #333333;"> لتعديل العرض والطول ـ المحدد باللون الأصفر </span><b><span style="color: #f1c232;">300</span></b><span style="color: #333333;"> هو العرض ـ المحدد باللون الأخضر </span><b><span style="color: #6aa84f;">250</span></b><span style="color: #333333;"> هو الطول</span></span></span></div><span style="font-family: Droid Arabic Naskh, serif;"><span style="line-height: 25px;"></span></span></div></div></div></div></div>

صناديق صفحات الفيسبوك الجديدة 2015

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

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

اضافة صندوق الفيس بوك منبثق لمدونات بلوجر بمضهر جميل

<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/AVvXsEi_ZYY7nQOJdYV6mu0aByFYIwPvYcXwxJtkOsbTjDOTWHfMRlu1qcUiFR1fkqhLJkRGToOuKgiKAkdgBQjPe3LN_F53JmB7CUIxKRTDM5SVpYNy1Iy2V_mqSIAPUJoh8p5GeIWnJmmK/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A7%D9%84%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%85%D9%86%D8%A8%D8%AB%D9%82+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZYY7nQOJdYV6mu0aByFYIwPvYcXwxJtkOsbTjDOTWHfMRlu1qcUiFR1fkqhLJkRGToOuKgiKAkdgBQjPe3LN_F53JmB7CUIxKRTDM5SVpYNy1Iy2V_mqSIAPUJoh8p5GeIWnJmmK/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A7%D9%84%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%85%D9%86%D8%A8%D8%AB%D9%82+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" width="400" /></a></div> <br /> الكثير من اصحاب المدونات والمواقع يعتمد على نشر المواضيع عبر المواقع الاجتماعية لاشهار موقعة او مدونة على مستخدمين هذه المواقع واليوم سنحدث عن افضل اداة لاكبر موقع تواصل اجتماعى وهى <b><span style="color: #cc0000;">صندوق الفيس بوك منبثق</span></b> لاجبار الزائر بكل احترام على الاعجاب بصفحتك حيث تظهر هذه الاداة بصندوق جميل وانيق كما موضح بالصورة . باختصار للكلام اداة جميلة ولا غنى عنها.<br /> <br /> الان نتوجه الى التخطيط<br /> إاضافة اداة جديده<br /> قم بلصق الكود التالى واحفظ القالب ومبروك عليك الاضافة<br /> <br /> <blockquote class="tr_bq"> <!-- Brought to you by http://egy2web.blogspot.com/ --><br /> <style><br /> #fanback {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}<br /> #fan-exit {width:100%;height:100%;}<br /> #MorganAndMen {background:white;width:440px;height:270px;top:58%;left:63%;margin:-220px 0 0 -375px;<br /> -webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;<br /> -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;padding: 5px 25px 0px 0px;}<br /> #TheBlogWidgets {float:right;cursor:pointer;<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZuHrOFnDyNj9A6gtvh545VYPREEF6c0KO6qNAaAeJ7n8fJodH9y43cFLya9QbnYBAYcciE8Sggcgo5ki3O69KcQ3N0GM7AzIa3wfx-dF0l6vsJZdFxNPGLynLKc6K-zwbTdrpnP7-vB53/s1600/TheBlogWidgets.png) repeat;<br /> height:15px;padding:20px;position:relative;margin-top:-20px;z-index:10;display:none;}<br /> .remove-borda {height:1px;width:346px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}<br /> #linkit,#linkit a.visited,#linkit a,#linkit a:hover {color:#80808B;font-size:12px;margin: 0 auto 5px auto;float:center;left: 5px;}<br /> </style><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> jQuery.cookie = function (key, value, options) {<br /> // key and at least value given, set cookie...<br /> if (arguments.length > 1 && String(value) !== "[object Object]") {<br /> options = jQuery.extend({}, options);<br /> if (value === null || value === undefined) {<br /> options.expires = -1;<br /> }<br /> if (typeof options.expires === 'number') {<br /> var days = options.expires, t = options.expires = new Date();<br /> t.setDate(t.getDate() + days);<br /> }<br /> value = String(value);<br /> return (document.cookie = [<br /> encodeURIComponent(key), '=',<br /> options.raw ? value : encodeURIComponent(value),<br /> options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE<br /> options.path ? '; path=' + options.path : '',<br /> options.domain ? '; domain=' + options.domain : '',<br /> options.secure ? '; secure' : ''<br /> ].join(''));<br /> }<br /> // key and possibly options given, get cookie...<br /> options = value || {};<br /> var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;<br /> return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;<br /> };<br /> //]]><br /> </script><br /> <script type='text/javascript'><br /> jQuery(document).ready(function($){<br /> if($.cookie('popup_user_login') != 'yes'){<br /> $('#fanback').delay(20000).fadeIn('medium');<br /> $('#TheBlogWidgets, #fan-exit').click(function(){<br /> $('#fanback').stop().fadeOut('medium');<br /> });<br /> }<br /> $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });<br /> });<br /> </script><br /> <div id='fanback'><br /> <div id='fan-exit'><br /> </div><br /> <div id='MorganAndMen'><br /> <div id='TheBlogWidgets'><br /> </div><br /> <div class='remove-borda'><br /> </div><br /> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?<br /> href=<span style="color: #e69138;">http://www.facebook.com/egy2web</span>&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'<br /> style='border: none; overflow: hidden; margin-top: -19px; width: 410px; height: 235px;'></iframe><br /> <center><br /> <span id="linkit">Powered by <a href="http://egy2web.blogspot.com/"></a> - <a href="http://egy2web.blogspot.com/">Egy2ewb - admin - Mohammed ismail</a></span></center><br /> </div><br /> </div><br /> <!-- Facebook Popup Widget END. Brought to you by http://egy2web.blogspot.com/ --></blockquote> <br /> قم بتغيير الرابط <span style="color: #e69138;">http://www.facebook.com/egy2web </span> برابط صفحتك الخاص بك<br /> <span id="goog_1041083048"></span><span id="goog_1041083049"></span><br /></div>

اضافة صندوق الفيس بوك منبثق لمدونات بلوجر بمضهر جميل

الكثير من اصحاب المدونات والمواقع يعتمد على نشر المواضيع عبر المواقع الاجتماعية لاشهار موقعة او مدونة على مستخدمين هذه المواقع واليوم سن...

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

اضافة فتح الصور بصندوق LightBox

<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/AVvXsEjlaeoTSxYEYUPwMhhOv38CwNLRllJFvd4FS8n-u5w6VUJLDiqQjZqp15XMnBjdo2TbDDyopL2FZV1yoaZ-MPBQWEH5XaZYfevRJtBVH_HWDfRtxeLjBHHwNDyq59CaFVOAs4DmPxAk/s1600/lighbox+copy+copy2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlaeoTSxYEYUPwMhhOv38CwNLRllJFvd4FS8n-u5w6VUJLDiqQjZqp15XMnBjdo2TbDDyopL2FZV1yoaZ-MPBQWEH5XaZYfevRJtBVH_HWDfRtxeLjBHHwNDyq59CaFVOAs4DmPxAk/s1600/lighbox+copy+copy2.png" width="640" /></a></div> <br /> <h4 itemprop="name" style="text-align: right;"> اضافة فتح الصور بصندوق LightBox </h4> <span style="font-family: inherit;"><span style="background-color: white; line-height: 25px;">هذه التدوينة مخصصة للجميع أو بالأحرى من لا تتواجد لديهم خاصية تكبير الصورة التي تكون بداخل</span></span><br /> <span style="font-family: inherit;"><span style="background-color: white; line-height: 25px;"> الموضوع بمعنى عند الضغط على الصورة تظهر بصندوق وبحجمها الطبيعي أيضا تتيح لك إظهار صور أخرى بالموضوع ،</span></span><br /> <span style="font-family: inherit;"><span style="background-color: white; line-height: 25px;"> العديد من القوالب لا تتوفر لديهم هاته الخاصية وتوجد قليل من الشروحات لكن معقدة وفي الأغلبية لا تعمل ، والطريقة التي </span><span style="background-color: white; line-height: 25px;"> سأقدمها لكم هي سهلة وفعالة 100% </span></span><br /> <br /> <hidearticle id="ar1web-hide"> </hidearticle> <div style="text-align: center;"> <br /> <div style="background-color: white; border: 0px; font-stretch: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> <div style="border: 0px; color: #333333; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> <div style="background-attachment: scroll; background-clip: initial; background-color: #444444; background-image: none; background-origin: initial; background-position: 0% 0%; background-size: initial; border-right-color: rgb(26, 188, 156); border-right-style: solid; border-width: 0px 10px 0px 0px; color: #9e9e9e; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 7px 17px 7px 7px; text-align: right; vertical-align: baseline;"> <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #1abc9c; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;">شرح طريقة التركيب</span></span></span></div> </div> </div> </div> <br /> <div style="border: 0px; color: #333333; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #1abc9c; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><br /> </span></span></span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;">1 . توجه لقالب >> تحرير </span></span></div> <div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. ابحث بإستعمال </span><span style="border: 0px; color: #e06666; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CTRL+F</span><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> عن  </span><span style="border: 0px; color: #e06666; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b:skin/><[[</span></span></span></span></span></div> <div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;">3.<span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ضع الكود التالي قبله [ فوقه ]</span></span></span></span></span></div> <div style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></span></span><br /> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline;"> <pre style="background-attachment: initial; background-clip: initial; background-color: #e74c3c; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(207, 207, 207); border-style: solid; border-width: 0px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset; font-stretch: normal; margin: 0.5em 2em; outline: none; overflow: auto; padding: 0.5em 1em; text-align: left; vertical-align: baseline; word-wrap: normal;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 12px; font-stretch: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><code class="language-css" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="color: #f3f3f3; font-family: Consolas, Monaco, Andale Mono, Courier New, Courier, monospace;">/* CSS Image Lightbox Ar1web */ #jquery-overlay{position:absolute;top:0;left:0;z-index:95;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0} #jquery-lightbox a,#jquery-lightbox a:hover{border:none;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;max-width:100%!important;} #lightbox-container-image{padding:10px;} #lightbox-loading{display:none!important;} #lightbox-nav{position:absolute;top:25%;left:0;height:100%;width:100%;z-index:10} #lightbox-container-image-box > #lightbox-nav{left:0;transition:All 0.2s ease;} #lightbox-nav a{outline:none} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;transition:All 0.2s ease;} #lightbox-nav-btnPrev{left:10%;float:left;transition:All 0.2s ease;} #lightbox-nav-btnNext{right:10%;float:right;transition:All 0.2s ease;} #lightbox-container-image-data-box{font-size:10px;font-family: 'Open Sans',Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:hidden;max-width:100%!important;padding:0 10px;} #lightbox-container-image-data{padding:0 10px;color:#818d99} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left} #lightbox-image-details-caption{font-weight:normal} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em} #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}</span></code></span></span></span></span></span></span></span></pre> </div> </div> </div> <div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: Electrolize, ge_dinar_tworegular; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><br /> </span></span></span></span></div> <div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: Electrolize, ge_dinar_tworegular; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">4. ابحث عن </span><span style="border: 0px; color: #e06666; font-family: Electrolize, ge_dinar_tworegular; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"></body></span><span style="border: 0px; font-family: Electrolize, ge_dinar_tworegular; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> ضع الكود التالي فوقه</span></span></span></span></div> <div style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"></span></span></span></span><br /> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline;"> <pre style="background-attachment: initial; background-clip: initial; background-color: #e74c3c; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(207, 207, 207); border-style: solid; border-width: 0px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset; font-stretch: normal; margin: 0.5em 2em; outline: none; overflow: auto; padding: 0.5em 1em; text-align: left; vertical-align: baseline; word-wrap: normal;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 12px; font-stretch: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><code class="language-css" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="color: #f3f3f3; font-family: Consolas, Monaco, Andale Mono, Courier New, Courier, monospace;"><script src='https://ar1web-com.googlecode.com/svn/Hm/previewimg.js' type='text/javascript'/> </span></code></span></span></span></span></span></span></span></span></pre> </div> </div> <span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </span></div> <div class="ads-hm"> <ins class="adsbygoogle" data-ad-client="ca-pub-7467212656104397" data-ad-slot="8005757869" data-adsbygoogle-status="done" style="display: inline-block; height: 60px; width: 468px;"><ins id="aswift_2_expand" style="background-color: transparent; border: none; display: inline-table; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><ins id="aswift_2_anchor" style="background-color: transparent; border: none; display: block; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><br /></ins></ins></ins></div> </div>

اضافة فتح الصور بصندوق LightBox

اضافة فتح الصور بصندوق LightBox هذه التدوينة مخصصة للجميع أو بالأحرى من لا تتواجد لديهم خاصية تكبير الصورة التي تكون بداخل  الموضوع...

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

موقع عربى ربحى ينافس جوجل ادنسس

<div dir="rtl" style="text-align: right;" trbidi="on"> <h1 class="post-title entry-title" itemprop="name headline"> </h1> <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/AVvXsEhTX1R_IzqhWY41z7MrizmsBz-6Hk_2PATNweVDh5FBsplnk7GjXK52OfLym1jdkr1q0epGNoDZDqYumuiPU9pgkHZs39XCXDkvlOJyD0fiOVhJ3he9nVdbRW9O67r-y35_qSCAHaIRKPg/s1600/exarab-banner1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTX1R_IzqhWY41z7MrizmsBz-6Hk_2PATNweVDh5FBsplnk7GjXK52OfLym1jdkr1q0epGNoDZDqYumuiPU9pgkHZs39XCXDkvlOJyD0fiOVhJ3he9nVdbRW9O67r-y35_qSCAHaIRKPg/s1600/exarab-banner1.jpg" width="640" /></a></div> <br /> <span style="font-size: medium;">بالطبع الجميع يعلم <b>جوجل ادسنس</b> وشروطها التى اصبحت ثقيلة على اصحاب المواقع والمدونات وخاصة المدونات والمواقع المجانية </span><br /> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: medium;">إن كنت صاحب موقع او مدونة مجانية او مدفوعة وتهدف إلى <b>الربح من موقعك</b>، فبالتأكيد ستجد حلولًا لدى الكثير من الشركات، ولكن من الصعب الوثوق بأي شركة إعلانات بهذه السهولة، أو تجد شركة تقدم نماذج مختلفة لأسلوب عرض الإعلانات داخل موقعك.</span></span><br /> <br /> <h3 style="text-align: right;"> <span style="font-size: large;">موقع عربى ينا فس جوجل ادسنس </span></h3> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: large;"></span></span> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: medium;">من هنا انطلقت الشبكة العربية للإعلان </span><a href="http://adf.ly/sSe1j" target="_blank"><span style="font-size: large;">exarab</span></a></span><span style="background-color: white; font-family: HelveticaNeueLTn; font-size: xx-small; line-height: 28px; text-align: start;"> وهي شركة إعلانات عربية ناشئة، يديرها أشخاص كفؤ ولديهم خبرة كبيرة في هذا المجال بشهادتنا نحن في كيف تك، وتقدم هذه الشركة العديد من الأساليب والخيارات لوضع إعلانات في موقعك، أو لتُعلن عن موقعك في مواقع الآخرين.</span><br /> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: medium;"><br /></span></span> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: large;">اهم مميزات الموقع </span></span><br /> <span style="font-size: medium;"><br /></span> <br /> <ul style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; margin: 0px 25px 11.5px 0px; padding: 0px; text-align: start;"> </ul> <span style="font-size: medium;">وجميع هذه الأنواع من الإعلانات آمنة ولا تحتوي على مواقع مشبوهة ولا تتناسب مع المحتوى العربي.</span><br /><span style="text-align: start;"><span style="font-size: medium;">انه موقع عربى </span></span><br /><span style="font-size: medium;">ليس له شروط </span><br /><span style="font-size: medium;">موقع موثوق منه</span><br /> <br /> <br /> <br /> <b><span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; text-align: start;"><span style="font-size: medium;">شرح الموقع</span></span></b><br /> <br /> <div style="text-align: start;"> <span style="font-family: HelveticaNeueLTn; font-size: medium;"><span style="background-color: white; line-height: 28px;">يوجد قسمين بها </span></span></div> <div style="text-align: start;"> <span style="font-family: HelveticaNeueLTn; font-size: large;"><span style="background-color: white; line-height: 28px;"><br /></span></span></div> <div style="text-align: start;"> <span style="font-family: HelveticaNeueLTn; font-size: large;"><span style="background-color: white; line-height: 28px;">الاول الناشر </span></span></div> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtHGtN67O4SzjvwSmBC0S2KEkgtTezmp2AMmeUSxkFcXIvRsvXZ4k9JrOQfyxXwHlGC8LFShvvYLWrVWwaV_RMS6KndKMeJhXbpKfObR6tjFkREtuHVUNzmsya74kA61g0p97zOhI1LY/s1600/Ashampoo_Snap_2014.09.29_16h30m53s_002_.png" width="640" /></div> <div style="text-align: start;"> <span style="font-family: HelveticaNeueLTn; font-size: large;"><span style="background-color: white; line-height: 28px;">الثانى  المعلن</span></span></div> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuu4p15ZqtA-iEkAonseZf7j8fO5Bd3K98gi7ersupfw1angFrEX0h072Q6T82vfp5jV9YHng16W8H0k59aVVW5UqCK6bmkkawYFsqcJ_H8GSd2qgQdjibZzy5IOVhQ9LfyRj8cIFOU8c/s1600/Ashampoo_Snap_2014.09.29_16h30m24s_001_.png" width="640" /></div> <h4 style="text-align: right;"> <span style="font-size: large;">موقع عربى ينا فس جوجل ادسنس </span></h4> <div style="text-align: start;"> <span style="font-family: HelveticaNeueLTn;"><span style="background-color: white; font-size: 15px; line-height: 28px;"><br /></span></span></div> <div style="text-align: start;"> </div> <div style="text-align: start;"> <span style="background-color: white; text-align: center;"><span style="font-size: medium;">                                           </span></span><span style="background-color: white; color: #1fbcdd; font-family: 'Open Sans', Calibri, Candara, Arial, sans-serif; font-size: 32px; line-height: 1.1; text-align: center;">الخدمات للمعلن</span></div> <div> </div> <div style="text-align: start;"> </div> <div style="text-align: start;"> </div> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="180" src="http://exarab.com/ads/images/emtgr-service.jpg" width="640" /></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-size: medium;">كيفية التسجيل </span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://adf.ly/sSe1j" target="_blank"><span style="font-size: large;">اضغط هنا للتسجيل </span></a></div> <div class="separator" style="clear: both; text-align: right;"> <span style="font-size: medium;"><br /></span></div> <ul style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px; margin: 0px 25px 11.5px 0px; padding: 0px; text-align: start;"> <li><span style="font-size: medium;">في البداية يتوجب عليك الدخول إلى موقع الشبكة العربية للإعلان و<a href="http://adf.ly/sSe1j" style="-webkit-transition: all 0.25s ease-in; color: #00a6ff; text-decoration: none; transition: all 0.25s ease-in;" target="_blank">تسجيل حساب ناشر جديد</a> إن كنت من أصحاب المواقع وترغب بوضع إعلانات الشبكة لديك.</span></li> <li><span style="font-size: medium;">بعد تعبئة البيانات البسيطة المطلوبة والضغط على زر التسجيل، سيصلك بريد إلكتروني لتفعيل حسابك، قم بالضغط على الرابط الموجود بداخل البريد.</span></li> <li><span style="font-size: medium;">ومن ثم قم بتسجيل الدخول إلى حسابك بالاسم وكلمة المرور الذين اخترتهم.</span></li> <li><span style="font-size: medium;">بعد ذلك اضغط على زر “أضف منطقة إعلانية” لتتمكن من إنشاء نص برمجي خاص بالمنطقة الإعلانية التي ستضعها في موقعك وتبدأ الربح منها.</span></li> <li><span style="text-align: start;"><span style="font-size: medium;">ويمكنك بالتأكيد متابعة أرباحك اليومية بشكلٍ تفصيلي من الصفحة الرئيسية، وكذلك يمكنك متابعة الدفعات من الصفحة الخاصة بذلك.</span></span></li> <li><span style="font-size: medium;">أما في حال كنت ترغب باستخدام الشبكة للإعلان داخل المواقع الناشرة بإمكانك <a href="http://adf.ly/sSe1j" style="-webkit-transition: all 0.25s ease-in; color: #00a6ff; text-decoration: none; transition: all 0.25s ease-in;" target="_blank">التسجيل بحساب معلن جديد</a>.</span></li> </ul> <div class="separator" style="clear: both; text-align: center;"> <span style="font-size: medium;"><br /></span></div> <div style="text-align: start;"> <span style="font-size: medium;">ملاحظة</span></div> <div style="text-align: start;"> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px;"><span style="font-size: medium;"> يمكن لصاحب أي موقع الربح من موقعه واستلام الأرباح كل 15 يوم، بشرط أن تتجاوز الأرباح 5 دولار أمريكي، ويكون ذلك عن طريق باي بال، أما في حال أراد الناشر سحب الأرباح عبر ويسترن يونيون، فيمكنه ذلك مرّة واحدة شهريًا بعد تجاوز الأرباح 200 دولار أمريكي.</span></span></div> <div style="text-align: start;"> </div> <div style="text-align: start;"> <span style="background-color: white; font-family: HelveticaNeueLTn; line-height: 28px;"><span style="font-size: medium;">المصدر / تقنى </span></span></div> <div style="text-align: start;"> <span style="background-color: white; font-family: HelveticaNeueLTn; font-size: 15px; line-height: 28px;"><br /></span></div> </div>

موقع عربى ربحى ينافس جوجل ادنسس

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

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

خط Leon لتوقيعات

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <h3 style="text-align: center;"> </h3> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid5oG_1BlK6ANZ2GlDYcvWRDaIPOphbW0zX5YwsU2m_g2lPlYEoS5uo250Ca3Fg-q95AkQx0AQri1X7ptueq_MzwZ-5RC1HzdfEgXt9YDKrbodcg7DTfOATmVnvnIfAmSeMyzuvs86ZKc/s1600/LEON-FREE-TYPE.gif" width="640" /></div> <br /> <div style="text-align: center;"> <h3> خط اجنبي جديد 2014 لتواقيع </h3> </div> <div style="text-align: center;"> <h3> تصميم : <span style="color: #e06666;">Marcelo Reis Melo</span></h3> </div> <div style="text-align: center;"> <br /> <b>مصدر الخط : <a href="https://dribbble.com/shots/1713405-LEON-FREE-FONT-BY-MARCELO-REIS-MELO" target="_blank">Leon</a></b></div> <div style="text-align: center;"> <br /> <br /> <a href="https://dribbble.com/shots/1713405-LEON-FREE-FONT-BY-MARCELO-REIS-MELO" target="_blank"></a></div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <i><b><span style="color: blue;"><a class="flato-red-button" href="http://www.gulfup.com/?DXnqfA" target="_blank">تحميل الخط</a></span></b></i></div> </div> </div>

خط Leon لتوقيعات

خط اجنبي جديد 2014 لتواقيع  تصميم :  Marcelo Reis Melo مصدر الخط : Leon تحميل الخط

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

اضافة تسجيل الدخول والخروج بمدونة بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on"> <span class="awal"></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRER2e9TQwVbRWnQoKSJfOAcP2qBvNDBC0aUv57GcIA2arnN58542dp8F3poWLSZbd4xSXBwx8tViZveLkHYeqpeBFKpQfpFqyCNLkdD-iazQlPmKawQ4dmi2bDVhgKy6qaauClnH3/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D9%89+%D8%AA%D8%B3%D8%AC%D9%8A%D9%84+%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRER2e9TQwVbRWnQoKSJfOAcP2qBvNDBC0aUv57GcIA2arnN58542dp8F3poWLSZbd4xSXBwx8tViZveLkHYeqpeBFKpQfpFqyCNLkdD-iazQlPmKawQ4dmi2bDVhgKy6qaauClnH3/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D9%89+%D8%AA%D8%B3%D8%AC%D9%8A%D9%84+%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84.png" width="640" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <span class="awal"></span>جددا ومع الحصريات من إضافات الويب من ضمنها قوالب بلوجر أتيح لكم إضافة فريدة لإستخدام الدخول لحسابك<span style="color: #e06666;"> بجوجل</span> وذلك عن طريق الأداة بالضغط عليها وكتابة بريدك الإلكتروني سيوجهك لدخول لحسابك وأيضا زر خاص بالخروج من الحساب أي <span style="color: #3d85c6;">Deconnexion</span> مباشرة يقفل الحساب .. هذه الإضافة يمكن إستعمالها كتزيين للموقع أضفت إليها بعض التغيرات يمكنكم تجربة الأداة كاملة وبحرية تامة لإكتشاف طريقة عملها عبر المدونة التالية  <br /> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> <br /> <div style="background-attachment: scroll; background-color: #ecf0f1; background-image: none; background-position: 0% 0%; border-right-color: rgb(26, 188, 156); border-right-style: solid; border-width: 0px 10px 0px 0px; color: #9e9e9e; font-family: Electrolize, ge_ss_threeregular; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 24.0000019073486px; margin: 0px; outline: 0px; overflow: hidden; padding: 7px 17px 7px 7px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; color: #eeeeee; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: #1abc9c; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="-webkit-transition: color 0.2s; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">شرح طريقة تركيب الإضافة</b></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><br /> </span></span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></span></span></span></span><br /> <div style="font-family: inherit;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1. توجه للقالب >> تحرير</span></span></span></span></span></div> <div style="font-family: inherit;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></span></div> <div> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;">2. ابحث بإستعمال </span><span style="color: #e06666; font-family: inherit;">Ctrl+F</span><span style="font-family: inherit;"> عن </span><span style="color: #e06666;">]]></b:skin></span><span style="font-family: inherit;"> </span></span></span></span></span></span></div> <div style="font-family: inherit;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></span></div> <div style="font-family: inherit;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3. ضع الكود التالي فوقه </span></span></span></span></span></div> <div style="font-family: inherit;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></span></div> <div> <pre class="xml" dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #23241f; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(41, 128, 185); clear: both; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px; position: relative; text-align: left !important; vertical-align: baseline; word-wrap: normal;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #f9f9f9; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/* Css Admin Ar1web.com */ </span><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Consolas, Andale Mono, Courier, Courier New, monospace;"><span style="font-size: 12px; line-height: 15px;"><span style="color: #f9f9f9;">#adminblog{background: #F4836A;color: #fff!important;width:130px;border:none;font-size: 14px;font-family:</span><span style="color: #93c47d;">ge_ss_threeregular</span><span style="color: #f9f9f9;">;cursor:pointer;text-align:center;border:1px solid #e66f55;border-radius: 2px;padding:5px 0;position:absolute;top:10px;</span><span style="color: #f1c232;">right</span><span style="color: #f9f9f9;">:10px;transition:all .4s ease-in-out;} .fa-user:before {content: "\f007";margin-right: 5px;padding: 10px 10px;background: #5A4F4F;} #layoutlogin{background:#000;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999;display:none} #login{position:absolute;width:222px;height:auto;top:30%;left:50%;margin-left:-111px;font-family:Arial;z-index:100000;display:none} #loginbox{background:#fff;width:200px;padding:10px;display:none;position:absolute;top:62px;left:0;border:1px solid #ddd;border-radius: 2px;z-index:1;overflow:hidden;} #loginbox .emaillogin input.email {color: #777;padding: 10px;font-size: 14px;font-family:ge_ss_threeregular;width:89%;border:1px solid #ddd;border-radius: 2px;} #loginbox .emaillogin input:focus {outline: none;} #loginbox .emaillogin input.signin-btn{background: #F4836A;color: #fff!important;border:none;outline: none;width:100%;font-size: 14px;font-family:ge_ss_threeregular;cursor:pointer;border-radius: 2px;margin-top: 10px;padding: 11px;} #login1,#login2{color: #777;padding:5px 10px;font-size: 14px;font-family:ge_ss_threeregular;width:38%;display:none;text-align:center;background:#fff;border:1px solid #ddd;border-radius: 2px;position:absolute;top:38px;left:0px;cursor:pointer;transition:all .4s ease-in-out;} #login2{border-bottom:none;z-index:2} #Admin1,#Admin2{color: #777;padding:5px 0;font-size: 14px;font-family:ge_ss_threeregular;width:100%;text-align:center;background:#fff;border:1px solid #ddd;border-radius: 2px;position:absolute;top:0px;left:0px;cursor:pointer;transition:all .4s ease-in-out;} .logout{background: #F4836A;color: #fff!important;width:38%;font-size: 14px;font-family:ge_ss_threeregular;cursor:pointer;text-align:center;border:1px solid #e66f55;border-radius: 2px;padding:5px 10px;position:absolute;top:38px;right:-1px;transition:all .4s ease-in-out;} a.logout{text-decoration:none} #Admin1:hover,#login1:hover{background:#eee} .logout:hover,#adminblog:hover{background:#d56148}</span></span></span><span style="color: #f9f9f9; font-family: inherit;"><span style="font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;"> </span></span></span></span></span></span></span></span></span></span></pre> </div> <div style="font-family: inherit;"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></div> <div style="font-family: inherit; text-align: center;"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #f1c232;">*</span> المحدد باللون الأصفر لتغير الإتجاه إلى : <span style="color: #e06666;">left</span></span></span></span></span></div> <div style="font-family: inherit; text-align: center;"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></div> <div style="font-family: inherit; text-align: right;"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4. ابحث عن <span style="color: #e06666;"><body/></span> نضع الكود التالي فوقه </span></span></span></span></div> <div style="font-family: inherit; text-align: right;"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></span></div> <div style="text-align: right;"> <pre class="xml" dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #23241f; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(41, 128, 185); clear: both; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px; position: relative; text-align: left !important; vertical-align: baseline; word-wrap: normal;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #f9f9f9; font-family: Consolas, Andale Mono, Courier, Courier New, monospace;"><span style="font-size: 12px; line-height: 15px;"><div id='adminblog' onclick='document.getElementById(&apos;login&apos;).style.display=&apos;block&apos;;layoutlogin.style.display=&apos;block&apos;;adminblog.style.display=&apos;none&apos;;'>تسجيل الدخول<i class='fa fa-user'/></div> <div id='login'> <div id='Admin1' onclick='document.getElementById(&apos;login1&apos;).style.display=&apos;inline&apos;;logoutbox.style.display=&apos;inline&apos;;Admin1.style.display=&apos;none&apos;;Admin2.style.display=&apos;inline&apos;;'>الدخول</div> <div id='Admin2' onclick='document.getElementById(&apos;login1&apos;).style.display=&apos;none&apos;;logoutbox.style.display=&apos;none&apos;;Admin1.style.display=&apos;inline&apos;;Admin2.style.display=&apos;none&apos;;' style='display:none'>الرجاء الإختيار</div> <div id='login1' onclick='document.getElementById(&apos;loginbox&apos;).style.display=&apos;block&apos;;login1.style.display=&apos;none&apos;;login2.style.display=&apos;inline&apos;;logoutbox.style.display=&apos;none&apos;;'>تسجيل الدخول</div> <div id='login2' onclick='document.getElementById(&apos;loginbox&apos;).style.display=&apos;none&apos;;login1.style.display=&apos;inline&apos;;login2.style.display=&apos;none&apos;;logoutbox.style.display=&apos;inline&apos;;' style='display:none'>تسجيل الدخول</div> <div id='loginbox'> <div class='emaillogin'> <form action='https://accounts.google.com/ServiceLogin?service=blogger&amp;continue=https://www.blogger.com/home&amp;followup=https://www.blogger.com/home' method='post' onsubmit='onlogin()' target='_blank'> <input class='email' name='Email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;البريد الإلكتروني&quot;;}' onfocus='if (this.value == &quot;البريد الإلكتروني&quot;) {this.value = &quot;&quot;;}' type='text' value='البريد الإلكتروني'/> <input class='signin-btn' name='submit' onclick='document.getElementById(&apos;login&apos;).style.display=&apos;none&apos;;layoutlogin.style.display=&apos;none&apos;;adminblog.style.display=&apos;block&apos;;' type='submit' value='الولوج للحساب'/> </form> </div> </div> <div id='logoutbox' style='display:none'> <a class='logout' href='https://accounts.google.com/Logout?service=blogger' onclick='document.getElementById(&apos;login&apos;).style.display=&apos;none&apos;;layoutlogin.style.display=&apos;none&apos;;adminblog.style.display=&apos;block&apos;;' target='_blank'>تسجيل الخروج </a> </div> </div> <div style='clear:both'/> <div id='layoutlogin'/></span></span><span style="color: #f9f9f9; font-family: inherit;"><span style="font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;"> </span></span></span></span></span></span></span></span></span></pre> </div> <div style="font-family: inherit;"> <br /> <blockquote class="tr_bq"> <span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">بإمكانك حفظ العمل لتصبح لديك فريدة وخفيفة ومفيدة للبعض أي إستفسار لا تتردد في طرحة </span></span></span></span></blockquote> </div> </div> </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/AVvXsEi8DWbsklkA-eqjoesO_Epr6DtxKlH_VCfT7-GSjgZHRhnD9-iNNfFzUxrv-_rrSF9NmP5jQRehYsF6jZlmocelGniSV4yZ6sqiHnHjGrIrEYStzkFf5BSbEFMos7PinsXZZfVKIZGU/s1600/Snap_2014.12.20+01.58.16_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8DWbsklkA-eqjoesO_Epr6DtxKlH_VCfT7-GSjgZHRhnD9-iNNfFzUxrv-_rrSF9NmP5jQRehYsF6jZlmocelGniSV4yZ6sqiHnHjGrIrEYStzkFf5BSbEFMos7PinsXZZfVKIZGU/s1600/Snap_2014.12.20+01.58.16_001.png" width="400" /></a></div> <h3 style="text-align: center;"> </h3> <br /> <div style="text-align: center;"> دائما ما نبحث عن إضافات جديدة لموقعنا حتى إن تواجدت فلا بد أنك تفكر بتغييرها لتحديث أجمل وأفضل ، وهذا ما سنتطرق إليه في هذه التدوينة ، في إضافة زر صعود للأعلى وهو زر لا غنى عنه يسهل على المتصفح العودة لأعلى الصفحة بسهولة وسرعة تامة بشكل جميل </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <span style="color: red;">*</span> ملاحظة إذا كنت تتوفر على زر الصعود فلابد من حذفه أولا</div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> <h3 style="text-align: center;"> اضافة زر الصعود للأعلى</h3> <br /> <div style="background-attachment: scroll; background-color: #ecf0f1; background-image: none; background-position: 0% 0%; border-right-color: rgb(26, 188, 156); border-right-style: solid; border-width: 0px 10px 0px 0px; color: #9e9e9e; font-family: Electrolize, ge_ss_threeregular; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 24.0000019073486px; margin: 0px; outline: 0px; overflow: hidden; padding: 7px 17px 7px 7px; text-align: right; vertical-align: baseline;"> <span style="border: 0px; color: #eeeeee; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: #1abc9c; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="-webkit-transition: color 0.2s; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">شرح طريقة تركيب الإضافة</b></span></span></span></span></div> <div> <span style="border: 0px; color: #eeeeee; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: #1abc9c; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="-webkit-transition: color 0.2s; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"><br /> </b></span></span></span></span></div> <div> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></span></span></span></span><br /> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1. توجه لقالب >> تحرير </span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /> </span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. ابحث بإستعمال <span style="color: #e06666;">Ctrl+F</span> عن<span style="color: #e06666;"> <head/></span></span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /> </span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3. ضع الكود التالي فوقه</span></span></span></span></span></div> <div style="text-align: right;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /> </span></span></span></span></span></div> <div style="text-align: center;"> <span style="color: #741b47;"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">* الكود هو فقط لإظهار الأيقونة إذا كنت تتوفر عليه فلا داعي لإضافته</span></span></span></span></span></span></div> <div style="text-align: center;"> <span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /> </span></span></span></span></span></div> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <div dir="ltr" style="text-align: center;"> <pre class=" language-markup" style="text-align: left;" title="HTML"><span style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code class=" language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span>'//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span>'stylesheet'</span><span class="token punctuation">/></span></span></code></span></span></span></span></span></pre> </div> </blockquote> </blockquote> <div dir="ltr"> </div> </div> <div dir="ltr" style="text-align: left;"> </div> <br /> <div style="text-align: right;"> 4. ابحث عن <span style="color: #e06666;">]]></b:skin </span></div> <div style="text-align: right;"> </div> <div style="text-align: right;"> 5.  ضع الكود التالي فوقه </div> <blockquote> <blockquote class="tr_bq"> <div style="text-align: left;"> <pre class=" language-css" title="CSS"><code class=" language-css"><span class="token selector">.smoothscroll-top </span><span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span> <span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span> <span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span> <span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span>#2ba6e1<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span>47px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>44px<span class="token punctuation">;</span> <span class="token property">line-height</span><span class="token punctuation">:</span>44px<span class="token punctuation">;</span> <span class="token property">right</span><span class="token punctuation">:</span>25px<span class="token punctuation">;</span> <span class="token property">bottom</span><span class="token punctuation">:</span>-25px<span class="token punctuation">;</span> <span class="token property">padding-top</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span> <span class="token property">border-radius</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span> <span class="token property">transition</span><span class="token punctuation">:</span>all 0.5s ease-in-out<span class="token punctuation">;</span> <span class="token property">transition-delay</span><span class="token punctuation">:</span>0.2s<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.smoothscroll-top:hover </span><span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span>#3eb2ea<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span> <span class="token property">transition</span><span class="token punctuation">:</span>all 0.2s ease-in-out<span class="token punctuation">;</span> <span class="token property">transition-delay</span><span class="token punctuation">:</span>0s<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.smoothscroll-top.show </span><span class="token punctuation">{</span> <span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span> <span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span> <span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span> <span class="token property">bottom</span><span class="token punctuation">:</span>25px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.smoothscroll-top i.fa </span><span class="token punctuation">{</span> <span class="token property">line-height</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span> <span class="token punctuation">}</span></code></pre> </div> </blockquote> </blockquote> </div> <br /> 6. ابحث عن <span style="color: #e06666;"><body/></span><br /> <br /> 7.  ضع الكود التالي فوقه<br /> <blockquote> <blockquote class="tr_bq"> <div style="text-align: left;"> <span class="token operator"><</span>div class<span class="token operator">=</span><span class="token string">"smoothscroll-top"</span><span class="token operator">></span></div> <code class=" language-javascript"></code><br /> <div style="text-align: left;"> <code class=" language-javascript"><span class="token operator"><</span>span class<span class="token operator">=</span><span class="token string">"scroll-top-inner"</span><span class="token operator">></span></code></div> <code class=" language-javascript"> </code> <div style="text-align: left;"> <code class=" language-javascript"><span class="token operator"><</span>i class<span class="token operator">=</span><span class="token string">"fa fa-2x fa-arrow-circle-up"</span><span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>i<span class="token operator">></span></code></div> <code class=" language-javascript"> <div style="text-align: left;"> <span class="token operator"><</span><span class="token operator">/</span>span<span class="token operator">></span></div> <span class="token operator"><div style="text-align: left;"> <span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span></div> </span><span class="token operator"><div style="text-align: left;"> <span class="token operator"><</span>script type<span class="token operator">=</span><span class="token string">'text/javascript'</span><span class="token operator">></span></div> </span><span class="token comment" spellcheck="true"><div style="text-align: left;"> //<![CDATA[</div> </span><div style="text-align: left;"> $<span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> </div> <div style="text-align: left;"> $<span class="token punctuation">(</span>document<span class="token punctuation">)</span><span class="token punctuation">.</span>on<span class="token punctuation">(</span> <span class="token string">'scroll'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span></div> <div style="text-align: left;"> <span class="token keyword">if</span> <span class="token punctuation">(</span>$<span class="token punctuation">(</span>window<span class="token punctuation">)</span><span class="token punctuation">.</span>scrollTop<span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">></span> <span class="token number">100</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></div> <div style="text-align: left;"> $<span class="token punctuation">(</span><span class="token string">'.smoothscroll-top'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>addClass<span class="token punctuation">(</span><span class="token string">'show'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div> <div style="text-align: left;"> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span></div> <div style="text-align: left;"> $<span class="token punctuation">(</span><span class="token string">'.smoothscroll-top'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>removeClass<span class="token punctuation">(</span><span class="token string">'show'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div> <div style="text-align: left;"> <span class="token punctuation">}</span></div> <div style="text-align: left;"> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </div> <div style="text-align: left;"> $<span class="token punctuation">(</span><span class="token string">'.smoothscroll-top'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>on<span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">,</span> scrollToTop<span class="token punctuation">)</span><span class="token punctuation">;</span></div> <span class="token punctuation"><div style="text-align: left;"> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </div> </span><span class="token keyword"><div style="text-align: left;"> <span class="token keyword">function</span> scrollToTop<span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></div> </span><div style="text-align: left;"> verticalOffset <span class="token operator">=</span> <span class="token keyword">typeof</span><span class="token punctuation">(</span>verticalOffset<span class="token punctuation">)</span> <span class="token operator">!</span><span class="token operator">=</span> <span class="token string">'undefined'</span> <span class="token operator">?</span> verticalOffset <span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span></div> <div style="text-align: left;"> element <span class="token operator">=</span> $<span class="token punctuation">(</span><span class="token string">'body'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div> <div style="text-align: left;"> offset <span class="token operator">=</span> element<span class="token punctuation">.</span>offset<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div> <div style="text-align: left;"> offsetTop <span class="token operator">=</span> offset<span class="token punctuation">.</span>top<span class="token punctuation">;</span></div> <div style="text-align: left;"> $<span class="token punctuation">(</span><span class="token string">'html, body'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>animate<span class="token punctuation">(</span><span class="token punctuation">{</span>scrollTop<span class="token punctuation">:</span> offsetTop<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">600</span><span class="token punctuation">,</span> <span class="token string">'linear'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div> <span class="token punctuation"><div style="text-align: left;"> }</div> </span><span class="token comment" spellcheck="true"><div style="text-align: left;"> //]]></div> </span><span class="token operator"><div style="text-align: left;"> <span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span></div> </span></code></blockquote> <code class=" language-javascript"><span class="token operator"> </span></code></blockquote> <pre class=" language-javascript" title="Script"><code class=" language-javascript"><span class="token operator"> </span></code></pre> <div style="text-align: left;"> </div> </div>

اضافة زر الصعود للأعلى

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

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

اضافة مواضيع ذات صلة

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> أداة مواضيع ذات صلة من أهم الأدوات التى يجب على كل مدون يضيفها إلى المدونة خصوصًا إذا كانت تحتوى على مصغرات صور لما لها من أهمية كبيرة فى زيادة إحصائيات الموقع لأنها تمنح الزائر الذى يقرأ موضوع معين على موقعك فرصة لقراءة المزيد من الموضوعات عن نفس المجال التى ربما لم يلاحظها القارئ عند تصفح المدونة ولكن أداة مواضيع مشابهة ذات نفس التسمية تجعل الزائر يستفيد بأكبر قدر من المعلومات التى تعرضها فى موقعك . وبما اني سأقدم لكم شكلين فبإمكانكم معاينة الشكل الأول كالذي بالمدونة بالنزول قليلا اما الشكل الثاني فسنتعرف عليه بالصور<br /> <br /> <h3> اضافة مواضيع ذات صلة بشكليين </h3> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <span style="color: #741b47;"><b>الشكل الأول</b></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW3tHJwPp0mWh5_hyphenhyphenjmrMSyOjXuqmjO3141ABLFcfKDU05aRsQHMaGzTyfyYnfklBxBaKZYKMo8v758fPKGOYDZuCdKJ_8Hftmba4WCEPNvBlo7Zr2tHrREbTbV-kiCBFWUSlx7feg/s1600/Snap_2014.12.18+21.10.20_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW3tHJwPp0mWh5_hyphenhyphenjmrMSyOjXuqmjO3141ABLFcfKDU05aRsQHMaGzTyfyYnfklBxBaKZYKMo8v758fPKGOYDZuCdKJ_8Hftmba4WCEPNvBlo7Zr2tHrREbTbV-kiCBFWUSlx7feg/s1600/Snap_2014.12.18+21.10.20_002.png" width="400" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <span id="goog_1629858264"></span><span id="goog_1629858265"></span><br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <span style="color: #cc0000;"><b><br /></b></span></div> <div style="text-align: center;"> <span style="color: blue;"><b>الشكل الثاني</b></span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_qWiVZNWV6adpLXN1ATKkT5kv1rUuuGA6UPF9ZK17BQVf-7yQNKQvQrP7DjC8bSr2QGYH6nzPtCJ1YVTjKNdSBsnfRDSQMfAlqw0Cf1NSO1OdimthqeewgeAmBh8OHVW6r8qfIO-/s1600/Snap_2014.12.18+21.09.23_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM_qWiVZNWV6adpLXN1ATKkT5kv1rUuuGA6UPF9ZK17BQVf-7yQNKQvQrP7DjC8bSr2QGYH6nzPtCJ1YVTjKNdSBsnfRDSQMfAlqw0Cf1NSO1OdimthqeewgeAmBh8OHVW6r8qfIO-/s1600/Snap_2014.12.18+21.09.23_001.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <b><span style="color: #0b5394;"><br /></span></b></div> <div style="text-align: center;"> </div> <div style="background-color: white; border: 0px; color: #333333; font-family: Electrolize, ge_dinar_tworegular; font-size: 13px; font-stretch: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"> <div style="background-attachment: scroll; background-clip: initial; background-color: #ecf0f1; background-image: none; background-origin: initial; background-position: 0% 0%; background-size: initial; border-right-color: rgb(26, 188, 156); border-right-style: solid; border-width: 0px 10px 0px 0px; color: #9e9e9e; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 7px 17px 7px 7px; text-align: right; vertical-align: baseline;"> <div style="text-align: right;"> <span style="font-size: large;"><span style="color: purple;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #1abc9c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">شرح طريقة التركيب </span></span></span></span></div> </div> <div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </div> </div> <div style="background-color: white; border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1 . توجه لقالب >> تحرير </span></div> <div style="background-color: white; border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"> <span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. ابحث بإستعمال </span><span style="border: 0px; color: #e06666; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CTRL+F</span><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #e06666; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </span>عن :  </span></span></span></span></span></span></span></span></span><span style="border: 0px; color: #e06666; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">]]></b:skin></span></div> <div style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <span style="color: #333333;"><span style="line-height: 25px;">3. ضع الشكل المختار فوقه </span></span></div> <div style="background-color: white; border: 0px none; font-stretch: inherit; margin: 0px; outline: 0px none; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline;"> <span style="font-size: small;"><span style="color: purple;"><b>الشكل الأول</b></span></span></div> <blockquote class="tr_bq"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"> <pre dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #2f3741; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(64, 98, 126); border-style: solid; border-width: 1px 1px 1px 4px; font-stretch: normal; margin-bottom: 10px; margin-top: 10px; outline: none; overflow: auto; padding: 0.8em 1em; position: relative; text-align: left; vertical-align: baseline; word-wrap: normal;"><code class="css" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: none !important; display: block; font-stretch: inherit; margin: 0px; outline: none; padding: 0px !important; vertical-align: baseline;"><span style="color: #f3f3f3; font-family: Consolas, Andale Mono, Courier, Courier New, monospace;"><span style="font-size: 12px; line-height: 18.2000007629395px;">/* CSS Related Posts Ar1web */ #at-picture{background:#F9F9F9;padding:12px;margin:6px 0 0;border:1px solid #f2f2f2;overflow:hidden} #at-picture h2{font-family:Electrolize,ge_ss_tvbold;font-weight:700;font-size:15px;color: #e74c3c;} #at-picture a{background:#FFFFFF;font-family:Electrolize,ge_dinar_oneregular;color:#716F6F;box-shadow:0 2px 2px #f0f0f0;overflow:hidden;text-align:center;font-size:12px;font-weight:400;border:1px solid #f8f8f8;text-decoration:none;margin:0 7px 5px 0;padding:6px;float:right} #at-picture a img{width:100px;height:98px}.box-related{width:100px;padding-left:3px;height:50px;border:0 none;margin:0 0 5px;padding:0;line-height:normal;font-stretch:normal}#at-picture a:last-child{margin-right:0} #at-picture a:nth-child(1):hover{box-shadow:0 -3px 0 #E50700 inset}#at-picture a:nth-child(2):hover{box-shadow:0 -3px 0 #0084C5 inset}#at-picture a:nth-child(3):hover{box-shadow:0 -3px 0 #6CAC00 inset}#at-picture a:nth-child(4):hover{box-shadow:0 -3px 0 #00C3B7 inset}#at-picture a:nth-child(5):hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:nth-child(1):hover,#at-picture a:nth-child(2):hover,#at-picture a:nth-child(3):hover,#at-picture a:nth-child(4):hover,#at-picture a:nth-child(5):hover,#at-picture a:hover{background:#fff}#at-picture img{width:100%;margin:0;padding:0}#posting{width:auto!important;max-width:100%;margin:15px 20px 15px 0}</span></span></code></pre> </div> </div> </blockquote> <div style="border: 0px; color: #333333; font-size: 13px; font-stretch: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline;"> <span style="font-size: small;"><span style="color: blue;"><span style="line-height: normal;"><span style="font-family: inherit;"><b>الشكل الثاني</b></span></span></span></span></div> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <blockquote class="tr_bq"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"> <pre dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #2f3741; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(64, 98, 126); border-style: solid; border-width: 1px 1px 1px 4px; font-stretch: normal; margin-bottom: 10px; margin-top: 10px; outline: none; overflow: auto; padding: 0.8em 1em; position: relative; text-align: left; vertical-align: baseline; word-wrap: normal;"><span style="color: #f3f3f3; font-family: Consolas, Andale Mono, Courier, Courier New, monospace;"><span style="font-size: 12px; line-height: 18.2000007629395px;">/* CSS Related Posts Ar1web */ .related-post{margin:10px 0;} .titlehead{margin:0 4px 10px;font-size:15px;border-bottom:3px solid #ecf0f1;color:#E74C3C;font-weight:700;padding-bottom:2px;font-family:Electrolize,ge_ss_tvbold;} .titlehead span{border-bottom:3px solid #E74C3C;padding-bottom:4px;} .related-post{margin:1em auto 0;background: #F5F5F5;border: 1px solid #ddd;} .related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden;} .related-post-style-3 .related-post-item{float:right;width:299px;height:auto;margin:0 3px;margin-bottom:-993px;padding-bottom:999px;outline:0;} .related-post-style-3 .related-post-item:first-child{border-left:none;} .related-post-style-3 .related-post-item-thumbnail{max-width:none;max-height:none;padding:0;float:right;margin-right:10px;} .related-post-style-3 .related-post-item-title{font-weight:500;font-size:14px;margin-right: 10px;font-family: Electrolize,ge_dinar_oneregular;} div.rel-item-post{background:#FFF9E2;padding:8px;border:1px solid #EEDFB2;} div.rich-snippet{padding:7px 7px 20px;margin:10px 0;background:#eee;border-top:1px solid #DBDBDB;font-size:12px;color:#525252;line-height:1.6em;font-family: Electrolize,ge_ss_threeregular;border: 1px solid #DFDDDD;} div.st_share{margin:10px 0;} div.rich-snippet span{color:#727272;}</span></span></pre> </div> </blockquote> <div style="border: 0px; color: #333333; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"></span></div> <div style="border: 0px; color: #333333; font-family: Electrolize, ge_dinar_tworegular; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"> </div> </div> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; text-align: right; vertical-align: baseline;"> <div style="text-align: right;"> <span style="color: #333333; font-family: inherit; line-height: 25px;"><span style="border: 0px; font-stretch: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">4. ابحث عن <span style="border: 0px; color: #e06666; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><data:post.body/> </span></span><span style="background-color: transparent; border: 0px; font-stretch: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">ضع  بعده [ أسفل] </span></span><span style="color: #333333;"><span style="line-height: 24px;">الشكل المختار</span></span></div> <div style="text-align: right;"> <span style="background-color: transparent; color: #333333; line-height: 24px;"> </span><span style="background-color: transparent; color: red; line-height: 24px;">*</span><span style="background-color: transparent; color: #333333; line-height: 24px;"> ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود .. بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد ضع الكود بالمكان المناسب لك </span></div> </div> <div style="text-align: center;"> <span style="color: purple;"><span style="background-color: transparent; border: 0px; font-stretch: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="line-height: normal;">الشكل الأول</b></span></span></div> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;"> <div style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"> <pre dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #2f3741; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(64, 98, 126); border-style: solid; border-width: 1px 1px 1px 4px; font-stretch: normal; margin-bottom: 10px; margin-top: 10px; outline: none; overflow: auto; padding: 0.8em 1em; position: relative; text-align: left; vertical-align: baseline; word-wrap: normal;"><code class="css" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: none !important; display: block; font-stretch: inherit; margin: 0px; outline: none; padding: 0px !important; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 12px; font-stretch: inherit; line-height: 18.2000007629395px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="color: orange; font-family: Consolas, Andale Mono, Courier, Courier New, monospace;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></span></code><code class="css" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: none !important; color: #b0b1b8; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px !important; vertical-align: baseline;"><span style="border: 0px; color: #f3f3f3; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 18.2000007629395px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><script> var defaultnoimage = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguQb5ZFIcz1T1BMRW2ktej6ds9lX_HrSYB7GG4Sd8GIXr1N6lVh4qILFuiTra5JB0KsiuuZnEhFnIn_zlnefoQJ8xMqb_N7T_TQwLZmlTX-VAbe0Wf5cJLTA3UqlAMFesIOZK2peIpDRI/s100/picture_not_available.png&quot;; var maxresults = 5; var splittercolor = &quot;#d3d3d3 &quot;; var relatedpoststitle = &quot;تدوينات ذات صلة :&quot;; </script> <script src='https://ar1web-com.googlecode.com/svn/Hm/rehm.js' type='text/javascript'/> <div id='at-picture'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div></span></span></code><code class="css" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: none !important; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px !important; vertical-align: baseline;"><span style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 18.2000007629395px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="line-height: 18.2000007629395px;"><span style="color: orange;"></b:if></span></span><span style="color: #f3f3f3;"> </span></span></span></code></pre> </div> </div> </blockquote> <div style="text-align: center;"> <span style="color: blue;"><b></b></span></div> </blockquote> <div style="text-align: center;"> <b><span style="font-size: small;"><span style="color: blue;">الشكل الثانى</span></span></b></div> <blockquote class="tr_bq "> <div style="text-align: center;"> <br /></div> </blockquote> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <pre dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: #2f3741; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(70, 74, 84) rgb(70, 74, 84) rgb(70, 74, 84) rgb(64, 98, 126); border-style: solid; border-width: 1px 1px 1px 4px; font-stretch: normal; margin-bottom: 10px; margin-top: 10px; outline: none; overflow: auto; padding: 0.8em 1em; position: relative; text-align: left; vertical-align: baseline; word-wrap: normal;"><code class="css" style="background-attachment: initial !important; background-clip: initial !important; background-color: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: none !important; color: #b0b1b8; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px !important; vertical-align: baseline;"><span style="border: 0px; color: #f3f3f3; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 18.2000007629395px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><div class='related-post' id='related-post'/> <script type='text/javascript'> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop></b:if>]; var relatedPostConfig = { homePage: &quot;<data:blog.homepageUrl/>&quot;, widgetTitle: &quot;<h3 class='titlehead'><span>تدوينات ذات صلة:</span></h3>&quot;, numPosts: 6, summaryLength: 0, titleLength: &quot;auto&quot;, thumbnailSize: 65, noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;, containerId: &quot;related-post&quot;, newTabLink: false, moreText: &quot;Read More&quot;, widgetStyle: 3, callBack: function() {} }; </script> <script src='https://ar1web-com.googlecode.com/svn/Hm/related%20posts.js' type='text/javasc</span></span></code></pre> </blockquote> </blockquote> </blockquote> </div>

اضافة مواضيع ذات صلة

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

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