tag:blogger.com,1999:blog-43319959317548139432024-03-13T03:44:57.367+00:00المدونة التعليمية للكومبيوترالمدونة التعليمية للكومبيوتر التي تضم احدث البرامج وشروحاتها وتعريبها ودورات لصنع مدونات بلوجر احترافية وإضافات البلوجر, وكذاك دروس عمل أسطوانة ويندوز شخصية ودروس احتراف الفوتشوب,دروس لغة البرمجة لمختلف أنواعها وشرح تصميم القوالب وغيرها من الدروس المهمة.Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.comBlogger141125tag:blogger.com,1999:blog-4331995931754813943.post-28162923604581810382015-03-26T18:31:00.002+00:002015-03-26T18:31:35.611+00:00أقوى 4 حواسيب مكتبية يمكن إقتنائها<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-inner">
<h3 dir="rtl" style="text-align: right;">
<span style="font-size: small;">تعرفنا من قبل على أفضل أجهزة حواسيب محمولة لكن يوجد من لا يحب العمل أو إستعمال الحواسيب المحمولة لأسباب كثيرة سوف أحاول أن أذكرها و أشرحها بالتفصيل في مقالاتي القادمة إنشاء الله،في هذه المقالة سوف نتعرف على أفضل أجهزة حواسيب مكتبية يمكن لأي شخص إمتلاكها!</span></h3>
<h3 dir="rtl" style="text-align: right;">
<span style="font-size: small;"><br /></span><a href="http://cdn1.pro3xplain.com/wp-content/uploads/2015/03/Untitled-16.png"><img alt="Untitled-1" class="wp-image-11139 aligncenter tie-appear" src="http://cdn1.pro3xplain.com/wp-content/uploads/2015/03/Untitled-16-300x176.png" height="258" width="440" /></a><br />1- حاسوب <strong>acer predator g3 605</strong> :</h3>
<h3 dir="rtl" style="text-align: right;">
<br /><img alt="359055-acer-predator-g3-ag3-605-ur3" class=" wp-image-11135" src="http://cdn3.pro3xplain.com/wp-content/uploads/2015/03/359055-acer-predator-g3-ag3-605-ur3-300x221.jpg" height="267" width="362" /><figure class="wp-caption aligncenter" id="attachment_11135" style="width: 362px;"><figcaption class="wp-caption-text" style="text-align: right;">حاسوب acer predator g3 605</figcaption></figure><br />يمتلك هذا الوحش معالج من نوع i7 على تردد 3.4 جيجا هيرتز مع 8 جيجا رام و 1تيرابايت من مساحة القرص الصلب و يحتوي على كارت شاشة من نوع <strong>Nvidia GeForce GTX 760</strong> و هذا ما يمكنك من تثبيت أي شيئ تريده من ألعاب و برامج،و يبلغ سعره <strong>993 دولار أمريكي</strong>!<center>
<ins class="adsbygoogle" data-ad-client="ca-pub-7194069832840514" data-ad-slot="1671105185" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"></ins></center>
2- حاسوب <strong>Alienware X51</strong> :</h3>
<h3 dir="rtl" style="text-align: right;">
<br /><a href="http://cdn3.pro3xplain.com/wp-content/uploads/2015/03/ALIENX51-I333-FB-R-unit.jpg"><img alt="ALIENX51-I333-FB-R-unit" class=" wp-image-11136" src="http://cdn3.pro3xplain.com/wp-content/uploads/2015/03/ALIENX51-I333-FB-R-unit-300x300.jpg" height="362" width="362" /></a><figure class="wp-caption aligncenter" id="attachment_11136" style="width: 362px;"><figcaption class="wp-caption-text" style="text-align: right;">حاسوب Alienware X51</figcaption></figure><br />كما عودت شركة <strong>Alienware</strong> محبيها فالحاسوب من ناحية الشكل الخارجي أكثر من رائع،و يحتوي على معالج من نوع i7 على تردد 3.9 جيجا هيرتز و 16 جيجا رام بالإضافة إلى مساحة القرص الصلب تصل إلى 1تيرابايت مع كارت شاشة NVIDIA GeForce GTX 760 تجلك تعيش في عالم آخر.<br />3- حاسوب <strong>Lenovo IdeaCentre</strong> :</h3>
<h3 dir="rtl" style="text-align: right;">
<br /><a href="http://cdn2.pro3xplain.com/wp-content/uploads/2015/03/306349-lenovo-ideacentre-k430-full-set.jpg"><img alt="306349-lenovo-ideacentre-k430-full-set" class=" wp-image-11137" src="http://cdn2.pro3xplain.com/wp-content/uploads/2015/03/306349-lenovo-ideacentre-k430-full-set-300x300.jpg" height="362" width="362" /></a><figure class="wp-caption aligncenter" id="attachment_11137" style="width: 362px;"><figcaption class="wp-caption-text" style="text-align: right;">حاسوب Lenovo IdeaCentre</figcaption></figure><br />في الوهلة الأولى نراه على أنه حاسوب عادي لكنه يخبأ الكثير من العتاد داخله،حيث على معالج من نوع i5 و رام تقدر بـ 8 جيجا مع كارت شاشة من نوع <strong>Nvidia GeForce GT 630 </strong>و 1 تيرابايت من مساحة التخزين و العجيب في الأمر أن سعره 600 دولار فقط،و لما نقارنه بأقرانه فسوف نجد أنه رخيص.<br />4- حاسوب <strong>Alienware Area-51</strong> :</h3>
<h3 dir="rtl" style="text-align: right;">
<br /><a href="http://cdn1.pro3xplain.com/wp-content/uploads/2015/03/alienwarearea-51-1920x1100.png"><img alt="alienwarearea-51-1920x1100" class=" wp-image-11138" src="http://cdn1.pro3xplain.com/wp-content/uploads/2015/03/alienwarearea-51-1920x1100-300x172.png" height="212" width="370" /></a><figure class="wp-caption aligncenter" id="attachment_11138" style="width: 370px;"><figcaption class="wp-caption-text" style="text-align: right;">حاسوب Alienware Area-51</figcaption></figure><br />كما تلاحظون في الصورة هناك تغيير كبير فالشكل خارق للعادة و جميل للغاية لكن الأمر لا يقتصر على الشكل فقط،حيث يحتوي على معالج من نوع i7 بتردد 3.9 جيجا هارتز و رام تقدر بـ 16 جيجا و بسعة تخزين 512 جيجا بايت و كارت شاشة NVIDIA GeForce GTX Titan Z،المشكلة الوحيدة التي أراها في هذا الحاسوب هي سعة التخزين فمقارنة بالعتاد الذي يحمله فهي لا شيئ لكن عدا ذلك فالحاسوب أكثر من رائع،و فيما يخص <a href="http://www.dell.com/us/p/alienware-area51-r2/pd?oc=dpcwc04p&model_id=alienware-area51-r2#overrides=dpcwc04p:8~512S4T">سعر الجهاز</a> يمكنكم تفقده بأنفسكم.</h3>
<div class="entry" dir="rtl" style="text-align: right;">
<span id="more-11124"></span><br />
<br />
<br />
<div class="e3lan e3lan-in-post1">
<center>
<ins class="adsbygoogle" data-ad-client="ca-pub-7194069832840514" data-ad-slot="1671105185" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"></ins></center>
</div>
</div>
<div class="share-post">
<div class="clear">
</div>
</div>
<div class="clear">
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/12188745591580031329noreply@blogger.com15tag:blogger.com,1999:blog-4331995931754813943.post-42440141221340298812014-01-10T14:19:00.000+00:002014-01-10T14:24:06.536+00:00إضافة اداة " تصفح المدونة بشكل افضل " بتقنية الـ CSS3 لمدونة بلوجر<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/AVvXsEgLMQO5Z4M4vrOfGCS0moJWy59M_Tq7ohFNhmisbMIDBBV3QvPAkAiwOjhP6r_AbW24R6Jaq05weSvAKqzqGyMJrDpBoGVVtQuR6zIaIOjtzLQUT-TYvbmgLQHspEAu5xZQ1mYDjo630Wg/s1600/Untitled-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="إضافة اداة " تصفح المدونة بدون مشاكل " بتقنية الـ CSS3 لمدونة بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMQO5Z4M4vrOfGCS0moJWy59M_Tq7ohFNhmisbMIDBBV3QvPAkAiwOjhP6r_AbW24R6Jaq05weSvAKqzqGyMJrDpBoGVVtQuR6zIaIOjtzLQUT-TYvbmgLQHspEAu5xZQ1mYDjo630Wg/s320/Untitled-2.png" height="283" title="إضافة اداة " تصفح المدونة بدون مشاكل " بتقنية الـ CSS3 لمدونة بلوجر" width="320" /></a></div>
<h4 style="text-align: center;">
<span style="color: red;">السلام عليكم ورحمة الله وبركاته</span></h4>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
اقدم لكم اليوم اضافة تصفح المدونة بدون مشاكل </div>
<div style="text-align: center;">
بتقنية css3 لتضيف الى مدونتك لمسة فنية</div>
<div style="text-align: center;">
اضافة جميلة ولا غنى عنها لاى مدون</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;"><u>صورة من الاضافة</u></span></div>
<div style="text-align: center;">
<img alt="إضافة اداة " تصفح المدونة بدون مشاكل " بتقنية الـ CSS3 لمدونة بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOgs7MBVKSUHO3IrnGmSX-oxLWZWRaPV5jqf1iE0qVwooHmdvw2whKZTMFEAq1egYSGr1i7h21pvFZk8W3PtzQeEdhEtQ4h3pw3ClbiccLMJkhdoo4T2h8ydCnsJZNCm5OdRJITtR41s0/s1600/Untitled-1.png" title="إضافة اداة " تصفح المدونة بدون مشاكل " بتقنية الـ CSS3 لمدونة بلوجر" /></div>
<div style="text-align: center;">
<br /></div>
<h4 style="text-align: center;">
<span style="color: #38761d;">طريقة التركيب</span></h4>
<div>
اذهب الى التخطيط--اضافة اداة--html/javascript</div>
<div>
اضافة هذا الكود</div>
<div>
<br /></div>
<div>
<blockquote class="tr_bq" style="background-color: #f8f8f8; border: 1px solid rgb(221, 221, 221); direction: rtl; margin: 0px 4px 0px 0px; outline: 0px; padding: 8px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;">
<div dir="ltr" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br />
<div dir="ltr" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #555555; font-family: tahoma; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20.796875px; margin: 0px; orphans: auto; outline: 0px; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<br />
<blockquote class="tr_bq" style="direction: rtl; text-align: right;">
<div dir="ltr" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="text-align: left;">
<h4>
<span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;"><center><div class="hovergallery"><a href="https://www.google.com/intl/ar/chrome/browser/" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/YLcCM.png"></a><a href="https://www.mozilla.org/en-US/firefox/new/?utm_source=firefox-com&amp;utm_medium=referral" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/pKuJG.png"></a><a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="http://im37.gulfup.com/Mo1Lg.png"></a></div></span></span><span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;"><style type="text/css"></span></span><span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;">/*Credits: Dynamic Drive CSS Library */</span></span><span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;">.hovergallery img{-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/-moz-transform:scale(0.8); /*Mozilla scale version*/-o-transform:scale(0.8); /*Opera scale version*/-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/-moz-transition-duration: 0.5s; /*Mozilla duration version*/-o-transition-duration: 0.5s; /*Opera duration version*/opacity: 0.7; /*initial opacity of images*/margin: 0 10px 5px 0; /*margin between images*/}</span></span><span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;">.hovergallery img:hover{-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/-moz-transform:scale(1.1); /*Mozilla scale version*/-o-transform:scale(1.1); /*Opera scale version*/box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/opacity: 1;}</span></span><span style="color: #888888; font-family: tahoma; font-size: x-small;"><span style="line-height: 20.78125px;"> </style><div class="hovergallery"> <a href='http://arabetutorial.blogspot.com' style='display: none;' rel='dofollow' >المدونة التعليمية للكمبيوترe.com/safari/" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/SxtCs.png"></a><a href="http://www.opera.com/ar/computer/windows" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="http://im37.gulfup.com/VDQ21.png"></a><a href="http://rockmelt.com/download" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/xrJcf.png"></a></div><style type="text/css"></style></center></span></span></h4>
</div>
</div>
</blockquote>
</div>
</blockquote>
<div dir="ltr" style="background-color: white; border: 0px; color: #555555; font-family: tahoma; font-size: 13px; line-height: 20.796875px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br style="margin: 0px; outline: 0px; padding: 0px;" /></b></div>
</div>
<div dir="ltr" style="background-color: white; border: 0px; color: #555555; font-family: tahoma; font-size: 13px; line-height: 20.796875px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<b>الى هنا نكون قد انتهينا اتمنى ان تعجبكم الاضافة</b></div>
<div dir="ltr" style="background-color: white; border: 0px; font-family: tahoma; font-size: 13px; line-height: 20.796875px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<b><span style="color: #555555;">مع تحياتى </span><span style="color: red;">اسلام محمد</span></b></div>
</div>
Anonymoushttp://www.blogger.com/profile/07395321075607850183noreply@blogger.com2tag:blogger.com,1999:blog-4331995931754813943.post-12991186239655148142013-09-06T03:37:00.000+01:002013-09-06T03:39:58.801+01:00أيقونات المواقع الاجتماعية بخمسة أشكال مختلفة وخصائص CSS3<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<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/AVvXsEjpIASBZCokdqt-JOHn7g0VUFZMbmY25I4M0RovcehcFNwQECOQMgB41lJe-QmpE9gkkSbXXuSYGbjHNND78Rnsnoc151k5MW4SfomJmxaOGo12DdFBsNHlyUiiHp24zmJ0Sdd-2RPP704/s1600/Spinning-Social-Media-Icons.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIASBZCokdqt-JOHn7g0VUFZMbmY25I4M0RovcehcFNwQECOQMgB41lJe-QmpE9gkkSbXXuSYGbjHNND78Rnsnoc151k5MW4SfomJmxaOGo12DdFBsNHlyUiiHp24zmJ0Sdd-2RPP704/s1600/Spinning-Social-Media-Icons.png" /></a></div>
أقدم لكم اليوم اخواني زوار ومتابعي المدونة التعليمية للحاسوب ، وفي موضوع جديد من مواضيع إضافات بلوجر ، أيقونات المواقع الإجتماعية بخمسة أشكال مختلفة وخصائص CSS3 .<br />
<div style="text-align: right;">
لإضافة احد هته الأيقونات تابع الشرح التالي :</div>
<div style="text-align: right;">
1- الذهاب إلى لوحة مدون .</div>
2- انقر على تخطيط > إضافة أداة إختر اضافة اداة HTML أو جافا سكريبت .<br />
قم بنسخ ولصق كود الأداة المراد إضافتها وأنقر على حفظ لتجد ان الاداة قد تمت اضافتها.<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
الأداة رقم الأولى :</div>
<div style="text-align: center;">
<br /></div>
</div>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-Email-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/Enter-YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/Enter-YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Google-Plus-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/Enter-YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Pinterest-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
كود الأداة :</center>
<blockquote class="tr_bq">
<center>
<span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;"><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FEED-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-EMAIL-RSS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-Email-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FACEBOOK-PAGE-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-TWITTER-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-GOOGLE-PLUS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-PINTEREST-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></span></center>
</blockquote>
<div style="text-align: center;">
الأداة الثانية :</div>
<div style="text-align: center;">
<br /></div>
</div>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/Enter-YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/Enter-YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Google-Plus-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/Enter-YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Pinterest-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
كود الأداة :
</center>
<center>
</center>
<blockquote class="tr_bq">
<center>
<span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;"><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FEED-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-EMAIL-RSS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FACEBOOK-PAGE-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-TWITTER-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-GOOGLE-PLUS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-PINTEREST-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: start; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></span></center>
</blockquote>
<blockquote class="tr_bq">
<center>
الأداة الثالثة :</center>
</blockquote>
</div>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Subscribe on Youtube"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/Enter-YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/Enter-YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Google-Plus-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/Enter-YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Pinterest-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
</center>
<center>
كود الأداة :</center>
<center>
</center>
<blockquote class="tr_bq">
<center>
<span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;"><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FEED-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Subscribe on Youtube" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-EMAIL-RSS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FACEBOOK-PAGE-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-TWITTER-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-GOOGLE-PLUS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-PINTEREST-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></span></center>
</blockquote>
<div style="text-align: center;">
الأداة الرابعة :</div>
<div style="text-align: center;">
<br /></div>
</div>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/Enter-YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/Enter-YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Google-Plus-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/Enter-YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Pinterest-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
</center>
<center>
كود الأداة :</center>
<blockquote class="tr_bq">
<center>
<span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;"><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FEED-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-EMAIL-RSS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FACEBOOK-PAGE-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-TWITTER-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-GOOGLE-PLUS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-PINTEREST-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></span></center>
</blockquote>
<div style="text-align: center;">
الأداة الخامسة : </div>
<div style="text-align: center;">
<br /></div>
</div>
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/Enter-YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Subscribe on Youtube"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/Enter-YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/Enter-YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/Enter-YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Google-Plus-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/Enter-YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Pinterest-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
كود الأداة :</center>
<center>
</center>
<blockquote class="tr_bq">
<center style="text-align: center;">
<span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;"><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FEED-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Subscribe on Youtube" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-EMAIL-RSS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-FACEBOOK-PAGE-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-TWITTER-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-GOOGLE-PLUS-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="</span><span style="border: 0px; color: #006600; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter-YOUR-PINTEREST-URL-HERE</strong></span><span style="background-color: whitesmoke; color: #666666; font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; font-size: 12px; line-height: 20px; text-align: left; white-space: pre;">" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></span></center>
</blockquote>
</div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-4331995931754813943.post-770164278229797612013-08-15T17:43:00.000+01:002013-08-15T17:43:14.508+01:00وأخيرا كورس تصميم قالب بلوجر من الصفر دورة كاملة مصورة بالفيديو + هدايا<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;">
تم وبحمد الله عمل نسخة كاملة . كما أنها بثمن مناسب جدا</div>
<div dir="rtl" style="text-align: right;">
من مميزات هاته النسخة كالتالي :</div>
<div dir="rtl" style="text-align: right;">
العمل على التصميم والتكويد والبرمجة .</div>
<div dir="rtl" style="text-align: right;">
العمل بقالب احترافي وأنيف ةاعي ما اقول ويمكنك معاينته من هنا.</div>
<div dir="rtl" style="text-align: right;">
العمل على 4 نماذح.</div>
<div dir="rtl" style="text-align: right;">
شرح الأكواد المهمة و تعمق أكثر.</div>
<div dir="rtl" style="text-align: right;">
تحتوي على هدايا كخطي الويب الأجمل على بلوجر.</div>
<div dir="rtl" style="text-align: right;">
وجود قالب احترافي xml.</div>
<div dir="rtl" style="text-align: right;">
ملحقات مع الدرورس.</div>
<div dir="rtl" style="text-align: right;">
عدد الفيديوهات 20.</div>
<div dir="rtl" style="text-align: right;">
الجودة Full HD 1080p.</div>
<div dir="rtl" style="text-align: right;">
الحجم الكامل للنسخة 700mb.</div>
<div dir="rtl" style="text-align: right;">
وصف ومقتطفات الكورس :</div>
<div dir="rtl" style="text-align: right;">
محتويات الكورس 20 درس إبتداءا من تجهيز الملحقات والبرامح المستعملة كالفوتوشوب مثلا، اول شيء سنقوم بعمل مدونة وتوفير التدوينات وتسميات إلى غير ذلك.</div>
<div dir="rtl" style="text-align: right;">
ثاني شيء سنقوم بحذف جميع اكواد القالب الافتراضي لتصبح صفحة التصميم على بلوجر خالية تماما وسنبدأ من الصفر، ثالث شيء سنلجأ إلى وضع بعض الأكواد التي عملتها بالملحقات ككود الترميز و و و... لتسهيل العمل عليكم ولقد قمت بعملها في ملف مستقل . رابعا سنبدأ بالتصميم والتكويد والبرمجة المباشرة على المنصة بدأ بــ :</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
التوزيع الكلي للقالب.</div>
<div dir="rtl" style="text-align: right;">
تخصيص الهيدر ( النافبار العلوية ، الشعار الأيمن ، الإعلان الأيسر و النافبار السفلية ).</div>
<div dir="rtl" style="text-align: right;">
العمل على القائمة الجانبية اليسري ( السايدبار ).</div>
<div dir="rtl" style="text-align: right;">
تخصيص احترافي لشكل التدوينات بالرئيسية مع اختصارها بإقرأ المزيد.</div>
<div dir="rtl" style="text-align: right;">
تخصيص المشاركات الشائعة بتصميم راقي.</div>
<div dir="rtl" style="text-align: right;">
تخصيص التسميات كشكل الميترو.</div>
<div dir="rtl" style="text-align: right;">
المرور إلى الفوتر وعمل استايل خاص به من ناحية التسميات والمشاركات الشائعة.</div>
<div dir="rtl" style="text-align: right;">
العودة إلى التدوينات لكن عبر تخصيصها من الداخل عبر تكويد وبرمجة نبذة عن الكاتب + تصميم خاص للتسميات + تصميم جميل وراقي للمواضيع ذات الصلة.</div>
<div dir="rtl" style="text-align: right;">
أخيرا تصميم راقي للتعليقات بشكل أكثر تناسبا مع القالب.</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
وفي الآخير أرجوا ان ينال إعجابكم وأن يزيد هذا الوصف حماسكم للتعلم وتذكر كم ستربح بعد هذا الكورس.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinSBcnflYx-ei3-oa5ejZJjADz1Gg6l76SMz-Ph8xyyHf8TzxGrNzhiJDrXBw8UdNASW0VyuE8GhuKIuLjJ4YoTpmvYqryv2N-0Xa1yRhybeQ-YiZv4D3UKMuNQ8O_2TJ_HHq8lv99-Xw/s1600/videos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinSBcnflYx-ei3-oa5ejZJjADz1Gg6l76SMz-Ph8xyyHf8TzxGrNzhiJDrXBw8UdNASW0VyuE8GhuKIuLjJ4YoTpmvYqryv2N-0Xa1yRhybeQ-YiZv4D3UKMuNQ8O_2TJ_HHq8lv99-Xw/s1600/videos.png" /></a></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
مقتطفات وصور للكورس :</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmI9E0wXmpSe-TT2UFwYKwsK6aN4X2bZrn_FrEw976gQ2uIRu317-w8d7SxdxSeT6V7tMqFXmZgaLYQm0wvCO7Q4HK_lVGDMms9RoHAAUwr6KgqUUuXA4ZrtNEqQs-3ZnzG93U92Vd84/s1600/imp1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmI9E0wXmpSe-TT2UFwYKwsK6aN4X2bZrn_FrEw976gQ2uIRu317-w8d7SxdxSeT6V7tMqFXmZgaLYQm0wvCO7Q4HK_lVGDMms9RoHAAUwr6KgqUUuXA4ZrtNEqQs-3ZnzG93U92Vd84/s1600/imp1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKVscDv1buM_cRPq4rvK5p5fOuUqpzS4BzwMHfSCU89pdhw9-stG9E8aUTfh7iXo7efof3qZB2aHiLmbmGKiBkMzkDuRTbyOocs4IbvTkpbQkcGumHz081cjYOdjVsupF5EktM5sRhyphenhyphen4/s1600/prin1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKVscDv1buM_cRPq4rvK5p5fOuUqpzS4BzwMHfSCU89pdhw9-stG9E8aUTfh7iXo7efof3qZB2aHiLmbmGKiBkMzkDuRTbyOocs4IbvTkpbQkcGumHz081cjYOdjVsupF5EktM5sRhyphenhyphen4/s1600/prin1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHUerHTSH_bisi8jBnWFwWt4RwmsDGfOVqQgtS2KwxFlsJyOKFoR8akz23kTjBpflw73dlrjXq-coLyyotReOaQ4qYyZnF9IMD1FTCq4mZie87iqrmESWgbS3jXXAHt3_gnpSr_w8rN3g/s1600/videos-rar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHUerHTSH_bisi8jBnWFwWt4RwmsDGfOVqQgtS2KwxFlsJyOKFoR8akz23kTjBpflw73dlrjXq-coLyyotReOaQ4qYyZnF9IMD1FTCq4mZie87iqrmESWgbS3jXXAHt3_gnpSr_w8rN3g/s1600/videos-rar.png" /></a></div>
<br />
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQpdIn5o_0ogNVpWX4AGmVmEHjZpdMWsMQoA7i3QS64_4TZCTUz8IPFwujJ4l8obgKthUUOcrIM5xHld_OB3XIo1qD4-QOcMlGlyBvSaY89fmIzmiwfYjV1QBAg1a-FXQVyPl1uSR97G4/s1600/gifts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQpdIn5o_0ogNVpWX4AGmVmEHjZpdMWsMQoA7i3QS64_4TZCTUz8IPFwujJ4l8obgKthUUOcrIM5xHld_OB3XIo1qD4-QOcMlGlyBvSaY89fmIzmiwfYjV1QBAg1a-FXQVyPl1uSR97G4/s1600/gifts.png" /></a></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
القالب الذي تم التطبيق عليه في الكورس والذي تم وضعه هدية مجانية أيضا<a href="http://my-blogtemplate.blogspot.com/" target="_blank"> للمعاينة من هنا</a></div>
<div dir="rtl" style="text-align: right;">
<span style="background-color: white; font-family: tahoma, arial; font-size: 13px; text-align: start;">الآن هاته الصور خير دليل على الجدية والكورس متعوب فيه والله والثمن عملته قليل لأن في الغالب من بجد صعوبة في توفير الثمن وأقدر ظرورف كل مسلم عربي والحمد لله اليوم أشعر بأنني عملت شيء جميل وحصري ويعرض لأول مرة عند العرب والأجانب الله أعلم ولانتسوا كلمة شكر حتى ولو ان الكورس بثمن لكن فقط تقديرا لأتعابي وهاته المبادرة الطيبة والسلام عليكم ورحمة الله تعالى وبركاته</span></div>
<div dir="rtl" style="text-align: right;">
<span style="background-color: white; font-family: tahoma, arial; font-size: 13px; text-align: start;"><br /></span></div>
<div dir="rtl" style="text-align: start;">
<span style="font-family: tahoma, arial;"><span style="font-size: 13px;"><a href="http://www.course4design.com/p/premium.html" target="_blank">المصدر</a></span></span></div>
<div dir="rtl" style="text-align: start;">
<span style="font-family: tahoma, arial;"><br /></span></div>
<div dir="rtl" style="text-align: start;">
<span style="font-family: tahoma, arial;"><a href="http://www.course4design.com/" target="_blank">الموقع الرئيسي للكورس</a> لشراء النسخة ب40 دولار</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com17tag:blogger.com,1999:blog-4331995931754813943.post-28581530526948649502013-07-23T19:14:00.000+00:002013-07-23T19:16:00.881+00:00هام : التبادل الإعلاني مفتوح سارع بحجز مساحتك<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div dir="rtl" style="text-align: center;">
كيفكم إخوتي الكرام</div>
<div dir="rtl" style="text-align: center;">
احسست أنني تأخرت كثيرا عن إلقاء الدروس المتنوعة والمفيدة خاصة في مجال التصميم</div>
<div dir="rtl" style="text-align: center;">
وهذا أول موضوع أعود به حول بدأ موسم جديد للنهض بالمدونة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
أول شيء وهو أنني أردت تغيير الإعلانات للمدونات التي تم التبدال معها مسبقا</div>
<div dir="rtl" style="text-align: center;">
وذلك لفتح المجال للآخرين بناءا على طلبات عديدة توصلت بها</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
الآن بإمكانك اخي الكريم التبدال الإعلاني معنا بناءا على الشروط التالية ويجب العمل بها واحترامها :</div>
<div dir="rtl" style="text-align: center;">
</div>
<ul dir="rtl" style="text-align: right;">
<li style="text-align: right;"><span style="color: #38761d;">ان تكون مدونتك لا تلمس الديانات السماوية</span></li>
<li style="text-align: right;"><span style="color: #38761d;">لن نقبل التبادل مع مدونات موسيقى وأفلام تحتوي على " "</span></li>
<li style="text-align: right;"><span style="color: #38761d;">تقدم لنا البنر الخاص بالإضافة إلى إسم ووصف ورابط مدونتك</span></li>
<li style="text-align: right;"><span style="color: #38761d;">سيتم وضع إعلانك لدينا بعد مراجعة مدونتك</span></li>
<li style="text-align: right;"><span style="color: #38761d;">أن يكون موقعك ذو ترتيب أليكسا أقل من مليون فقط</span></li>
<li style="text-align: right;"><span style="color: #38761d;">نقبل المدونات والمنتديات والمواقع التي تهتم بنفس مجالنا " التعليم التقني, التقنية والتكنولوجيا"</span></li>
</ul>
<div dir="rtl" style="text-align: center;">
في حال توفرت هاته الشروط</div>
<div dir="rtl" style="text-align: center;">
سيتم إمدادك بالبنر الخاص بنا ورابط موقعنا مباشرة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
للتواصل عبر حساب المدونة من هنا</div>
<div dir="rtl" style="text-align: center;">
<b><span style="color: #cc0000;">arabetutorial@gmail.com</span></b></div>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-4331995931754813943.post-28197999441519830432013-06-06T18:25:00.002+01:002013-06-06T18:25:52.061+01:00درس تصميم أزرار ويب احترافية خاصة بك بالـ css<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
كيفكم إخوتي الكرام بخير إن شاء الله</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
لقد احببت أن أقدم لكم دروس جميلة ومفيدة بالصوت والصورة من الآن فصاعدا</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
لكي يكون الفهم أسهل وأفضل بإذن الله</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
<b><span style="color: red;">درس تصميم أزرار ويب احترافية خاصة بك بالـ css</span></b></div>
<div dir="rtl" style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgDyTA74XFDMXRxB24rFjMwpmcPXyN1kseh_bs1_XZi9mZMy02IWNERHQUYRMXdhtAPzAWzyJ-PWGr6q2bVEy_Qtq_RfeAJvn0BlDxOVvcFXBfaniiMjWKIKiuib7FdKQCud6o0kSpTM/s1600/btnscreenshot.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgDyTA74XFDMXRxB24rFjMwpmcPXyN1kseh_bs1_XZi9mZMy02IWNERHQUYRMXdhtAPzAWzyJ-PWGr6q2bVEy_Qtq_RfeAJvn0BlDxOVvcFXBfaniiMjWKIKiuib7FdKQCud6o0kSpTM/s1600/btnscreenshot.PNG" /></a></div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
<div dir="rtl" style="text-align: center;">
درسنا اليوم هو درس بسيط لكن جميل وسيفيد البعض</div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
وخاصة لمن يريدون تغيير رابط التحميل عبر زر أجمل كما عملت انا</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="415" src="http://www.youtube.com/embed/cVsssEk9e3w" width="560"></iframe>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
أرجوا ان اتوفق في الشرح وينال إعجابكم وترقبوا المزيد ‘ن شاء الله حول تصميم إضافات بلوجر</div>
<div dir="rtl" style="text-align: center;">
لمن لايعرف كيفية إضافة مثل هاته الاعمال على بلوجر فل يخبرني وانا لن أبخل بالشرح</div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
لتحميل مثال للمعاينة</div>
<div dir="rtl" style="text-align: center;">
</div>
<br />
<div class="btn">
<a href="http://adf.ly/Q7PYe" target="_blank">تحميل الملف المرفق</a></div>
<br />
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
في انتظار تعليقاتكم أحبائي الكرام</div>
<div dir="rtl" style="text-align: center;">
تحياتي الخالصة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
والسلام عليكم ورحمة الله عالى وبركاته</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com12tag:blogger.com,1999:blog-4331995931754813943.post-30054976180342927532013-06-06T16:54:00.001+01:002013-06-06T16:55:29.982+01:00 درس عمل قائمة منسدلة بسيطة وجميلة لإضافتها إلى البلوجر الجزء الثاني<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
كفيفكم إخوتي الكرام درسنا اليوم وهو إتمام للدرس السابق</div>
<div dir="rtl" style="text-align: center;">
وضعته بسرعة ليكون الدرس كاملا</div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
<span style="color: red;"><span style="background-color: white; display: inline ! important; float: none; font-family: arial,sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; word-spacing: 0px;">درس عمل قائمة منسدلة بسيطة وجميلة لإضافتها إلى البلوجر الجزء الثاني</span></span></div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSx1mhrV4ZUvQzdTdGrR9zL_yIU7o2jadnvPsUMBxHJDYTKVcHkc4QEW_6gPYYJ2JSniqxFCx5zjJOrkh5tp7_eTm9CQQg6TZamsSiXn5oDZkXxjfYbBfZ0DzEoLDN1aJBQNaYuQB0jcU/s1600/dpd2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSx1mhrV4ZUvQzdTdGrR9zL_yIU7o2jadnvPsUMBxHJDYTKVcHkc4QEW_6gPYYJ2JSniqxFCx5zjJOrkh5tp7_eTm9CQQg6TZamsSiXn5oDZkXxjfYbBfZ0DzEoLDN1aJBQNaYuQB0jcU/s1600/dpd2.PNG" /></a></div>
</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;">من خلال هذا الدرس سوف نقوم بإنشاء قائمة منسدلة بسيطة وجميلة أي فقط لإيصال فكرة عملها ولكم الإبداع</span></div>
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;"> فيها إن شاء الله وإضافتها إلى مدوناتكم. </span><br />
</div>
<div dir="rtl" style="text-align: center;">
</div>
<iframe allowfullscreen="" frameborder="0" height="415" src="http://www.youtube.com/embed/N2ebDbiYa8k" width="560"></iframe><br />
<div dir="rtl" style="text-align: center;">
<br />
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;">لتحميل ملفات العمل للمعاينة او تطويرها بما يناسبكم</span><br />
</div>
<div dir="rtl" style="text-align: center;">
</div>
<center>
<a class="btn" href="http://adf.ly/Q7A7h" target="_blank">تحمــيل الملف</a></center>
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;"><br /></span></div>
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;">فرجة ممتعة وأرجوا ان ينال الدرس إعجابكم<br />
<br />
ولاتنسوا التعليق وانتظروا المزيد ^^<br />
<br />
والسلام عليكم ورحمة الله تعالى وبركاته </span></div>
<div dir="rtl" style="text-align: center;">
</div>
<div dir="rtl" style="text-align: center;">
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com6tag:blogger.com,1999:blog-4331995931754813943.post-16165966503626093862013-06-06T15:34:00.003+01:002013-06-06T16:55:12.043+01:00درس عمل قائمة منسدلة بسيطة وجميلة لإضافتها إلى البلوجر 1<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
بعد غيابي الطويل عنكم إخواني الكرام وبعد انتهاء فترة الإمتحانات الحمد لله</div>
<div dir="rtl" style="text-align: center;">
سأتفرغ إلى التدوين بشكل كلي إن شاء الله</div>
<div dir="rtl" style="text-align: center;">
كما أننا سوف نعدكم ببداية دروس جميلة ومفيدة ومصورة بالصوت لإيصال الفكرة بشكل أحسن</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
درسنا اليوم هو </div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
<span style="color: red;"><span style="background-color: white; display: inline ! important; float: none; font-family: arial,sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; word-spacing: 0px;">درس عمل قائمة منسدلة بسيطة وجميلة لإضافتها إلى البلوجر الجزء الاول</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div dir="rtl" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPK7nqO5YyGiFXa95k_lBpH764l7cTSzFy3_9nUaudz1ouHq0cWaZZiyVgnaL2WLHSN6h7GJoYvF9rZ7k5WU-_jwbita_QlN54QIBHij09stted3RaerQsW_5sVMaehIeQ7W_U1af3UE/s1600/dpd1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPK7nqO5YyGiFXa95k_lBpH764l7cTSzFy3_9nUaudz1ouHq0cWaZZiyVgnaL2WLHSN6h7GJoYvF9rZ7k5WU-_jwbita_QlN54QIBHij09stted3RaerQsW_5sVMaehIeQ7W_U1af3UE/s1600/dpd1.PNG" /></a></div>
<br />
<br /></div>
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;">من خلال هذا الدرس سوف نقوم بإنشاء قائمة منسدلة بسيطة وجميلة أي فقط لإيصال فكرة عملها ولكم الإبداع</span></div>
<div dir="rtl" style="text-align: center;">
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: nowrap; widows: auto; word-spacing: 0px;"> فيها إن شاء الله وإضافتها إلى مدوناتكم.</span></div>
<div dir="rtl" style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="415" src="http://www.youtube.com/embed/32MbxGwaCko" width="560"></iframe>
<br />
<br />
وإلى الجزء الثاني من الدرس وسيكون مصحوب بملفات القائمة لمعاينة العمل<br />
<br />
فرجة ممتعة وأرجوا ان ينال الدرس إعجابكم<br />
<br />
ولاتنسوا التعليق وانتظروا المزيد ^^<br />
<br />
والسلام عليكم ورحمة الله تعالى وبركاته</div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com8tag:blogger.com,1999:blog-4331995931754813943.post-27063971643013597262013-06-05T20:05:00.000+01:002013-06-05T20:07:25.716+01:00النسخة الأولى من قالب رافع الفحيلي جاهز للتكويد<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-4r2ZT8eiA40/Ua-LE_FNI9I/AAAAAAAAA9Q/9pGlqAz05Hs/s1600/435.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-size: large;"><img border="0" height="428" src="http://4.bp.blogspot.com/-4r2ZT8eiA40/Ua-LE_FNI9I/AAAAAAAAA9Q/9pGlqAz05Hs/s640/435.jpg" width="640" /></span></a></div>
<div style="text-align: center;">
<span style="font-family: tahoma; line-height: 24px; text-align: start;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">السلام عليكم ورحمته الله وبركاته</span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">تم الانتهاء من القالب وجميع اضافاته بصيغة PSD القالب تجدونه في صفحة <a href="https://www.facebook.com/rafeasoft" target="_blank">رافع سوفت</a></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">القالب جاهز للتحويل والتكويد , فمن لديه الخبرة بمجال التكويد فليكوده الى بلوجر أو وورد بريس.حسب مقدرتكم.</span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">كثير من طلبه مني , لكن انا اضعه الان بين ايديكم مجانا !!!</span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>مركز الرفع</b></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">مركز الخليج </span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>حجم القالب</b></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">11.56 MB </span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>رؤية مباشرة للقالب</b></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"> <a href="http://im38.gulfup.com/gjUCu.jpg" target="_blank">من هنا</a></span></span></div>
<div style="text-align: center;">
<span style="font-size: large; line-height: 24px; text-align: start;"><br /></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>التحميل</b></span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><a href="http://www.gulfup.com/?xEIoQ1" target="_blank">من هنا</a> </span></span></div>
<div style="text-align: center;">
<span style="line-height: 24px; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="color: #989898; font-family: tahoma; font-size: large; line-height: 24px; text-align: start;">نرقبوا المزيد من الاصدارات القادمة والحصرية, على موقع رافع نت </span></div>
<span style="font-size: large;"><span style="line-height: 24px; text-align: start;"></span><br /></span>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>المصدر: <a href="http://rafea-net.blogspot.com/2013/06/blog-post.html" target="_blank">رافع نت</a></b></span></div>
</div>
Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-4331995931754813943.post-67864620678744355332013-06-01T03:04:00.004+01:002013-06-01T03:10:49.070+01:00هام : فكرة احاول إيصالها لمتتبعي دورة تصميم قوالب بلوجر وشكرا<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أهلا وسهلا بكم أحبائي الكرام</div>
<div style="text-align: center;">
أعلن عن افتتاح الدورة التطبيقية لتصميم قوالب بلوجر</div>
<div style="text-align: center;">
أحب ان أخبركم ان هاته الدورة تنقسم إلى دورتين تقريبا</div>
<div style="text-align: center;">
أي تصميم مدونة او موقع html & css فقط وهاته هي البداية</div>
<div style="text-align: center;">
بعدها سيتم عمل تحويل هذا الموقع او المدونة إلى بلوجر</div>
<div style="text-align: center;">
وأظن أنا هذا سيكون شيء جميل أكثر لكن المعذرة التصميم لن يكون بالفوتشوب نظرا لكون جهازي ضعيف فعند تصوير الفيديو يصبح الفيديو ثقيل جدا وأرجوا أن تتقبلوا هاته الدورة وشكرا</div>
<div style="text-align: center;">
ولي طلب لكم إخوتي الكرام أن تشتركوا بهاته القناة التي في بداية مشوارها والتي إن شاء الله ستكون مصدر لكل المصممين وخاصة على منصبة بلوجر والووردبريس تحياتي الطيبة وشكرا على قرائة هذا النص :)</div>
<div style="text-align: center;">
لكن آسف على المساحة القليلة التي تم الشرح فيها</div>
<div style="text-align: center;">
فهي الحل الوحيد لتسريع الفيديو نظرا لمواصفات جهازي ضعيفة جدا :(</div>
<div style="text-align: center;">
وبسبب حبي لإيصال ما لدي لمن يهتم لهذا الأمر فوجدت ان هذا هو الحل قمت بخفض المساحة وكذلك الجودة قليلا ليكون الفيديو في المستوى.</div>
<div style="text-align: center;">
من قبل بإتمام العمل على هذا النحو يضع تعليق أو اقتراح ولكم جزيل الشكر.</div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته<br />
وهاته هي القناة<br />
<a href="http://www.youtube.com/user/Arabetutorial">http://www.youtube.com/user/Arabetutorial</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com8tag:blogger.com,1999:blog-4331995931754813943.post-84786781624522474762013-05-27T00:35:00.000+01:002013-05-27T00:35:34.097+01:00تصميم قوالب البلوجر - الدرس السابع : تعريف كل وسوم البلوجر الجزء الأول<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته<br /><br />مرحبا بكم إخوتي الكرام أظن انني تاخرت قليلا عن الدرس السابع من الدورة فقط كانت لدي بعض المشاكل وكذلك كما تعرفون هذا الاسبوع كان للإمتحانات.<br />المهم لنمر لدرسنا اليوم وهودرس جميل سيكون عبرة عن صورة مع وصف خاص لكل وسم نستعمله على بلوجر والمرجوا المتابعة وشكرا.<br /><br />درسنا اليوم هو :<br /><br /><span style="color: red;"><b>تعريف كل وسوم البلوجر الجزء الأول</b></span><br /><br />هاته الصورة ستشرح لكم الأمر لكن انا سأضيف وصفا لكل وسم</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وهاته الوسوم هي التي أستعملها كثير وكثيرا ما تجدها بقوالب بلوجر وطبعا لك الحق في تغييرها عند تصميم قالب خاص بك</div>
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBAfm6pXEXohZQ2lZLC_zZSCh19OBxV08n0K89KeY3TdKflHUUlJpDiifhCZm5w9rsRRA3s5P8kdG2rP9c_7o1bo3MaHX6EMeaXyp8WumYnOusCZz4h8uBDyxc3T06GkbiGWmBa-BcaPo/s1600/tutorial-create+blogger+template1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBAfm6pXEXohZQ2lZLC_zZSCh19OBxV08n0K89KeY3TdKflHUUlJpDiifhCZm5w9rsRRA3s5P8kdG2rP9c_7o1bo3MaHX6EMeaXyp8WumYnOusCZz4h8uBDyxc3T06GkbiGWmBa-BcaPo/s1600/tutorial-create+blogger+template1.jpg" /></a></div>
<div style="text-align: right;">
<b> </b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">body :</span> وهو جسم المدونة أي الجزء الكلي للمدونة وهو الخاص بوضع خلفية المدونة مثلا.</b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">Outer-wrapper :</span> لديه نفس دور جسم المدونة لكن لديه دور التوسيط وهو اهم دور وهو يحتوي على الأجزاء الثلاث الهيدر و المحتوى والفوتر.</b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">Header-wrapper :</span> خاص برأس الصفحة أي الهيدر ويحتوي على شعار المدونة والإعلان إذا أردت. </b></div>
<div style="text-align: right;">
<b><span style="color: #38761d;">Header :</span> شعار المدونة اي اللوجو.</b></div>
<div style="text-align: right;">
<b><span style="color: #38761d;">Top-Ads : </span>وهو الإعلان ويمكنك وضعه أولا وبالمقاس الذي تريده أنت.</b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">content-wrapper : </span>وهو المحتوى الذي يشمل الـ <span style="color: #3d85c6;">main-wrapper</span> و الـ <span style="color: #3d85c6;">Sidebar </span>كذلك هو خاص بالتوسيط مثلا وعمل خلفية خاصة بالمحتوى تكون مغايرة لخلفية الجسم.</b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">main-wrapper :</span> وهو الجزء الخاص بالتدوينات فقط.</b></div>
<div style="text-align: right;">
<b><span style="color: red;">Post : </span>وهي التدوينات حيث يمكننا جعل شكل التدوينة بتنسيق احترافي ولتخصيص أكثر فهي تحتوي على التالي مثلا :</b></div>
<div style="text-align: right;">
<b><span style="color: #38761d;">Post H2 :</span> عنوان التدوينات.</b></div>
<div style="text-align: right;">
<b><span style="color: #38761d;">post-meta :</span> هذاالوسم ليس افتراضي ولايكون على البلوجر بل يجب إضافته عبرإضافات البلوجر بالمدونات وعمت درس حول إضافتها.</b></div>
<div style="text-align: right;">
<b><span style="color: #38761d;">post-body :</span> وهو جسم التدوينات.</b></div>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">sidebar-wrapper :</span> وهي الجزء الخاص بالقائمة التي تكون بالمدونة ويمكن عمل قائمة واحدة او إثنان كما بمدونتي :) .</b></div>
<div style="text-align: right;">
<b><span style="color: red;">Sidebar :</span> وهي القائمة الجانبية ولتخصيص اكثر نجدها بهاته الوسوم على css مثلا :</b></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar</b></span></div>
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar h2</b></span></div>
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar ul</b></span></div>
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar ul li</b></span></div>
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar ul li a</b></span></div>
<div dir="ltr" style="text-align: left;">
<span style="color: #38761d;"><b>.sidebar .widget</b></span></div>
</blockquote>
<div style="text-align: right;">
<b><span style="color: #3d85c6;">Footer-wrapper :</span> وهو ذيل القالب اي الفوتر يشمل ثلاث أقسام من القوائم و كذلك الجزء الخاص بالحقوق وحقوق مصمم القالب مثلا.</b></div>
<div style="text-align: right;">
<b> </b></div>
<div style="text-align: center;">
<b> الآن تعرفنا على الوسوم الاساسية التي قد نبني بها قالب بلوجر</b></div>
<div style="text-align: center;">
<b>وسنتمم باقي العناصر كالتعليقات والبروفيل والأرشيف إلخ....</b></div>
<div style="text-align: center;">
<b>إلا هنا ننتهي من هذا الجزء وبانتظار تعليقاتكم وشكرا</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>والسلام عليكم ورحمة الله تعالى وبركاته</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com18tag:blogger.com,1999:blog-4331995931754813943.post-15014419961724488812013-05-20T01:26:00.001+01:002013-05-20T01:34:57.926+01:00دورة برمجة وتصميم الألعاب - الدرس الأول<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">السلام عليكم ورحمه الله وبركاته</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">أهلا وسهلا بكم أحبائي الكرام</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">أقدم لكم دورة من دوراتنا الجدية والحصرية</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">دورة برمجة وتصميم لعبتك الخاصة</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">طبعا العديد منا يحب ولو يبرمج لعبة ولو كانت بسيطة لكن مع ذلك فهو سيفتخر بأنه <span style="font-size: small;">برمجة لعبة خاصة به</span></span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><span style="font-size: small;">الدورة صوت وصورة أي فيديو </span></span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><span style="font-size: small;">لذلك أتشرف بوضعها بهاته المدونة الحبيبة</span></span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><span style="font-size: small;">أخوكم<span style="color: #0b5394;"><span style="font-size: small;"> أحمد</span></span></span></span></span><span style="color: #0b5394;"> البولاقي</span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>أتشرف بالتدوين بهاته المدونة العزيزة لإكسابها المزيد من الدورات التعليمية</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>جانبا إلى أخي العزيز <span style="color: #0b5394;">أسامة </span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">اقدم لكم اليوم</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><a href="http://im31.gulfup.com/eICpb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://im31.gulfup.com/eICpb.png" /></a></span></span> </b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: red;"><b> الدرس الاول</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/vmzIBvCvQqk" width="600"></iframe></center>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b><span style="font-size: small;"><span style="font-family: inherit;"></span></span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><span style="color: red;">لتحميل البرنامج المستعمل</span></span></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://unity3d.com/unity/download/" target="_blank"><b><span style="font-size: small;"><span style="font-family: inherit;"> من هنا</span></span></b></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><br /></span></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;">ارجو ان تعجبك<span style="font-size: small;">م</span> والمرجوا التعليق لمن <span style="font-size: small;">يريد تعلم كل الجديد</span></span></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: small;"><span style="font-family: inherit;"><span style="color: red;"><span style="color: black;"><span style="font-size: small;">وإن شاء نتمم الدورة بإذن الله </span></span></span></span></span></b></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/13773614705223060710noreply@blogger.com22tag:blogger.com,1999:blog-4331995931754813943.post-26899542914278205792013-05-19T11:44:00.006+01:002013-05-19T11:44:58.095+01:00احذف البرامج من جهازك ولو بالقوة مع برنامج Revo Uninstaller Pro ومن جذورها + مع التفعيل المجاني<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/AVvXsEjw0mM-RPuEFY7nDhnI0pCL8vZzRtKXRxySUV91KjvTB_EDQzSrhduVAq1wtwND3OsPIToBqLk_JfxGMH4-cVqkv6xOtUt6oE5lROUhFE58kgtURBtv7PvKXc4KXDzr_uMCAGSSkpWhAHI/s1600/2463691_300.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0mM-RPuEFY7nDhnI0pCL8vZzRtKXRxySUV91KjvTB_EDQzSrhduVAq1wtwND3OsPIToBqLk_JfxGMH4-cVqkv6xOtUt6oE5lROUhFE58kgtURBtv7PvKXc4KXDzr_uMCAGSSkpWhAHI/s1600/2463691_300.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #444444; font-family: inherit;"><b>على اغلبيتنا وبالتحديد مستخدموا انظمة تشغيل الوندوز من مايكروسوفت يعانون من مشكلة تثبيث البرامج من غير قصد كبرامج ال Toolbar وغيرها من البرامج ... وقد نجد صعوبة عند محاولة لحذفها اثر الازعاج الذي تسببه ومن ثقل سلبي على الجهاز فان الحل اليوم مع برنامج</b><b>Revo Uninstaller Pro</b><b> لحذف البرامج من جهازك ولو بالقوة ومن جذورها دون ان تخلف اثرا لملفات البرنامج المراد حذفه .</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.revouninstaller.com/"><img height="84" src="http://img855.imageshack.us/img855/4318/f45icones2site.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #444444; font-family: inherit; font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="85" src="http://img802.imageshack.us/img802/5012/f45icones2comp.png" width="200" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="72" src="http://img706.imageshack.us/img706/3332/compall.png" width="200" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="72" src="http://img862.imageshack.us/img862/3949/compxpvistaseven.png" width="200" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="85" src="http://img8.imageshack.us/img8/5994/f45icones2download.png" width="200" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.gulfup.com/?kZYuSq"><img height="93" src="http://img64.imageshack.us/img64/5710/downloadlinky.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: right;">
</div>
<div class="fbDesktopChatMessage" id="entry_<1368960109083:2503921528-1357431360@mail.projektitan.com>" style="background-color: white; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 14px; orphans: 2; text-align: left; widows: 2;">
<div class="chat-message" style="margin-bottom: 3px; text-align: right; white-space: pre-wrap; word-wrap: break-word;">
<br /></div>
</div>
</div>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-4331995931754813943.post-37964048248568419382013-05-18T23:33:00.000+01:002013-05-18T23:37:18.875+01:00قائمة عليا كالتي بمدونتنا الحالية بشكل مميز وجذاب بأقسام فرعية على شكل عمودين<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<b>السلام عليكم ورحمة الله تعالى</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>اليوم أقدم لكم القائمة العليا كالتي بمدونتنا الحالية</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>إنها قائمة مميزة ومايميزها ظهور أقسام فرعية على شكل عمودين</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>هاته القائمة إهداء لكل زواري بشكل عام وإلى أخي الكريم <span style="font-family: Verdana,sans-serif;"><span style="color: #3d85c6;">Ðř Ăệrǿ</span></span> بشكل خاص</b></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<h2>
<span style="color: red;"><span style="font-size: small;"><b>صورة القائمة</b></span></span></h2>
</div>
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhobMyooIF8VmJGIN9kL_N4HWCvo_aO7ReaBapTM_Hc_ZtyKU48QUmCebx3Q10Mh_Pb_yht-9uRJ222QVO_o7XzeRDO0waHrOmSViYxk7O9PBeJPceW7i2ebFyiIw6gXuScJLXLr_i9794/s1600/nav.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhobMyooIF8VmJGIN9kL_N4HWCvo_aO7ReaBapTM_Hc_ZtyKU48QUmCebx3Q10Mh_Pb_yht-9uRJ222QVO_o7XzeRDO0waHrOmSViYxk7O9PBeJPceW7i2ebFyiIw6gXuScJLXLr_i9794/s1600/nav.PNG" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<b>كما تلاحظون إنها مميزة وجميلة جدا</b><br />
</div>
<div style="text-align: center;">
<b>وستنال إعجايكم إن شاء الله واحب أن أقول أنني قد أمدكم بكل ماهو في قالبي الحالي مع مرور الوقت</b><br />
<br />
<b>فلاتخجل تريد شيئا أو إضافة لاحظتها بقالب مدونتنا فقط قلي وسأهديها لك بشكل خاص وعامة الزوار ليستفيد طبعا الجميع</b><br />
<br />
<b>فأنا لماذا أقول مدونتنا وليس مدونتي لأن كل مافيها هو لكم ولي</b><br />
<b> </b><br />
<b>لكن بالنسبة لطلب القالب اكمله فهذا ليس الآن فهو حصري وخاص بنا</b><br />
<br />
<b>كفى كلاما وهيا إلى الشرح</b></div>
<div style="text-align: center;">
<h2>
<span style="font-size: small;"><span style="color: red;"><b>شرح الإضافة</b></span></span></h2>
</div>
<div style="text-align: center;">
<b>اكواد <span style="font-family: Verdana,sans-serif;">html </span>القائمة</b></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b><div class='topNav'><br /> <div class='topMenu'><br /> <ul id='dropmenu'><br /> <br /><span style="color: red;"> <li><a href='/'>الصفحة الرئيسية</a></li></span><br /> <br /><span style="color: red;"> <li><a href='<span style="color: #0b5394;">#</span>'>المنتدى</a></li></span><br /> <br /><span style="color: red;"> <li><a href='<span style="color: #0b5394;">#</span>'>البلوجر</a></span><br /> <ul> <br /><span style="color: #38761d;"> <li><a href='<span style="color: #0b5394;">#</span>'>دروس البلوجر</a></li><br /> <li><a href='<span style="color: #0b5394;">#</span>'>إضافات البلوجر</a></li><br /> <li><a href='<span style="color: #0b5394;">#</span>'>قوالب بلوجر</a></li></span><br /> </ul><br /><span style="color: red;"> </li></span><br /> <br /><span style="color: red;"> <li><a href='<span style="color: #0b5394;">#</span>'>دورات تعليمية</a></span><br /><span style="color: #38761d;"> <ul> </span><br /><span style="color: #38761d;"> <li><a href='<span style="color: #0b5394;">#</span>'>تصميم قوالب بلوجر</a></li></span><span style="color: #38761d;"><br /> <li><a href='<span style="color: #0b5394;">#</span>'>الربح من أدسنس</a></li><br /> <li><a href='<span style="color: #0b5394;">#</span>'>التسويق الإلكتروني</a></li><br /> <li><a href='<span style="color: #0b5394;">#</span>'>إنشاء منتدى vb</a></li> <br /> <li><a href='<span style="color: #0b5394;">#</span>'>دروس الفوتوشوب</a></li><br /> <li><a href='<span style="color: #0b5394;">#</span>'>إحترف لغة البرمجة</a></li></span><br /><span style="color: #38761d;"> </ul></span><br /><span style="color: red;"> </li></span><br /><br /><span style="color: red;"> <li><a href='<span style="color: #0b5394;">#</span>'>برامج كاملة</a></li></span><br /><br /></ul><br /></div><br /></div><br /><div style='clear:both;'/></b></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h2>
<b><span style="font-size: small;"><span style="color: red;">تخصيص الإضافة حسب الألوان</span></span></b></h2>
</div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<span style="color: red;"><b>الأقسام الرئيسية بالقائمة</b></span></div>
<div style="text-align: center;">
<span style="color: #38761d;"><b>الأقسام الفرعية بالقائمة</b></span></div>
<div style="text-align: center;">
<span style="color: #0b5394;"><b> روابط الأقسام</b></span></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>كود الـ <span style="font-family: Verdana,sans-serif;">CSS </span>الخاص بالإضافة</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b>.topNav {<br /> width:100%;<br /> height:40px;<br /> overflow:visible;<br /> margin:0 auto;<br /> background: -webkit-linear-gradient(top, #41434f, #272931);<br /> background: -moz-linear-gradient(top, #41434f, #272931);<br /> background: -ms-linear-gradient(top, #41434f, #272931);<br /> background: -o-linear-gradient(top, #41434f, #272931);<br /> border-bottom:1px solid #444;<br />}<br />.topMenu {<br /> height:40px;<br /> width:100%;<br /> float:right;<br /> overflow:visible;<br /> margin:0px 0 0 0;<br />}<br />.topMenu ul {<br /> margin: 0px 10px 0 0;<br /> text-align:right;<br />}<br />.topMenu ul li {<br /> <br />}<br />.topMenu ul li a {<br />}<br />.topMenu ul li a:hover {<br /> color:#fff;<br />}<br />#dropmenu, #dropmenu ul {<br /> margin: 0px 10px 0 0;<br /> padding: 0;<br /> list-style-type: none;<br /> list-style-position: outside;<br /> position: relative;<br /> line-height: 1.5em;<br /> z-index: 999;<br /> width: 100%;<br /> font-weight: bold;<br />}<br />#dropmenu a {<br /> -moz-transition: all 0.30s ease-in-out;<br /> -o-transition: all 0.30s ;<br /> -webkit-transition: all 0.30s ease-in-out;<br /> -ms-transition: all 0.30s ease-in-out;<br /> transition: all 0.30s ease-in-out;<br /> display:block;<br /> font: normal 11px/42px Tahoma, Geneva, sans-serif;<br /> color:#1599ae;<br /> height:40px;<br /> display:block;<br /> text-shadow:0 1px #1a1b20;<br /> padding: 0 20px;<br />}<br />#dropmenu a:hover {<br />}<br />#dropmenu .current a, #dropmenu li:hover &gt; a {<br /> color:#fff;<br /> text-shadow:0 1px #000;<br /> background:#14161c;<br />}<br />#dropmenu li {<br /> float:right;<br /> height:40px;<br /> border-left:1px solid #262831;<br /> position: relative;<br />}<br />#dropmenu li:last-child {<br /> background: none;<br />}<br />#dropmenu ul {<br /> padding: 10px 5px 2px 0;<br /> position: absolute;<br /> display: none;<br /> width: 293px;<br /> top: 40px;<br /> right: -15px;<br /> background:#14161c;<br />}<br />#dropmenu ul a {<br />}<br />#dropmenu li ul li {<br /> float: right;<br /> background: none !important;<br /> height: 29px;<br /> width: 130px;<br /> padding:0 !important;<br /> margin: 0px 9px 10px 4px !important;<br />}<br />#dropmenu li ul li:hover {<br /> background: none !important;<br /> height: 29px !important;<br /> width: 130px !important;<br />}<br />#dropmenu li ul a {<br /> font: normal 11px/27px Tahoma, Geneva, sans-serif !important;<br /> padding:0 !important;<br /> float: right;<br /> height: 29px;<br /> width: 130px;<br /> color: #000;<br /> text-shadow:0 1px #ffffff;<br /> background:#ffffff;<br /> text-align:right;<br /> text-indent:8px;<br />}<br />#dropmenu li ul a:hover {<br /> background: #18acbd;<br /> color: #000 !important;<br /> height: 29px;<br /> text-shadow:0 1px #1dbecb;<br /> width: 130px;<br /> font: normal 11px/27px Tahoma, Geneva, sans-serif !important;<br /> border-top:none !important;<br />}<br />#dropmenu ul ul {<br /> top: auto;<br />}<br />#dropmenu li ul ul {<br /> left: 12em;<br /> margin: 0px 0 0 10px;<br />}<br />#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {<br /> display: none;<br />}<br />#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {<br /> display: block;<br />}</b></div>
</blockquote>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>هههههه الأكواد كثيرة لكن هاته القائمة حقا تتطلب مجهود كبير فهي ليس بسيطة نوعا ما</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>لمن أراد إضافتها إلى <span style="color: orange;">بلوجر </span>بقالبه فقط فل يبحث عن هذا الكود</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<b> <div id='header-wrapper'></b></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>أو هذا</b></div>
<div dir="ltr" style="text-align: center;">
<br />
<blockquote>
<b> <div id='header'></b></blockquote>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<b>وليضع اكواد html القائمة قبله</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>وأكواد الـ CSS قبل الكود التالي</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<b>]]></b:skin></b></div>
</blockquote>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>أرجوا أن تعمل معكم واكون قد وفقت في الشرح</b></div>
<div style="text-align: center;">
<b>إلى هنا نصل لختام المقالة</b></div>
<div style="text-align: center;">
<b>والسلام عليكم ورحمة الله تعالى وبركاته</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com34tag:blogger.com,1999:blog-4331995931754813943.post-63317939682349593962013-05-18T22:51:00.002+01:002013-05-18T22:51:41.814+01:00القالب الإحترافي السابق الإصدار الثالث للفتيات ومحبي اللون الوردي لبلوجر مجانا<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>السلام عليكم روحمة الله تعالى وبركاته</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>اليوم والحمد لله إنتهيت من إتمام الإصدار الثالث لقالب مدونتي القديم</b></div>
<div style="text-align: center;">
<b> </b></div>
<div style="text-align: center;">
<b><span style="color: #a64d79;">arabetutorial-template v0.3 </span></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>وأنا لم أنسى <span style="color: magenta;">الفتيات </span>ومحبي <span style="color: magenta;">اللون الوردي</span></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>ها انا أقدم لكم قالب جميل</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>نفس مميزات القالب ذو الإصدار الأول</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>لكنه مدمج بـ<span style="color: #3d85c6;">سلايدر شو ممتاز وجذاب</span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h2>
<span style="font-size: small;">صورة القالب</span></h2>
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp99SkE8-iroWDvQM733bJa1ol0cDGk206AQ61VYw_3NCPvPJEfdsL94A3tBJ7ncN0Sj4q_kqvEGCp4eaG4xpWi_OuxC56yxB9sam5RKDbWcHmcx9XNqfJw6zZIN7ovBWNZ_zxFDF7Nqs/s1600/v3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp99SkE8-iroWDvQM733bJa1ol0cDGk206AQ61VYw_3NCPvPJEfdsL94A3tBJ7ncN0Sj4q_kqvEGCp4eaG4xpWi_OuxC56yxB9sam5RKDbWcHmcx9XNqfJw6zZIN7ovBWNZ_zxFDF7Nqs/s1600/v3.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><a href="http://adf.ly/PElkL" target="_blank">معاينة </a>| <a href="http://adf.ly/PEmVd" target="_blank">تحميل</a></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>وفي الأخير ألتمس منكم التعليق تقديرا للمجهود وتحفيزي لإنشاء المزيد مجانا لزواري وأحبائي الكرام ^^</b></div>
<div style="text-align: center;">
<b> </b></div>
<div style="text-align: center;">
<b>والسلام عليكم ورحمة الله تعالى وبركاته</b></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com18tag:blogger.com,1999:blog-4331995931754813943.post-86388093840478537582013-05-17T15:50:00.001+01:002013-05-17T15:50:45.766+01:00هام جدا : إعلان حول افتتاح قسمي سجل الزوار وطلبات الدعم الفني<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم روحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
بسم الله الرحمان الرحيم </div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
اليوم تم وبحمد الله فتح صفحة خاصة بـسجل الزوار</div>
<div style="text-align: center;">
و<span style="color: red;"><span style="color: black;">فتح صفحة خاصة بـالدعم الفني</span></span></div>
<div style="text-align: center;">
<span style="color: red;"><span style="color: black;"> </span></span></div>
<div style="text-align: center;">
<h2>
<span style="color: red;"><span style="font-size: small;">سجل الزوار</span></span></h2>
</div>
<div style="text-align: center;">
<a href="http://arabetutorial.blogspot.com/p/blog-page_569.html" target="_blank"><span style="color: red;"><span style="color: black;">من هنا </span></span></a></div>
<div style="text-align: center;">
<span style="color: red;"><span style="color: black;"><br /></span></span></div>
<div style="text-align: center;">
<div style="text-align: center;">
طبعا هاته الصفحة ستكون عبارة عن مجتمع للنقاشات والإستفسارات واقتراحات الزوار وآرائكم حول المدونة</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
لديك معلومة حول بلوجر أو تصميم المواقع والقوالب ؟؟</div>
<div style="text-align: center;">
ليدك استفسار عن موضوع وجدته هنا ؟؟</div>
<div style="text-align: center;">
لديك اقتراح حول إضافة قسم تره مناسبا أو دورة تحبذ لو تجدها هنا ؟؟</div>
<div style="text-align: center;">
لديك رأيك حول مدونتنا وتريد طرحه ؟؟</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
الآن أصبح بإمكانك قول ما لديك بكل حرية</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
ولكن لكل قسم ما <span style="color: red;"><b>شروط</b></span> للتنظيم وتنسيق هذا <span style="color: red;"><b>السجل</b></span></div>
<div style="text-align: center;">
<b> </b></div>
<div style="text-align: center;">
<span style="color: orange;"><b>ستحذف مباشرة التعلييقات التي تحتوي على كلام قبيح</b></span></div>
<div style="text-align: center;">
<span style="color: orange;"><b>ستحذف مباشرة التعليقات التي تخالف الشريعة الإسلامية</b></span></div>
<div style="text-align: center;">
<span style="color: orange;"><b>نرجوا عدم طرح آراء استخفاف واستهزاء باقتراحات الآخرين فكل اقتراح مهم لنا</b></span></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
في انتظار آرائكم واقتراحاتكم إخوتي الكرام</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<h2>
<span style="color: red;"><span style="font-size: small;">طلبات الدعم الفني</span></span></h2>
</div>
<div style="text-align: center;">
<a href="http://arabetutorial.blogspot.com/p/blog-page_17.html" target="_blank">من هنا </a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: center;">
طبعا هاته الصفحة ستكون عبارة عن طرح مشاكل و إيجاد حلول</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
أنا عملت هاته الصفحة لمساعدة الإخوة الذين يواجهون مشاكل في قوالب البلوجر أو إضافة مستعصية لاتشتغل بمدونتك</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وذللك بموجب التقيد بهاته الصفحة فقط لطرح مشاكلكم نظرا لبعض الردود والتعليقات العشوائية</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
على سبيل المثال أضع تدوينة حول موضوع ما ويأتي شخص ويذكر أن لديه مشكلة ليس لها أي رابط مع الموضوع</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وأذكر أن التقيد بهاته الصفحة مهم جدا لأنني سأجيب عن مشاكلكم من هنا</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وهذا فقط لتكون المدونة منتظمة ومنسقة</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
ولمن لم بجد حلا لمشكلته في بلوجر مثلا فل يدع لنا الأمر عبر <b><span style="color: #38761d;">دعمه فنيا ومباشرة</span></b> فقط عبر إرسال دعوة الإشراف على مدونته من هذا الإيميل</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<span style="color: red;"><b>big2012barsa@gmail.com</b></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
بعدما نحل المشكلة يمكنه حذف الإشراف عنا</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وهاته الطريقة قمنا بها مع العديد من الإخوة فلا خوف على مدوناتكم من السرقة او شيئا من هذا القبيل</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
نحن هنا للمساعدة لا لإيدائكم</div>
</div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته<b><br /></b></div>
<span style="color: red;"><span style="color: black;"> </span><b> </b></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com8tag:blogger.com,1999:blog-4331995931754813943.post-17723597795099000502013-05-17T15:04:00.003+01:002013-05-17T15:04:56.868+01:00دورة تصميم قوالب بلوجر - الدرس السادس : التسميات (Labels)<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<b>السلام عليكم ورحمة الله تعالى وبركاته</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>بعد أن برهن لي الكل حول مدى أهمية هاته الدورة</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>وذلك بتفاعلكم معها فطبعا من واجبي إتمامهما بإذن الله</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>فبعدما عرفنا<a href="http://arabetutorial.blogspot.com/2013/05/create-your-own-blogger-template-learn5-pagetype.html" target="_blank"> أنواع الصفحات وكيفية التعامل معها</a> وجعلها لصالحنا للإبداع في قوالب بلوجر</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>نمر إلى درسنا اليوم شرح التعامل مع التسميات بشكل بسيط وهذا الدرس مهم أيضا</b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXkKdfKCwexf55YI-PnpRYz65ZEUNd6sz2N1CZTu8m0wCslfpbuJTt_TdNQLAhNFOHrdiselDGLqlaPAtxf8CBsqIcHKjeqn1ZhiyNdBssSD1Wyb2LXPtYv9V6xjY9ttDYS_wJJaW0ck/s1600/%D8%AF%D9%88%D8%B1%D8%A9+%D8%AA%D8%B5%D9%85%D9%8A%D9%85+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXkKdfKCwexf55YI-PnpRYz65ZEUNd6sz2N1CZTu8m0wCslfpbuJTt_TdNQLAhNFOHrdiselDGLqlaPAtxf8CBsqIcHKjeqn1ZhiyNdBssSD1Wyb2LXPtYv9V6xjY9ttDYS_wJJaW0ck/s1600/%D8%AF%D9%88%D8%B1%D8%A9+%D8%AA%D8%B5%D9%85%D9%8A%D9%85+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="color: #38761d;">Labels </span>وهي التسميات أو التصنيفات أو أقسام المدونة</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>فهي أكثر أهمية في البلوجر حيث أن لها دور كبير في تسهيل البحث عن القارئ</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b> أي الزائر لمدونتك ليقصد القسم الذي ريده</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>بالنسبة لعلامات الشرط الخاصة بالتسميات فنجدها في قوالب بلوجر على شكلين</b></div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;"><span style="color: red;"><b>الشكل الأول : الصندوق Label لعرض التسميات بمربعات القائمة الجانبية widget</b></span></span></h2>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>طبعا هاته الاداة هي التي نجدها بلوحة تحكم المدونة عبر غضافة اداة ثم اختيار اداة التسميات</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>ولها شكلين إما على شكل قائمة أو سحابة</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>وبعلامة الشرط يمكنك أن تُظهر محتويات أعلى هذا الصندوق أو أسفله</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b> أو تتحكم في بقية عناصر الصفحة عن طريق css والشرط كالتالي:</b></div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:blog.url == data:label.url'><br /><span style="color: #38761d;"><b>أظهرني فقط في الصفحات التى تظهر عند الضغط على اي تسميه</b></span><br /></b:if></div>
</blockquote>
<div style="text-align: center;">
<b>رغم أن الشرط السابق يدخل ضمن صفحات الروابط كما تعلمنا سابقاً</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>إلا أنني لم أدرجه معهم لأنه يكون فعال فقط في حاله وضعه ضمن الصندوق Label </b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>ويظهر مفعوله في الصفحات التى تعرض النتائج بعد الضغط على أي تسميه. </b></div>
<div style="text-align: center;">
<b> </b></div>
<h2 style="text-align: center;">
<span style="font-size: small;"><span style="color: red;"><b>الشكل الثاني: داخل التدوينات التى تحمل تسميه معينه </b></span></span></h2>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>بعد نشر موضوعك الذى يحتوي على مجموعة تسميات تتيح لك علامة الشرط هذه أن تستهدف الموضوعات التى تحتوى على </b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>تسميه معينه كالتالي:</b></div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:label.name == &quot;<span style="color: #38761d;"><b> المدونة التعليمية للحاسوب</b></span>&quot;'><br /><span style="color: #38761d;"><b>أظهرني فقط في التدوينات التى تحمل التسميه المدونة التعليمية للحاسوب</b></span><br /></b:if></div>
</blockquote>
<div style="text-align: center;">
<b>كل ما يمكنك فعله هنا هو تحديد محتوى مخصص يظهر فقط عندما يقرأ الزائر
التدوينات التى تحمل التسميه المحددة كإعلان مثلاً </b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>أو </b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>أيقونة تميز بها
مواضع قسم معين</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b>مثلا أن تعرض اعلانات أدسنس لنوع معين من التدوينات لها شعبيه كبيرة، أو حتى
لتجنب المخالفة بعدم عرض اعلاناتك في التدوينات التى تخالف سياسه استخدام
الخدمة.</b></span></div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b> </b></span> </div>
<h2 style="text-align: center;">
<span style="color: red;"><span style="font-size: small;">الحلقات التكرارية loops </span></span></h2>
<div style="text-align: center;">
<b>لتطبيق أي من الشرطين السابقين يلزم وضعهم داخل حلقة loops وهي موجودة
في كل لغات البرمجة تمكني من تكرار كود معين لعدد من المرات، وتجدها في
القوالب بالتعليقات comments والتدوينات post و موجودة أيضا في غالبية
مربعات القائمة الجانبية widget ومن بينها الصندوق Label.</b></div>
<b>
</b><div style="text-align: center;">
<b>لتفعيل الشرط داخل القائمة الجانبية يوضع داخل loop بهذا الشكل:</b></div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b><b:loop values='data:labels' var='label'><br /><br /> <b:if cond='data:blog.url == data:label.url'></b><span style="color: #38761d;"> أظهرني فقط في الصفحات التى تظهر عند الضغط على اي تسميه</span><b><br /> </b:if><br /><br /></b:loop> </b></div>
</blockquote>
<div style="text-align: center;">
<b>وداخل التدوينات يوضع في loop آخر بهذا الشكل: </b></div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b><b:loop values='data:post.labels' var='label'><br /><br /> <b:if cond='data:label.name == &quot;<span style="color: #38761d;">المدونة التعليمية للحاسوب</span>&quot;'><br /> أظهرني فقط في التدوينات التى تحمل التسميه <span style="color: #38761d;">المدونة التعليمية للحاسوب</span><br /> </b:if><br /><br /></b:loop></b></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>هذا النوع من علامات الشرط يعتبر أكثر تعقيداً لأنها مرتطبه بمتغيرات أخرى،
وتستغرق وقت أطول لاستخدامها بكفاءة ولكن مع كثرة التجربه سوف يسهل عليك
تطويعها بالقالب وتخصيص تدويناتك بشكل جذاب</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>إلى اللقاء في الدرس القادم وبعد الدرس العاشر سيبدأ التطبيق صوت وصورة إنشاء الله </b></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com19tag:blogger.com,1999:blog-4331995931754813943.post-17727211534773237732013-05-17T14:09:00.001+01:002013-05-17T14:09:15.129+01:00إضافة نبذة عن الكاتب حصرية من تصميمي لبلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الكثير منا يحاول الإبداع في<a href="http://arabetutorial.blogspot.com/search/label/%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank"> تصميم إضافات بلوجر</a> خاصة به</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وطبعا مدونتنا المتواضعة تسعى لإكسابكم خبرة حول تصميم وصنع إضافات خاصة بكم</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أحسن من البحث عنها وتكون لدى الجميع مثلها</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
المهم مع ذلك أريد أن أتقاسم معكم هاته الإضافة الخاصة بقالب مدونتي الحالي</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;">صورة الإضافة</span></h2>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaynPbi_uEUBoDC_EHZQrk7VDKoNrT4gZ3nmJsDOMRsYK2_2j0bPQsUr-OcEqCGC0Wy2lPuSlFkQx7FkdPIj910I_EHLwYUXmoucqoFO8VmV9scYhiPa33EPT7gvnpDXFpcN_9tkLGSA/s1600/author.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaynPbi_uEUBoDC_EHZQrk7VDKoNrT4gZ3nmJsDOMRsYK2_2j0bPQsUr-OcEqCGC0Wy2lPuSlFkQx7FkdPIj910I_EHLwYUXmoucqoFO8VmV9scYhiPa33EPT7gvnpDXFpcN_9tkLGSA/s1600/author.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
طبعا هي جميلة ومنسقة تحتوي على صورة الكاتب وإسمه ونبذة قصيرة عنه</div>
<div style="text-align: center;">
بالإضافة إلى 5 ايقونات للمشاركات الإجتماعية</div>
<div style="text-align: center;">
ومكان خاص بالإشتراك عبر البريد الإلكتروني وهاته الإضافة</div>
<div style="text-align: center;">
ستوفر عليكم تكرارها في القائمة الجانبية</div>
<div style="text-align: center;">
فهي إضافة بثلاث إضافات وهذا هو المميز فيها</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كفى كلاما وهيا إلى الشرح</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;">شرح الإضافة</span></h2>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إبحث في القالب عن</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><div class='post-header-line-1'/></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أو</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><div class='post-body entry-content'></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وضع بعدهما الإضافة</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b><span style="color: #6aa84f;"> <b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /> <br /><div class='postauthor'><br /><div id='post1'><br /> <img alt='' height='80' src='<span style="color: #38761d;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNyRRk52YSgr8lxFHm8ghgrticGgTMwtcSbqvdOD5ZmRquKbwhJUSnoL24iPx2K3pUoDXpQEQ299yEoW7D4o7J1LGrBUIzP5lXYmmi0KdWVpuKS9CO4cFlvfrsA0AeA7sZH4ODDkQ3xYZ1/s1600/avatar_2.png</span>' width='80'/><br /> <h3>بقلم <a href='Blog Link'> <span style="color: magenta;">أسامة بويردن</span> </a></h3><br /> <p> <span style="color: purple;">أنا من المغرب&#1548; احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم&#1548; وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها&#1548; فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني.</span> </p><br /> </div><br /><br /> <div id='post2'><br /> <div class='postauthor_fans'><br /> <a href='<span style="color: #073763;">http://www.facebook.com/pages/Arabe-Tutorial/466698286722927</span>'><img src='http://im34.gulfup.com/tctnp.png'/></a><br /> <a href='<span style="color: cyan;">http://www.twitter.com/arabetutorial</span>'><img src='http://im34.gulfup.com/7MzXJ.png'/></a><br /> <a href='<span style="color: #990000;">http://www.youtube.com/channel/UCySu-3Oucf2VGXantUArTAg?feature=watch</span>'><img src='http://im34.gulfup.com/5Soef.png'/></a><br /> <a href='<span style="color: red;">https://plus.google.com/u/0/105578058496878662654</span>'><img src='http://im34.gulfup.com/tD1QJ.png'/></a><br /> <a href='<span style="color: orange;">http://feeds.feedburner.com/arabetutorial</span>'><img src='http://im34.gulfup.com/WzRJi.png'/></a><br /><br /><div class='postauthor_rss'><br /><form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #674ea7;">arabetutorial</span>&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><input gtbfieldid='3' id='rssquery' 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='أدخل بريدك الإلكتروني هنا...'/><br /><input name='uri' type='hidden' value='<span style="color: #674ea7;">arabetutorial</span>'/><input name='loc' type='hidden' value='en_US'/><br /><input id='rssbtn' type='submit' value='إشتراك'/><br /></form><br /> </div><br /><br /> </div><br /></div><br /><br /> </div><br /><span style="color: #6aa84f;"></b:if></span></b></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;">تخصيص الإضافة بك حسب الألوان</span></h2>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<span style="color: #38761d;"><b>غيرها بصورتك</b></span></div>
<div style="text-align: center;">
<span style="color: #3d85c6;"><b>إسمك</b></span></div>
<div style="text-align: center;">
<span style="color: purple;"><b>نبذة عنك</b></span></div>
<div style="text-align: center;">
<span style="color: #073763;"><b>صفحتك على الفيس بوك</b></span></div>
<div style="text-align: center;">
<span style="color: cyan;"><b>رابطك على تويتر</b></span></div>
<div style="text-align: center;">
<span style="color: #990000;"><b>قناتك على اليوتوب</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>حسابك على جوجل+</b></span></div>
<div style="text-align: center;">
<span style="color: orange;"><b>رابط خلاصات مدونتك</b></span></div>
<div style="text-align: center;">
<span style="color: #674ea7;"><b>غيره بإسم الخلاصات</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وأي مشكلة أو استفسار لاتتردد في طرحه بتعليق</div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com22tag:blogger.com,1999:blog-4331995931754813943.post-11457719921395801562013-05-16T04:17:00.000+01:002013-05-16T04:17:19.565+01:00دورة احتراف CSS - الدرس الأول : الصيغة العامة Syntax<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
درسنا اليوم هو اول درس لبداية مشوارنا في احتراف الـ CSS</div>
<div style="text-align: center;">
وطبعا إنه لشيء جميل أن تكون محترف فيه حيث يخول لك العديد من الإمكانيات</div>
<div style="text-align: center;">
للإبداع في تصميم موقعك او مدونتك</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
درسنا اليوم هو</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;"><b>الدرس الأول : الصيغة العامة Syntax</b></span></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrFNs5DfdX__nQjpYptszqqTfk5ah9-uX4SeFpxrXgApP_LdTcTeEt51WQTtoHQQIKKyZnTl7a2JkNd95rM08McnbkUUcexeMVb4NJ_aTLlSIIu2lrF4AEEnjGskJrgkvnW7-cdrE4JI/s1600/cssdawra1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrFNs5DfdX__nQjpYptszqqTfk5ah9-uX4SeFpxrXgApP_LdTcTeEt51WQTtoHQQIKKyZnTl7a2JkNd95rM08McnbkUUcexeMVb4NJ_aTLlSIIu2lrF4AEEnjGskJrgkvnW7-cdrE4JI/s1600/cssdawra1.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #38761d;"><b>السؤال الأول المطروح كيف نكتب الصيغة العامة الخاصة بـ Css ؟</b></span></div>
<div style="text-align: center;">
<br />يوجد ثلاث جزئيات :</div>
<div style="text-align: center;">
أول جزئية هي المحدد (Selector) الخاص بالوسم الذي بالـ Html<br />مثلا نريد ان نعمل على ذلك الوسم تأثريات الـ Css<br />الجزء الثاني هي الخاصية (Property) أي إسم التأثير وفي خواص ثابتة للـ Css<br />والجزئية الثالثة هي القيمة (Value) أو التأثير الذي أنا أريد عمله<br />هاته هي الصيغة العامة للـ Css<br /> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.w3schools.com/css/selector.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.w3schools.com/css/selector.gif" /></a></div>
<div style="text-align: center;">
<span style="color: red;"><b> </b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>ملحوظة :</b></span> إذا أردنا إضافة اكثر من تأثير يلزم أن نقوم بوضع الفاصلة <span style="color: #0b5394;"><b>;</b></span> بين كل تأثير</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثلا لنعمل تأثير على هذا الوسم الخاص بالفقرة</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<span style="font-size: large;"><b><span style="color: #0b5394;"><p></span>السلام عليكم ورحمة الله تعالى وبركاته<span style="color: #0b5394;"></p></span></b></span></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أولا نبدأ بإسم الوسم الذي هو p</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ثم نقوم بإضافة قوسين { }</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ليكون الشكل هكذا</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<span style="font-size: large;"><b><span style="color: #0b5394;">p</span> {<span style="color: #a64d79;">color:</span>red;<span style="color: #a64d79;">text-align:</span>center;}</b></span></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_syntax1" target="_blank">للمعاينة</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #38761d;"><b>السؤال الثاني كيف أقوم بترتيب تأثيرات الـ Css لكل محدد عبر تعليقات ؟</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
التعليقات تبدأ بـ */</div>
<div style="text-align: center;">
وتنتهي بـ /* </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والتعليقات يكون بينهما</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثال</div>
<div style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
<span style="color: #38761d;"><b>/*-------- تعليقك هنا --------*/</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ليكون بهذا الشكل</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<span style="font-size: large;"><b><span style="color: #38761d;">/*العنوان*/</span><br />
<span style="color: #0b5394;">h1</span> {<span style="color: #a64d79;">text-align:</span>center;<span style="color: #a64d79;">color:</span>red;<span style="color: #a64d79;">font-family:</span>tahoma;}</b></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b><span style="color: #38761d;"> /*الفقرة*/</span></b></span></div>
<div dir="ltr" style="text-align: center;">
<span style="font-size: large;"><b>
<span style="color: #0b5394;">p</span> {<span style="color: #a64d79;">text-align:</span>center;<span style="color: #a64d79;">color:<span style="color: black;">blue</span></span>;<span style="color: #a64d79;">font-family:<span style="color: black;">arial</span></span>;}</b></span></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إلى هنا ينتهي الدرس الأول وهو بسيط جدا لكن سأعدكم بالتميز إن شاء الله</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com3tag:blogger.com,1999:blog-4331995931754813943.post-54211691422976714492013-05-16T03:22:00.001+01:002013-05-16T04:20:47.953+01:00هديتي الجديدة لكم القالب الاحترافي السابق الإصدار الثاني لبلوجر مجانا لعيونكم<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
اولا أعتذر جدا جدا عن التأخير لمدة اسبوع كامل عن التدوين</div>
<div style="text-align: center;">
وهذا راجع لضغط الإمتحانات ومشاكل خاصة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وها أنا أعوض هذا الغياب بقالب جميل بإمكانيات جميلة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وهو النسخة الثانية <a href="http://arabetutorial.blogspot.com/2013/04/my-blog-template-free.html" target="_blank">للقالب السابق</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أرجوا أن ينال إعجابكم إخوتي الكرام</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;">صورة القالب</span></h2>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp-_Ogp9HTrY8OpqVYojr8PozjwXKjJv357oJQiBWnHbNYg63goKB6QFxybjqPkcM8ZFSnaOnRNjNtpsjAQATMKK36AS7B-cVQlyim-IhQmUsGmSBIw0yocvAdCkk8eEw5EwdInEKStUg/s1600/tp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp-_Ogp9HTrY8OpqVYojr8PozjwXKjJv357oJQiBWnHbNYg63goKB6QFxybjqPkcM8ZFSnaOnRNjNtpsjAQATMKK36AS7B-cVQlyim-IhQmUsGmSBIw0yocvAdCkk8eEw5EwdInEKStUg/s1600/tp.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="font-size: small;">مميزات القالب </span></h2>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كامل ومتكامل وجذاب</div>
<div style="text-align: center;">
لمحبي الألوان الذاكنة والازرق</div>
<div style="text-align: center;">
خط عربي أنيق وجميل</div>
<div style="text-align: center;">
نظام تعليقات جذاب ومنتظم</div>
<div style="text-align: center;">
والعديد من المميزات لاحصر لها إكتشفوها</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<span style="font-size: large;"><b><a href="http://arabetutorialmytemplate.blogspot.com/" target="_blank">معاينة القالب</a> <span style="color: #999999;">|</span> <a href="http://adf.ly/P6GEU" target="_blank">تحميل القالب</a></b></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
أرجوا أن ينال إعجابكم ولاتنسوا التعليقات لكي لا أحمي هاته المرة القالب بكلمة سر</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
عندها سوف أقدم لكم دوما قوالب جميلة على بلوجر مجانا مقابل تعليقاتكم فقط</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
فأنا محب للتفاعل لا للنقود</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
فلا تبخلوا علي بتعليقاتكم المشجعة لعملي</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><span style="color: red;"><b>وانا لن اسامح هاته المرة منتزعي الحقوق كما جرى للنسخة الاولى </b></span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
دمتم في آمان الله وأرجوا أن تتقبلوا هديتي المتواضعة لكم</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته</div>
</div>
Anonymoushttp://www.blogger.com/profile/13773614705223060710noreply@blogger.com51tag:blogger.com,1999:blog-4331995931754813943.post-46682045119749193652013-05-08T16:17:00.000+01:002013-05-08T16:17:39.875+01:00درس شامل حول أفضل الطرق الصحيحة لإضافة تعليقات الفيسبوك إلى بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: left;">
<br /></div>
<div dir="ltr" style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
أسعد الله أيامكم إخوتي </div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
ومرحبا بكم في تدوينة أخرى جميلة ومفيدة</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
موضوعنا اليوم</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
درس شامل حول أفضل الطرق الصحيحة لإضافة تعليقات الفيسبوك إلى بلوجر</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTjwPI03PhsdvYfsEaEPvyJzm8T1AdtaZvWr9KSDE8iIX3WDefCAn9wvUoUnc0eNtGG3bk9CoQTh_etlz-7n8qmXnwRya_Jj-Kuhyphenhyphenu3aMXhj3HpOV3-hig4rZppqyv_5T39D02F0Y04k/s1600/fb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTjwPI03PhsdvYfsEaEPvyJzm8T1AdtaZvWr9KSDE8iIX3WDefCAn9wvUoUnc0eNtGG3bk9CoQTh_etlz-7n8qmXnwRya_Jj-Kuhyphenhyphenu3aMXhj3HpOV3-hig4rZppqyv_5T39D02F0Y04k/s1600/fb.png" /></a></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
كما رأيتم تعليقات جميلة تتيح لكل من له حساب على الفيسبوك بالتعليق في مدونتك</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
وطبعا العديد من لديه حساب fb</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
المهم لنمر إلى الشرح الشامل والمفصل</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
وأضمن لكم ان هاته الطريقة مضمونة مئة بالمئة وعن تجربة</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
أولا أدخل إلى موقع الفيسبوك الخاص بالتطبيقات</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
https://developers.facebook.com/apps </div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
إضغط إلى إنشاء تطبيق <b>Create New App</b></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT-uuTGYJtwuQdDPpcMkI8sF_phTe-hgeoTjIzU1KNluoQhRJLIQtJxogPxJzEKuaa9gRTh1hG9TDTXWH1NQHX5o8-4FmQIJ8aaAaZ5vo0n2WogomDQ0LosW318mF8QaFAbBc7NKyUv_U/s1600/fb1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT-uuTGYJtwuQdDPpcMkI8sF_phTe-hgeoTjIzU1KNluoQhRJLIQtJxogPxJzEKuaa9gRTh1hG9TDTXWH1NQHX5o8-4FmQIJ8aaAaZ5vo0n2WogomDQ0LosW318mF8QaFAbBc7NKyUv_U/s1600/fb1.png" /></a></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
ستظهر بعدها هاته الرسالة الخاصة بإنشاء التطبيق</div>
<div dir="ltr" style="text-align: center;">
قم بملء الفراغات بإسم التطبيق الذي تريده </div>
<div dir="ltr" style="text-align: center;">
وأحبذ أن يكون إسم مدونتك أو موقعك</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3mKef2h7SjpyRfhalVBwTSz2CN0OTxUeDPqX6vjpOJjUu1c97Q9TSI04IPM3r92cCqAYw9_baLAdnuKBMsCguNwUl8cf2IFNGgwyLrUcTCbFIHibTlVHv-sviQZ5wUTaMBVjjXDN2pQ/s1600/fb2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3mKef2h7SjpyRfhalVBwTSz2CN0OTxUeDPqX6vjpOJjUu1c97Q9TSI04IPM3r92cCqAYw9_baLAdnuKBMsCguNwUl8cf2IFNGgwyLrUcTCbFIHibTlVHv-sviQZ5wUTaMBVjjXDN2pQ/s1600/fb2.png" /></a></div>
<div dir="ltr" style="text-align: left;">
<br /></div>
<div dir="ltr" style="text-align: center;">
بعدها ستظهر الـ Recapatcha أكتب كما في الصورة التي ستظهر لديك بعدها إضغط على متابعة </div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0oVagMPyb_l3z7J8NiQmYso0IAgDo6riLMlePzId9F03zmjFXEdRW0X-_0h1oFdCl4P0iRL9tNASJhKV_TUT0XlWDzoHcjn_vKwXxlGkrXlitwXblC7xW2f0CZ8_BRSrMgsyHn_F6jug/s1600/fb3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0oVagMPyb_l3z7J8NiQmYso0IAgDo6riLMlePzId9F03zmjFXEdRW0X-_0h1oFdCl4P0iRL9tNASJhKV_TUT0XlWDzoHcjn_vKwXxlGkrXlitwXblC7xW2f0CZ8_BRSrMgsyHn_F6jug/s1600/fb3.png" /></a></div>
<div dir="ltr" style="text-align: left;">
<br /></div>
<div dir="ltr" style="text-align: center;">
بعدها هنيئا لك بالتطبيق وما نحتاجه فقط هو الـ Apps ID </div>
<div dir="ltr" style="text-align: left;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaXM500BiCpz4XXoTIwAimMNs05zGGr1W06VA0Vvv3he_x1IJYW9YFv8XLDNRt3KjxeNvb7AP6fodW_30eqEYlhk8A4_pwiPwiRQ5IM5r-qKLveg93OdcFH3wUEviJNsMxN8PoemE16IA/s1600/fb4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaXM500BiCpz4XXoTIwAimMNs05zGGr1W06VA0Vvv3he_x1IJYW9YFv8XLDNRt3KjxeNvb7AP6fodW_30eqEYlhk8A4_pwiPwiRQ5IM5r-qKLveg93OdcFH3wUEviJNsMxN8PoemE16IA/s400/fb4.png" width="400" /></a></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<ol dir="ltr" style="text-align: left;">
<li>المعرف الخاص بالتطبيق.</li>
<li>الكود السري الخاص بالتطبيق.</li>
<li>إسم التطبيق الظاهر.</li>
<li>البريد الإلكتروني للتواصل.</li>
<li>ستضع هناك إسم دومين موقعك أو مدونتك مثلا blogspot.com .</li>
<li>لم أفهم ما عملها لكن دعها ممكًن فقط. </li>
</ol>
<div dir="ltr" style="text-align: center;">
الآن والخطوة الاخيرة في إنشاء التطبيق بنجاح</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
إضغط على</div>
<div dir="ltr" style="text-align: center;">
Website With Facebook Login</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
ستظهر لك هاته الخانة ضع رابط موقعك كاملا كالتالي</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5h1_rPCHlrtuzg20zZpn_L6oZzxjeb7pJsroG_hOwrLs4bV9z8RcmzNdp3luhjFqOnWyb8pTgXAWw6tF8H1lPOALR_1g0HTzYuXpz50VUGX8nM2ka0uL6UAojbHmKylJGPxKDo9I2oyc/s1600/fb5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5h1_rPCHlrtuzg20zZpn_L6oZzxjeb7pJsroG_hOwrLs4bV9z8RcmzNdp3luhjFqOnWyb8pTgXAWw6tF8H1lPOALR_1g0HTzYuXpz50VUGX8nM2ka0uL6UAojbHmKylJGPxKDo9I2oyc/s400/fb5.png" width="400" /></a></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
الآن قم بحفظ التغييرات ومبروووك عليك التطبيق الخاص بإدراج التعليقات</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
الآن لنمر لكيفية إدراجه ببلوجر</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
<span style="color: #3d85c6;"><b>توجه إلى لوحة تحكم مدونتك : تصميم > تحرير html > تنسيق القالب (لا تنس أخذ نسخة قبل ذلك)</b></span></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
إبحث عن</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<html</div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
وضع بعده هذا الكود مباشرة</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
xmlns:fb='http://www.facebook.com/2008/fbml'</div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
ملحوظة : ضع مسافة بيس الكود الأول والثاني ليظهر كالتالي</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog</div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
قم بالبحث عن هذا الوسم</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<body></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
ضع بعده مباشرة الكود التالي</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<div id="fb-root"></div><br /><br /> <script><br /><br /> window.fbAsyncInit = function() {<br /><br /> FB.init({<br /> appId : '<span style="color: #3d85c6;"><b>ضع هنا معرف التطبيق الذي نسخته سابقا</b></span>',<br /> status : true, // check login status<br /> cookie : true, // enable cookies to allow the server to access the session<br /> xfbml : true // parse XFBML<br /> });<br /> };<br /> (function() {<br /> var e = document.createElement('script');<br /> e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';<br /> e.async = true;<br /> document.getElementById('fb-root').appendChild(e);<br /> }());<br /> </script></div>
</blockquote>
<div style="text-align: center;">
لاتنسى لصق المعرف <b><span style="color: #3d85c6;">ID</span></b> الخاص بالتطبيق</div>
<div dir="ltr" style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <meta expr:content='data:blog.pageTitle' property='og:title'/><br /> <meta expr:content='data:blog.url' property='og:url'/><br /> <b:else/><br /> <meta expr:content='data:blog.title' property='og:title'/><br /> <meta expr:content='data:blog.homepageUrl' property='og:url'/><br /> </b:if><br /> <meta content='<span style="color: #6aa84f;"><b>اسم مدونتك</b></span>' property='og:site_name'/><br /> <meta content='<span style="color: orange;"><b>صورة لشعار مدونتك هنا</b></span>' property='og:image'/><br /> <meta content=' <span style="color: #3d85c6;"><b>المعرف ID الخاص بالتطبيق</b></span>' property='fb:app_id'/><br /> <meta content='<span style="color: red;"><b>المعرف الخاص بحسابك الشخصي بالفيس</b></span>' property='fb:admins'/><br /> <meta content='article' property='og:type'/></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الآن قم بضبط كل ماهو ملون بما يناسبك</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السؤال المطروح عند البعض هو كيف أحصل على المعرف الخاص بحسابي الشخصي</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الجواب وهو حل بسيط ضع هذا الرابط وقم باستبدال <span style="color: #3d85c6;"><b>YourProfile </b></span>بحسابك أنت</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
https://graph.facebook.com/<span style="color: #3d85c6;"><b>YourProfile</b></span></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
وبهذا ستجد المعرف الخاص بك وانسخه وقم بلصقه بمكانه في الكود الأول</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
الآن إبحث عن الوسم</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
</head></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
وقم بلصق الكود السابق الذي ضبطته بما يناسبك</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
أخيرا قم بالبحث عن </div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: center;">
<data:post.body/></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
وألصق بعده هذا الكود</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='<span style="color: #0b5394;"><b>450</b></span>'/> </div> </b:if></div>
</blockquote>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
يمكنك تغيير عرض صندوق التعليقات بما يناسب موقعك عبر التغيير في العرض <span style="color: #3d85c6;"><b>450</b></span></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;"><b>ملحوظة :</b></span> ستجد هذا الكود <data:post.body/> مكرر مرات عدة قم بوضع الكود السابق بعدهم كلهم إن لم يعمل معك في اول لحظة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وانتظرونا في الجزء الثاني حول كيفية إدارة التعليقات التي قد تجسد صعوبة في ملاحظتها وذللك أنه لاتوجد تنبيهات لكن هناك طريقة جميلة لتعرف من علق وبأي تدوينة تم التعليق</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إلى هنا نصل إلى نهاية الشرح وأرجوا أن اكون قد وفقت في الطرح :)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #0b5394;"><b>والسلام عليكم ورحمة الله تعالى وبركاته</b></span></div>
<div dir="ltr" style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com42tag:blogger.com,1999:blog-4331995931754813943.post-38495043830153915062013-05-06T00:19:00.001+01:002013-05-06T00:19:18.908+01:00تصميم قوالب بلوجر - الدرس الخامس : أنواع الصفحات بقوالب البلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله تعالى وبركاته</div>
<div style="text-align: center;">
سعدت بلقائكم في درس جديد حول دورة تصميم القوالب</div>
<div style="text-align: center;">
وآتاسف عن التأخير في التدوين والسبب هو تصميم القالب الذي على مدونتي الآن :)</div>
<div style="text-align: center;">
درسنا اليوم هو</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="color: red;">الدرس الخامس : أنواع الصفحات بقوالب البلوجر</span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0ursMUyoK5CFQwbZBMglJryEO1vGqIN2L9NWJWfUNSCxqTWj0IN1fCOLyx-oqQ8_ZKqxcO5IbM7fqYC_gM4NpYiAI2v0r88WkxAoreiFxPC8ge8tDYUXaTThRxyYHgSfEemhfKa6f5M/s1600/%D8%AF%D9%88%D8%B1%D8%A9+%D8%AA%D8%B5%D9%85%D9%8A%D9%85+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0ursMUyoK5CFQwbZBMglJryEO1vGqIN2L9NWJWfUNSCxqTWj0IN1fCOLyx-oqQ8_ZKqxcO5IbM7fqYC_gM4NpYiAI2v0r88WkxAoreiFxPC8ge8tDYUXaTThRxyYHgSfEemhfKa6f5M/s1600/%D8%AF%D9%88%D8%B1%D8%A9+%D8%AA%D8%B5%D9%85%D9%8A%D9%85+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الدرس مهم جدا جدا وأنبه إلى هذا فهذا سيفيدنا اكثر وهو خاص بالتحكم الشامل في إظهار شيئ مثلا في صفحة وعدم إظهاره في الأخرى</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الىن يجب أن تكون قد تعلمت كيفية التعامل مع الدوال الشرطية مثلا if </div>
<div style="text-align: center;">
كما يجب ان أقول أن فقط بعض الشروط هي مايمكن إستعمالها وليس أي شيء يخطر في بالك يمكن ان تجعله شرطا.</div>
<div style="text-align: center;">
المهم فالصفحات هي 6 انواع فقط سنعرف اليوم كيف نتعامل معها بططريقة سهلة وتبسيط سيسهل عليك التعامل معها كما أن قوالب بلوجر لاتخلوا منها وأنا أستعملها كثيرا وخاصة في هذا القالب الذي صممته حديثا</div>
<div style="text-align: center;">
وطبعا الكثير يريد الإداع في قالب خاص به</div>
<div style="text-align: center;">
إذا فل نتعلم وإنشاء الله يصبح بمقدوركم التصميم</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
النوع 1 - صفحة المدونة الرئيسية.<br />النوع 2 - صفحات فردية وهي الخاصة بعرض التدوينات و التعليقات.<br />النوع 3 - صفحات المحتوى وتظهر عند التنقل من خلال المشاركات الأقدم والأحدث.<br />النوع 4 - صفحات الأرشيف.<br />النوع 5 - صفحات ثابتة.<br />النوع 6 - صفحات متغيرة.</div>
<div style="text-align: right;">
</div>
<div style="text-align: center;">
الآن بعد ان عرفت الأنواع الموجودة لنشرح كل صفحة على حدى، </div>
<div style="text-align: center;">
وتعرف كل صفحة ودورها في قوالب البلوجر</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="color: #3d85c6;"><span style="font-size: small;">نوع 1 : صفحة المدونة الرئيسية data:blog.homepageUrl </span></span></h2>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هذا النوع خاص وليس كباقي الانواع كما انه لايعتبر من الـ PageType</div>
<div style="text-align: center;">
وهذا الاخير خاص فقط بعرض ما نريده نحن في الصفحة الرئيسية فقط</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثال</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div dir="ltr">
<b:if cond='data:blog.url == <span style="background-color: red;"><span style="color: white;">data:blog.homepageUrl</span></span>'></div>
<span style="color: #38761d;"><span style="font-family: Verdana,sans-serif;"><span style="font-size: small;">أظهر ما أريده أنا في الصفحة الرئيسية فقط</span></span></span><br />
<div dir="ltr">
</b:if> </div>
</blockquote>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثلا إذا لاحظتم واجهة الخدمات الخاصة بالتصميم ستجد انها تظهرفقط في الصفحة الرئيسية أي انني استعملت هذا النوع بالنسبة لواجهة الخدمات</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="color: #3d85c6;"><span style="font-size: small;">النوع 2 - صفحات فردية وهي الخاصة بعرض التدوينات و التعليقات item</span></span></h2>
<div style="text-align: center;">
وهذا النوع ستجده بكثرة في قالب بلوجر ما</div>
<div style="text-align: center;">
وانا أستعمله كثيرا، وإليك الشرح الخاص به والشرط الخاص بهذا النوع من الصفحات</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div dir="ltr">
<b:if cond='data:blog.pageType == &quot;<span style="color: white;"><span style="background-color: red;">item</span></span>&quot;'></div>
<span style="color: #38761d;"><span style="font-family: Verdana,sans-serif;"><span style="font-size: small;">أظهر ما أريده أنا في صفحة التدوينات فقط</span></span></span><br />
<div dir="ltr">
</b:if> </div>
</blockquote>
</div>
<div style="text-align: center;">
ستجد ان داخل هذا النوع القسم الخاص بالتدوينة والتعليقات</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كمثال الكل يعرف الإضافات التالية :</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;">نبذة عن الكاتب</span></div>
<div style="text-align: center;">
<span style="color: red;">قد يهمك أيضا</span></div>
<div style="text-align: center;">
<span style="color: red;">ساعدنا بنشر هاته التدوينة</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
فطبعا إذا لاحظت النوع قبل هاته الإضافة ستجد انه النوع item</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثلا</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div dir="ltr">
<b:if cond='data:blog.pageType == &quot;<span style="background-color: red;"><span style="color: white;">item</span></span>&quot;'></div>
<div dir="ltr">
<div <span style="color: red;">id</span>='<span style="color: #0b5394;">post-author</span>'>--------------</div></div>
<div dir="ltr">
</b:if> </div>
</blockquote>
</div>
<h2 style="text-align: center;">
<span style="color: #3d85c6;"><span style="font-size: small;">النوع 3 - صفحات المحتوى index</span></span></h2>
<div style="text-align: center;">
هذا النوع هو الصفحات التي تظهر عند التنقل من خلال المشاركات الأقدم والأحدث</div>
<div style="text-align: center;">
او عند البحث او عند الضغط على تسمية ما</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثال</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:blog.pageType == &quot;<span style="background-color: red;"><span style="color: white;">index</span></span>&quot;'></div>
<div style="text-align: left;">
<span style="color: #38761d;"><span style="font-family: Verdana,sans-serif;"><span style="font-size: small;">أظهر ما أريده أنا في صفحات المحتوى فقط</span></span></span></div>
<div dir="ltr" style="text-align: left;">
</b:if></div>
</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
النوع 4 - صفحات الأرشيف archive</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هذا النوع خاص فقط واستعماله ليس بالكثير فهو يقوم بإظهاركافة التدوينات بشهر ما أو سنة ما</div>
<div style="text-align: center;">
المهم إستعماله محدود ولس مهما جدا جدا فقط يستعمل في الرشيف</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div dir="ltr">
<b:if cond='data:blog.pageType == &quot;<span style="background-color: red;"><span style="color: white;">archive</span></span>&quot;'></div>
<span style="color: #38761d;">أظهر ما أريده أنا في صفحات الأرشيف فقط </span><br />
<div dir="ltr">
</b:if></div>
</blockquote>
</div>
<div style="text-align: center;">
النوع 5 - صفحات ثابتة static_page</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هذا النوع جميل في التعامل كما انه مضاف حديثا لقوالب بلوجر وهو مازاد من جمالية البلوجر في عمل صفحات ثابتة مستقلة عن التدوينات</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الكل يعرف الصفحات التالية :</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;">إتصل بنا</span></div>
<div style="text-align: center;">
<span style="color: red;">إنظم إلينا</span></div>
<div style="text-align: center;">
<span style="color: red;">الدردشة مثلا</span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
فهي صفحات ثابثة ومستقلة </div>
<div style="text-align: center;">
مثال</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<b:if cond='data:blog.pageType == &quot;<span style="background-color: red;"><span style="color: white;">static_page</span></span>&quot;'> </div>
<div style="text-align: left;">
<span style="color: #38761d;">أظهرني داخل الصفحات الثابته فقط </span></div>
<div dir="ltr" style="text-align: left;">
</b:if></div>
</blockquote>
<div style="text-align: center;">
فطبعا إذا لاحظت النوع قبل هاته الصفحات ستجد انه النوع static_page</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كمثال بالنسبة لقالبي الجديد ستجد صفحة أسعار <a href="http://arabetutorial.blogspot.com/p/blog-page_4.html">الخدماث </a>أو <a href="http://arabetutorial.blogspot.com/p/blog-page_3827.html">اعمالنا </a>أو <a href="http://arabetutorial.blogspot.com/p/blog-page_107.html">إتفاقية الإستخدام </a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
فهاته الصفحات هي عبارة عن صفحات مستقلة كما انها ليس عادية بل وهي بشكل انيق وجذاب عبر استخدام </div>
<div style="text-align: center;">
لغة الـ HTML وتقنية الـ Css</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
بعضكم سيخبرني كيف فعلت هذا لكن ليس الآن فلكل شيء درسه الخاص :)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إذا فهو نوع مهم ويستحق التجربة وإضافته سهلة فقط عبر لوحة التحكم ثم الصفحات</div>
<h2 style="text-align: center;">
<span style="color: #3d85c6;"><span style="font-size: small;">النوع 6 - صفحات متغيرة url.html</span></span></h2>
<div style="text-align: center;">
وهو نوع جميل ومفيد لكنه صعب في نفس الوقت ويحتاج وقتا كبير </div>
<div style="text-align: center;">
ولا أظن أن احدا منا سيخصص وقته لتزيين كل تدوينة باستايل مختلف عن التدوينة الأخرى</div>
<div style="text-align: center;">
كالخلفيات وألوان الخطوط وحجمها وسمكها ونوعها إلخ...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أظن انك قد فهمت ما ارمز إليه</div>
<div style="text-align: center;">
الـ url.html أعني به رابط التدوينة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هل في شخص سيجرب هاته الطريقة ويضع استايل خاص بكل تدوينة ؟؟؟</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
المهم مثال عن هذا النوع</div>
<div style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
<b:if cond='data:blog.url == &quot;<span style="color: white;"><span style="background-color: red;">URL.html</span></span>&quot;'></div>
<div style="text-align: center;">
أظهرني في الصفحة المحددة فقط </div>
<div dir="ltr" style="text-align: center;">
</b:if></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
لكن أحب ان اقول ان له ميزة اخرى سنستعملها وهي جميلة جدا جدا واكثر من مفيدة لجميع أصحاب المدونات :)</div>
<div style="text-align: center;">
<br />اي انه يمكنك وضع وصف مقتطف من تلك التدوينة والكلمات الدلالية أي أن هذا النوع كما لو انه ميتاتاج لكل تدوينة وليس للمدونة باكملها</div>
<div style="text-align: center;">
مما يعني أرشفة سريعة جدا جدا لتدويناتك وانا أخصدائما جزءا من وقتي لكي تتأرشف مواضيعي بسرعة فائقة ^^</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ساعطيكم الطريقة في هاته التدوينة بإذن الله</div>
<div dir="ltr" style="text-align: center;">
<br /></div>
<div dir="ltr" style="text-align: center;">
<b:if cond='data:blog.url == &quot;<span style="color: white;"><span style="background-color: red;">URL.html</span></span>&quot;'><br /> <meta content='<span style="background-color: #6fa8dc;"><span style="color: white;">هنا تضع الوصف الخاص بالتدوينة</span></span>' name='description'/><br /> <meta content='<span style="color: white;"><span style="background-color: #6aa84f;">هنا تضع الكلمات الدلالية الخاصة بالتدوينة</span></span>' name='keywords'/><br /></b:if></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ستقوم بتغيير <span style="color: white;"><span style="background-color: red;">URL.html</span></span> برابط التدوينة التي تريد أرشفتها</div>
<div style="text-align: center;">
<br />ثم تضع وصفا لها وكلمات دلالية خاصة بها</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كل تدوينة أردت أرشفتها فبعد نشرك للتدوينة إذهب مباشرة واعمل هاته الخطوة وقم بإضافتها تحت كل واحدة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أظن ان هذا النوع أصبح مفيدا في شئ ما لكن مع ذللكالعمل يبقى يدويا ولكن النتائج ستكون مفرحة طبعا</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
مثلا قم بالذهاب إلى جوجل وابحث عن <span style="color: red;">تصميم قوالب بلوجر</span></div>
<div style="text-align: center;">
وانظر للنتيجة وأرجوا إخباري في أي مرتبة ظهرت مدونتي بالنسبة لهاته الجملة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وقد تكون هاته النتيجة هي دليلنا حول الارشفة السريعة عبر هاته الطريقة لأن مدونتي هي التي تظهرفي السطر الاول باول صفحة لكن أطلب منكم ان تقولوا عبر تعليق في مرتبتي عند البحث عن <span style="color: red;">تصميم قوالب بلوجر</span> لكل شخص من بلد معين ;)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وأرجوا أن أكون قد توفقت في الطرح وإزالة بعض الغموض</div>
<div style="text-align: center;">
تحياتي اخوكم اسامة ولاتنسوا التعليق</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
والسلام عليكم ورحمة الله تعالى وبركاته </div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/11738394460697699932noreply@blogger.com25tag:blogger.com,1999:blog-4331995931754813943.post-11928752234031571462013-05-03T00:48:00.002+01:002013-05-03T00:48:26.851+01:00اضافة زر الصعود الى الاعلى فى مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<span style="color: red;">السلام عليكم و رحمة الله و بركاته</span></h2>
<h4 style="text-align: center;">
<span style="color: orange;">بسم الله و الحمدلله و الصلاو و السلام على رسول الله و بعد :-</span></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj51EoJfhrYLObrGTIGByZ4F5vrR-XtbTEXlaQ3eLClbW0w72UjezgXQFQCWGKTxazpq_3re_hc4NU_x37UIF1Q1vs0yOn6UnNSEDzsI4Lm_MXXH86d1MfBVCCUwZqSkl9OtF9PHVlBIrM/s1600/02-05-2013+10-00-56+%D9%85.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj51EoJfhrYLObrGTIGByZ4F5vrR-XtbTEXlaQ3eLClbW0w72UjezgXQFQCWGKTxazpq_3re_hc4NU_x37UIF1Q1vs0yOn6UnNSEDzsI4Lm_MXXH86d1MfBVCCUwZqSkl9OtF9PHVlBIrM/s1600/02-05-2013+10-00-56+%D9%85.png" /></a></div>
<h4 style="text-align: center;">
</h4>
<h3 style="text-align: center;">
<span style="color: #38761d;">اليوم معنا طريقة إضافة زر الصعود الى الاعلى لمدونات بلوجر </span></h3>
<div style="text-align: center;">
<b><span style="color: #3d85c6;">الطريقة سهلة جدا نبدأ على بركة الله</span></b></div>
<h4 dir="ltr" style="text-align: center;">
<span style="color: #674ea7;">1- نذهب الى بلوجر >> قالب >> تحرير html<br />2- ابحث عن <head/> و أضف قبله الكود التالى </span><br /></h4>
<div style="text-align: left;">
<blockquote>
<span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/javascript"</span>></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"></<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span><br /><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/css"</span>></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="css" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="id" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#w2btoTop</span> <span class="rules" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{<span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">none</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">text-decoration</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">none</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">fixed</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">bottom</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">right</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">overflow</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">hidden</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">51</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">51</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">none</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">text-indent</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-<span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">999</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="function" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">url(http://<span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2</span>.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png)</span> no-repeat left top</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></span></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="css" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="id" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#w2btoTopHover</span> <span class="rules" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{<span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="function" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">url(http://<span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2</span>.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png)</span> no-repeat left -<span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">51</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">51</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">51</span>px</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">block</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">overflow</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">hidden</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">float</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">left</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">opacity</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span></span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-moz-opacity</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span></span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">filter</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="function" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">alpha(opacity=<span class="number" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>)</span></span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></span></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="css" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="id" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#w2btoTop</span><span class="pseudo" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:active</span>, <span class="id" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#w2btoTop</span><span class="pseudo" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:focus</span> <span class="rules" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{<span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">outline</span>:<span class="value" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">none</span>;</span><span class="rule" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></span></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"></<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="tag" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"http://widgets.way2blogging.org/blogger-widgets/w2b-jquery.ui.totop.js"</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/javascript"</span>></span><span class="tag" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span> <span class="attribute" style="border: 0px; color: #b58900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="value" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/javascript"</span>></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="javascript" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="border: 0px; color: #93a1a1; font-family: inherit; font-size: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/*<![CDATA[*/</span></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;">;(<span class="function" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="keyword" style="border: 0px; color: #859900; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span><span class="params" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">($)</span>{</span>$().UItoTop({easingType:<span class="string" style="border: 0px; color: #2aa198; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'easeOutCirc'</span>});})(jQuery); </span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"><span class="javascript" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="border: 0px; color: #93a1a1; font-family: inherit; font-size: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/*]]>*/</span></span></span><span class="tag" style="border: 0px; color: #657b83; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; white-space: pre;"></<span class="title" style="border: 0px; color: #268bd2; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span><br /><span style="color: #7f6000;"><span style="font-family: Courier New, monospace;"><span style="font-size: 12px; line-height: 19px; white-space: pre;"> </span></span></span></blockquote>
</div>
<h4 style="text-align: center;">
<span style="font-size: small;"><span style="font-family: inherit;"><span style="color: #7f6000;"><span style="line-height: 19px; white-space: pre;">و الان تمت الاضافة بنجاح </span><span style="line-height: 19px; white-space: pre;">لا تنسوا ترك تعليقاتم </span></span></span></span></h4>
<h2 style="text-align: center;">
<span style="font-size: small;"><span style="font-family: inherit;"><span style="color: #e06666;"><span style="line-height: 19px; white-space: pre;">و السلام عليكم و رحمة الله تعالى و بركاته</span></span></span></span></h2>
</div>
Anonymoushttp://www.blogger.com/profile/01964826182849944536noreply@blogger.com7tag:blogger.com,1999:blog-4331995931754813943.post-68577400565039194082013-05-02T12:04:00.000+01:002013-05-02T12:22:03.170+01:00برنامج Advanced SystemCare 5 كامل + الشرح بالفيديو<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<span style="font-size: xx-small;">جايب لكم اليوم برنامج</span><strong style="text-align: start;"><span style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;"><span style="font-size: xx-small;"> </span></span><span style="color: #0b5394; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;"><span style="font-size: xx-small;">Advanced SystemCare 5</span></span><span style="color: orange; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;"><span style="font-size: xx-small;"> </span></span><span style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;"><span style="font-size: xx-small;"> </span></span></strong><span style="font-size: xx-small;">مع شرح التثبيت بالفيديو </span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoyKjnnGhyI5Xcb2h0IuuCNmFMLiIX0TLnxu_yriZpXUYD87yn-qwe6MEYDnDpb-cJBM74AJK0g12_NWTPb6lxSj083NLZ5BJ2qgVJYOktt-2pEAR2bOn0idQz7oXw8MCNQoxjZYmdphGe/s1600/a-s-by-bisso.png" imageanchor="1" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoyKjnnGhyI5Xcb2h0IuuCNmFMLiIX0TLnxu_yriZpXUYD87yn-qwe6MEYDnDpb-cJBM74AJK0g12_NWTPb6lxSj083NLZ5BJ2qgVJYOktt-2pEAR2bOn0idQz7oXw8MCNQoxjZYmdphGe/s320/a-s-by-bisso.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
وكل ما اتمنى منكم الاشتراك في <span style="color: red;">اليوتيوب </span>و <span style="color: #3d85c6;">تويتر </span>و <span style="color: #0b5394;">الفيسبوك </span>و زوروا <span style="color: orange;">المدونة</span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<a href="https://www.facebook.com/mamq91" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaD9Ck1r1dJRqazw3X9okzPArlcBela0q6hfseklr8JMuvdv0z5ARQ4vdsjcDvtrdwG2AlJV8nQ59VZOl_P8MoCAOrI1bahoGI1777KH4fQ1-YYmbfPPfSC6QZne-mUhwryUpZZLOnA4e/s1600/Facebook.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a><a href="https://www.youtube.com/mamq91" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUHP2t65Y2UYLB3T4SQsLZRt08tSgM4-o6h0_xK6vwzxjBFhqPs5OVz2HCHxtQXKDiAPqSrN5MKU-A52QDkPCnjHhnWKGMi1JrUw6VctUiFOKhWH44aUwMSC85uuxWW2S8QbhXl7qRDqq/s1600/Youtube.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a><a href="https://www.twitter.com/imamq91" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUosmW0eRO_0xunJLYqmEfgSwog7IzsC7RO9XV-gDNz7T7967lvEUTVcOfj9Wsl6kGbIDc7e3Jx88wbWlsxXhdC_aWEqHBBpIWcrHEHeVu4j4dnfsDgOLOoL3y9LweaGUYshBy4nvD9vN-/s1600/Twitter.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a><a href="http://m-dashan.blogspot.com/" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDeKKQByO_9_7swoKEne8geZLuAD7Rfp75_hfoaqwGDRggAqaunz9hOiq8EUswmE1BjjehyphenhyphenYAnMGEgOXKPvAq_550czcQlghi6-npz3L_mVMxQv34lnJ6xM93hr2o6ZH2Fem_jD34jin8/s1600/Blogger.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
بسم الله نبدأ :</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px;">
</div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;">_________________________________________</span></span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<img border="0" src="http://im38.gulfup.com/vm5uO.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<strong style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; text-align: start;"><span style="color: #ff9e00;"> </span></strong><strong style="background-color: transparent; text-align: start;"><span style="color: #0b5394; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;"><span style="font-size: xx-small;">Advanced SystemCare 5</span></span></strong></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;">_________________________________________</span></span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<img border="0" src="http://im40.gulfup.com/ulDz0.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px;">
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: #fefaf9; color: #333333; font-weight: bold; line-height: normal;" /></span>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;"><span style="line-height: normal;">برنامج صيانة الكمبيوتر وتسريعه والعنايه به <span style="color: #0b5394;">Advanced SystemCare</span> من أفضل برامج الصيانه</span><br style="line-height: normal;" /><span style="line-height: normal;">خفيف على الجهاز ولا يعوقك فى العمل أثناء صيانة جهازك كما تتم عملية الصيانة بسرعة ودقة متناهية</span><br style="line-height: normal;" /><span style="line-height: normal;">يحتوى البرنامج على أكثر من <span style="color: red;">20 أداة</span></span></span></div>
</div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;">_________________________________________</span></span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<img border="0" src="http://im40.gulfup.com/NAcgh.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<a href="http://im36.gulfup.com/4q5jv.png" imageanchor="1" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" height="133" src="http://im36.gulfup.com/4q5jv.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" width="320" /></a></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><br /></span></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><br /></span></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><br /></span></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"></span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;">_________________________________________</span></span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<img border="0" src="http://im35.gulfup.com/dXpXi.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px;">
<div style="text-align: center;">
<span style="-webkit-text-size-adjust: none; color: #7f7f7f; font-family: segoeui, sans-serif; font-size: 24px; line-height: normal; text-align: right; text-decoration: line-through;">$49.99</span></div>
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: orange;">مجاني لعيونكم :)</span></div>
<div style="background-color: white; color: #405351; font-family: Helvetica, Arial; font-size: 10px; line-height: 20px;">
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;">_________________________________________</span></span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #339999; font-family: 'Arabic Transparent'; font-size: xx-small;"><span style="color: #cc0000;"><br /></span></span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="font-size: x-small;">للتحميل اضغط على الصورة الموقع المفضل لك</span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center;">
<a href="http://www.mediafire.com/?yhy3jct9aceujhk" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc3wbMMUpUSWD9EHfM20Cmq4uUZ1fzkWmEB66mVQbG5I7NDEAp0ik_8mYP8Semi26iB_4VEeP5gqadNqhc0NwdURSu2OGyqPvxwVbeh-djyE8aIv-pvx4mD114CH4FE6LBia5FcqWdkc_P/s1600/MEDIAFIRE.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://www.4shared.com/rar/8LGLOXXK/Advanced_System_Care_Pro_V_520.html" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycN-BuA0bPeqWft98tf7JPcLm83nbDUOVPIIHXKzKW448BIL97UqlwITJie_MAF-8GlH-kDiI_cb3itylAkfiR8f2E4uIVkEJwl0kiUycvzKwOrk5zpwb4Pf4hwqUOjibxuDdX0we7ha9/s1600/4SHARED.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://rapidshare.com/files/1877881792/Advanced%20System%20Care%20Pro%20V%205.2.0.223.rar" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTESRVf5ERBBmd11LIk8gLJOyW6_e_DoGufpOzpORwVJOEhBRystY0hVfMqT3pM8_R7fDzL4a0oKx8AVg-ufmhqXNYgQ6C6kQc7tVDpUHZUFKQWyygyjRr5wvx5fhwKGW_GtP2I67E_eEE/s1600/rapidshare.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<a href="http://filerio.in/9xv84pe4ppbx" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFwKOksg6_9HWPleDVFSj7myCbd7JN2rsX7XuTdgvekT_x11q1dennrXptIC8xv-bHxGmxzaFPbzPOlzEa4zdn-QcKFH-yr0qwiiAgg6FHDtxvPcD-kvL8TFD-eSohDfaDAko1i_ow_Vu/s1600/filerio.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://www.filefactory.com/file/29l6s3ozg8h7/n/Advanced_System_Care_Pro_V_5.2.0.223.rar" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhys-YKO0iwUaRP9ilYPP_TCKmp5svTkc5a6VrfEkdtUVygzsSddWh1nXkTa1ZLVhuhzDfGRBIoby88yNRyfIuauaXPoWA8_r8b0AC2DivWDxKkFFiY0o4ezNHPvRAmE3YFF1c9nj9b1xHW/s1600/filfactory.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://depositfiles.com/files/uddcehiuk" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj92XypqwxED4yeMQu2KufoXgHh3CeLrfBZZ5yBa8-NvflCQLtQzeKPSaMN0dYVC3dYxM5UUS1fSR6AnbmRcsxo9EcyX8jhau1uB8dSpVqFw8uCzlOzbfx8DfkKY6PKpQoi3ETgdWNAdaa_/s1600/depositfile.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<a href="http://d01.megashares.com/index.php?d01=BJ0ltvq" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDT-GG4E38KWGi0jB_hYqqWQWlLOKX85Tglfcg2MuLItGzAvCVhXmzBrl6OczXIIXyEgYEb394gWnPA-ZiWliQWVBZVH_OCeF5RI1ZE13YNr6hlPoK3GcWwTRLjIHjHLhfKzSyQhDd5bn/s1600/megashares.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://uploaded.net/file/bh3qb7dz/Advanced%20System%20Care%20Pro%20V%205.2.0.223.rar" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHYovcJq700bCPBK4zXEYx1SL8OhKlWFtSH3euDrs4TBSytuuZFAP75leELvnmbyAkegPcC_0RvkqDu10wiGteA17hRrZA8Cho4vXa8R4aV8VuYdNqUppTNflOExRBUco0_T89ZJ3hdHia/s1600/uploaded.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a> <a href="http://filecloud.io/4rmkobig" style="-webkit-transition: all 0.5s ease; border: 0px; color: #ff9101; outline: none; text-decoration: none; transition: all 0.5s ease;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_FiPAiWlGRM_7Hwko0If-vw_cXll0L4Czmab3N66PJt2rI2CsE3E9lRlkF3IYGUsdMT9SFErfYrpLih5uCI7n03XaKXYBIhXGJMusuhtdZ7b2P3A82PTM87czP6oUzbEQfoSWtfvi9_C/s1600/filecloud.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #cc0000;">_________________________________________</span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<span style="color: #cc0000;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;">
<img border="0" src="http://im31.gulfup.com/S0qN3.png" style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 4px 4px; padding: 6px;" /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<span style="font-size: x-small;"><b>تابع الشرح بالفيديو</b></span></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br />
<div class="separator" style="clear: both;">
</div>
<a href="http://www.youtube.com/watch?v=TC2ANpPVbCk">http://www.youtube.com/watch?v=TC2ANpPVbCk</a><br />
<div class="separator" style="clear: both;">
</div>
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<br /></div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
<div class="separator" style="clear: both;">
</div>
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
في الختام اتمنى ان الموضوع ان ينال على <span style="color: red;">اعجابكم </span>و ان <span style="color: red;">الشرح </span><span style="color: #6aa84f;">واضح لا غبار عليه</span> </div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
</div>
<div style="background-color: white; color: #405351; font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; text-align: center;">
واي استسفار انا حاضر </div>
</div>
Anonymoushttp://www.blogger.com/profile/04674614244906879706noreply@blogger.com2tag:blogger.com,1999:blog-4331995931754813943.post-10525338515368235872013-04-30T22:47:00.002+01:002013-04-30T22:59:11.624+01:00حصريا اضف الفوتوشوب الى موقعك الان وبكود صغير<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/AVvXsEjwEFB4bFlr0Mae5i4xU7n1q7ZNHvB_wPHZk2Pe64BltaiSGKrJqi1R9yQGg0t8mlej1qpnRD0vwiaXR1q1I4rhr6VPf_zpSizHwubaIkSemmBG7Du0Ou0Tn15nxcz7yoKx9Ku1ayNlOxQ/s1600/30-04-2013+14-34-57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="576" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEFB4bFlr0Mae5i4xU7n1q7ZNHvB_wPHZk2Pe64BltaiSGKrJqi1R9yQGg0t8mlej1qpnRD0vwiaXR1q1I4rhr6VPf_zpSizHwubaIkSemmBG7Du0Ou0Tn15nxcz7yoKx9Ku1ayNlOxQ/s640/30-04-2013+14-34-57.png" width="640" /></a></div>
<span style="color: #444444; font-size: large;"><b><br /></b></span>
<b><span style="color: #444444;">السلام عليكم و رحمة الله تعالى و بركاته اليوم اقدم مفاجئة كبيرة و سارة لاخونا العزيز و الكريم اسامة بويردن صاحب المدونة هدية تكريمية لخدماته الفنية و دعمه لنا موضوعا تحت عنوان اضف الفوتوشوب الى موقعك الان وبكود صغير فقطو للمعاينة </span><span style="color: orange;"><a href="http://th3smallpro.blogspot.com/p/blog-page_30.html">من هنا</a></span><span style="color: #444444;"> .</span></b><br />
<span style="color: #444444; font-size: large;"><b><br /></b></span>
<span style="color: #444444;"><b>شرح اضافة الكود اعمل صفحة جديدة سوي لها تحرير و غير من التاليف الى ال HTML . </b></span><br />
<span style="color: #444444;"><b>الكود :</b></span><br />
<b></b><br />
<div style="color: #444444; text-align: left;">
<b><div dir="rtl" style="text-align: right;" trbidi="on"></b></div>
<div style="color: #444444; text-align: left;">
<b><center></b></div>
<div style="text-align: left;">
<b><span style="color: #444444;"><iframe align="middle" border="0" frameborder="0" height="</span><span style="color: red;">600</span><span style="color: #444444;">" name="ps" src="http://pixlr.com/editor/" width="</span><span style="color: blue;">600</span><span style="color: #444444;">"></iframe></center></span></b></div>
<div style="color: #444444; text-align: left;">
<b></div></b></div>
<br />
<br />
<span style="background-color: #efefef; color: #333333; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; font-size: large; line-height: 21px; text-align: center;"><br /></span>
<span style="color: #444444;"><b><span style="background-color: #efefef; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; line-height: 21px; text-align: center;">لتغيير مقاييس البرنامج ليتوافق مع موقعك غيره كما تريد </span></b></span><b style="background-color: #efefef; color: #444444; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; line-height: 21px; text-align: center;">غيرالرقم اللذى بالأحمر </b><b style="background-color: #efefef; color: #444444; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; line-height: 21px; text-align: center;">لتغييرالطول </b><b style="background-color: #efefef; color: #444444; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; line-height: 21px; text-align: center;">والرقم اللذى بالأزرق لتغيير العرض و في النهاية ارجوا من الاخوان </b><b style="background-color: #efefef; color: #444444; font-family: 'Droid Arabic Kufi', arial, georgia, verdana; line-height: 21px; text-align: center;">الكرام ولو الرد بشكر بسيط لمساهمة افضل في المدونة ان شاء الله و شكرا!!!!.</b><br />
<div style="text-align: center;">
<span style="color: #444444; font-family: Droid Arabic Kufi, arial, georgia, verdana;"><span style="line-height: 21px;"><b>ولا تنسوا الدعاء لاخينا اسامة العزيز و الدعاء له .</b></span></span><br />
<br /></div>
<div>
<span style="font-size: x-small;"><br /></span></div>
</div>
Unknownnoreply@blogger.com2