المحترف المصري

فوتوشوب اونلاين

ديسمبر 17, 2017 nemsden 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 class="post-title entry-title" itemprop="name" style="background-color: white; color: #69707b; font-family: "Droid Arabic Kufi", tahoma; font-size: 18px; text-align: start; transition-duration: 0.5s;">
محرر صور مجاني أونلاين</h1>
<div class="post-header" style="background-color: white; color: #7a7a7a; font-family: "Droid Arabic Kufi", tahoma; font-size: 13px; text-align: start; transition-duration: 0.5s;">
<div class="post-header-line-1" style="transition-duration: 0.5s;">
</div>
</div>
<div class="post-body entry-content" id="post-body-6288078775032476045" itemprop="description articleBody" style="background-color: white; color: #7a7a7a; font-family: "Droid Arabic Kufi", tahoma; font-size: 13px; text-align: start; transition-duration: 0.5s;">
<div dir="ltr" style="transition-duration: 0.5s;" trbidi="on">
<div dir="rtl" style="text-align: right; transition-duration: 0.5s;">
لن تحتاج الفوتوشوب و لا أي برنامج تحرير صور بعد الأن :) عبر واجهة هذا التطبيق البسيط و في نقرات قليلة يمكنك تصميم صورك و التعديل عليها مجانا و في ثواني .</div>
<br style="transition-duration: 0.5s;" />
<br style="transition-duration: 0.5s;" />
<a href="http://www.adobe.com/mena_ar/products/flashplayer.html" rel="nofollow" target="_blank">اضغط هنا</a><br />
<div class="post hentry uncustomized-post-template" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" style="margin-bottom: 15px; margin-top: 9px; transition-duration: 0.5s;">
<div class="post-body entry-content" id="post-body-6288078775032476045" itemprop="description articleBody" style="transition-duration: 0.5s;">
<div style="clear: both; transition-duration: 0.5s;">
</div>
</div>
<div class="post-body entry-content" id="post-body-6288078775032476045" itemprop="articleBody" style="transition-duration: 0.5s;">
<div style="clear: both; transition-duration: 0.5s;">
</div>
</div>
<div class="post-footer" style="transition-duration: 0.5s;">
<div class="post-footer-line post-footer-line-3" style="transition-duration: 0.5s;">
<span class="post-location" style="overflow: hidden; transition-duration: 0.5s;"></span></div>
</div>
</div>
</div>
</div>
</div>

فوتوشوب اونلاين فوتوشوب اونلاين

محرر صور مجاني أونلاين لن تحتاج الفوتوشوب و لا أي برنامج تحرير صور بعد الأن :) عبر واجهة هذا التطبيق البسيط و في نقرات قليلة يمكنك...

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

ماهو الباك لينك ؟ و كيف أحصل على واحد مجانا !

ديسمبر 17, 2017 nemsden 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="background: rgb(49, 76, 101); border: 0px; color: white; direction: rtl; font-family: ge_ss_twomedium; font-size: 16px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 100; line-height: normal; margin: -10px -10px 7px; outline: 0px; padding: 12px; text-align: center; transition: all 0.3s ease-in-out; vertical-align: baseline; width: 666px;">
ماهو الباك لينك ؟ و كيف أحصل على واحد مجانا !</h1>
<div class="adsensefooter" style="background: rgb(255, 255, 255); border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; text-align: start; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<center style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<ins class="adsbygoogle" data-ad-client="ca-pub-7967026249515420" data-ad-slot="8459086991" data-adsbygoogle-status="done" style="background: transparent; border: 0px; display: inline-block; height: 280px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline; width: 336px;"><ins id="aswift_2_expand" style="background: transparent; border: none; display: inline-table; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; transition: all 0.3s ease-in-out; vertical-align: baseline; visibility: visible; width: 336px;"><ins id="aswift_2_anchor" style="background: transparent; border: none; display: block; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; transition: all 0.3s ease-in-out; vertical-align: baseline; visibility: visible; width: 336px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="280" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="background: transparent; border-style: initial; border-width: 0px; height: 280px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline; width: 336px;" vspace="0" width="336"></iframe></ins></ins></ins></center>
</div>
<div dir="rtl" style="background: rgb(255, 255, 255); border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;" trbidi="on">
 السيو , في الغالب انك سمعت كلمة السيو , لكن ربما لا تعرف ماهي و ما معناها و ما دورها أصلا . كلمة السيو , هي مجرد اختصار لكلمة Search Engine Optimization و التي تعني تهيئة المواقع من أجل أرشفتها على محركات البحث ك (جوجل , ياهو , بينج ...الخ) , فالسيو يساعدك على تنظيم و تهييئ موقعك من أجل ضهوره في الصفحات الأولى من نتائج محركات البحث . بعد تعرفك على السيو , دعني أريك ما محل الباكلينك من الاعراب ؟ البانكليك هو عبارة على مواقع كسبت ثقة جوجل , أي جوجل تأرشف مواضيعها و بسرعة كبيرة , ربما تتسائل ...وما فائدة هذا بالنسبة لك ؟؟ , يمكنك استغلال هذه المواقع لجعل موقعك هو الآخر موثوق من محركات البحث , وهذا أمر جيد و سيعود على موقعك بالنفع طبعا . <br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><div class="separator" style="background: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: center; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<a href="https://1.bp.blogspot.com/-mpG2FfIcLsg/WBM4sZGcnUI/AAAAAAAACmE/gPnQeaX5iPMZorAy1-TKQ6-CMGSoBqURQCLcB/s1600/oth.png" imageanchor="1" style="background: transparent; border: 0px; direction: rtl; margin: 0px 1em; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.3s ease-in-out; vertical-align: baseline;"><img border="0" height="360" src="https://1.bp.blogspot.com/-mpG2FfIcLsg/WBM4sZGcnUI/AAAAAAAACmE/gPnQeaX5iPMZorAy1-TKQ6-CMGSoBqURQCLcB/s640/oth.png" style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;" width="640" /></a></div>
<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />الآن تعرفت على الباك لينك , لكن المشكل هو أنه من أجل الحصول عليه من الضروري ان تشتري مساحات اعلانية على تلك المواقع , لكن يمكنك الحصول على ذلك مجانا مع موقعنا . اليوم سنتعرف على موقع يدعى reddit , فموقع reddit هو موقع مشهوور عند محترفي السيو , كما أنه معضم زواره اجانب , وهذا ان دل على شيئ سيدل على ما مدى احترافية الخدمة الذي يقدمها الموقع مجانا .<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />موقع reddit يعتبر من بين أشهر المواقع التي تقدم خدمة الباك لينك مجانا , من خلاله يمكنك حصد أكثر من 3000 آلاف زائر يوميا و ذلك حسب عملك , و حسب المواضيع التي تنشرها به , في الأصل الموقع يقدم خدمته فقط للاجانب لكنه مؤخرا قام بفتح قسم جديد باللغة العربية , و من اجل استعمال الموقع بطريقة سليمة تعود على موقعك بالافادة , قم بتطبيق هذا الخطوات .<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />أولا قم بالدخول الى موقع من القسم الخاص للعرب من الرابط التالي : <a href="https://www.reddit.com/r/ArabGeeks/" rel="nofollow" style="background: transparent; border: 0px; direction: rtl; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.3s ease-in-out; vertical-align: baseline;" target="_blank">reddit</a><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />لتجد واجهة الموقع بهذا الشكل :<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><div class="separator" style="background: transparent; border: 0px; clear: both; margin: 0px; outline: 0px; padding: 0px; text-align: center; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<a href="https://1.bp.blogspot.com/-GQxfTrHvEgM/WBM49OUzwaI/AAAAAAAACmI/Fcz-iyFbIcEORQ25o5eVRTcRyoA5oItogCLcB/s1600/Capture.PNG" imageanchor="1" style="background: transparent; border: 0px; direction: rtl; margin: 0px 1em; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.3s ease-in-out; vertical-align: baseline;"><img border="0" height="318" src="https://1.bp.blogspot.com/-GQxfTrHvEgM/WBM49OUzwaI/AAAAAAAACmI/Fcz-iyFbIcEORQ25o5eVRTcRyoA5oItogCLcB/s640/Capture.PNG" style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;" width="640" /></a></div>
<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />ثم تقوم بالتسجيل في الموقع , نشر روابطك , لكن لا انصحك بان تقوم بنشر رابط واحد العديد من المرات فهذا يعد امرا غير مرغوب به و يمكن أن يأدي بك الى الحظر , لذلك انشر روابط و بطريقة منسقة و سليمة حتى تظمن أمانك و أمان موقع معهم .<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />كما أنني انصحك بان تقوم بوضع مواضيع مثيرة و بها عناوين نوعا ما استفزازية , حتى تجلب أكبر قدر من الزيارات و مع الوقت كن متأكد ستكب ثقة محركات البحث و ضمان أرشفة مواضيعك و حصولها على زوار يوميين و بكم هائل .<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" />في الأخير ادعكم لزيارة الموقع عبر الرابط التالي <a href="https://www.reddit.com/r/ArabGeeks/" rel="nofollow" style="background: transparent; border: 0px; direction: rtl; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.3s ease-in-out; vertical-align: baseline;" target="_blank">reddit</a> و الاستمتاع بهذه الخدمة المجانية مجانا و حصد أكبر عدد من الزوار الممكنين</div>
</div>

عالم السيو ماهو الباك لينك ؟ و كيف أحصل على واحد مجانا !

ماهو الباك لينك ؟ و كيف أحصل على واحد مجانا ! السيو , في الغالب انك سمعت كلمة السيو , لكن ربما لا تعرف ماهي و ما معناها و ما دورها ...

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

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

ديسمبر 17, 2017 nemsden 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<span lang="AR-EG" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: hacen_liner; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">يعاني الكثيرون من أصحاب مدونات <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">بلوجر </b>من مشكلة انخفاض عدد <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">زوار</b> مدوناتهم سواء كانت هذه <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">المدونات </b>جديدة أو قديمة، وقد يرجع ذلك إلى عدم معرفتهم للطرق الفعالة والمبتكرة لتحسين ورفع ترتيب مدوناتهم على موقع إليكسا وبالتالي زيادة عدد الزوار بشكل تلقائي مع مرور الوقت، وهناك الكثير من <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">الطرق التي يمكنها أن تجذب الزوار إلى مدونتك بشكل كبير</b> وهي طرق بسيطة حقًا ولكن لها تأثير كبير جدًا على موقعك أو<b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;"> </b></span></span><b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">مدونة بلوجر</b><span style="background-color: white; font-family: hacen_liner;"> </span><span style="background-color: white; font-family: hacen_liner;">الخاصة بك.</span><br />
<div class="MsoNormal" dir="RTL" style="background: rgb(255, 255, 255); border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<span lang="AR-EG" style="background: transparent; border: 0px; font-size: 16pt; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;"><br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /></span></span><span lang="AR-EG" style="background: transparent; border: 0px; font-size: 16pt; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;"><img alt="Image result for ‫موقع اليكسا‬‎" height="299" src="http://www.tawjihpress.com/wp-content/uploads/2016/05/site-840x393.jpg" style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="طرق مميزة تساعد على رفع عدد زوار مدونة بلوجر وتحسين ترتيبها على موقع أليكسا" width="640" /></span></div>
<div class="MsoNormal" dir="RTL" style="background: rgb(255, 255, 255); border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">
<br style="margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /></div>
<span style="background-color: white; font-family: hacen_liner;">واليوم اخترنا لكم بعض من هذه الطرق المميزة التي سوف تستطيع من خلالها </span><b style="background: rgb(255, 255, 255); border: 0px; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">تحسين مستوى مدونة بلوجر وجذب الجمهور إليها </b><span style="background-color: white; font-family: hacen_liner;">من مختلف أنحاء العالم.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">1- اختيار اسم مميز لمدونة بلوجر</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">قد يبدو اسم مدونة بلوجر من الأمور البسيطة التي لا ينتبه إليها الكثيرون، ولكنه يلعب دورًا فعالاً جدًا في جذب الزوار إلى المدونة، لذلك لابد أن تحرص على اختيار اسم مثالي لمدونتك يتناسب مع محتوى المدونه، فلا يجب أن يكون اسم المدونة لا يعبر عن محتواها وإلا سوف يؤدي ذلك إلى عدم إعجاب الزوار بالمدونة وبالتالي لن يأتي إلى ذهنهم العودة إليها مرة أخرى.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">2- تحديد موضوع المدونة بدقة</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">لا يصح أن تكون مدونتك شاملة لمختلف المجالات، فمن الضروري أن تتخصص مدونة بلوجر في مناقشة موضوع واحد من المواضيع التي تهم فئة واحدة من فئات المجتمع، فمثلاً من الممكن تخصيص المدونة للتحدث عن ما يهم المرأة أو تخصيصها فيما يهم الرجل أو التحدث فيها عن الصحة وغيرها من المجالات الأخرى، لذلك عليك تحديد موضوع واحد لتكون مدونتك متخصصة فيه لتستطيع تسويقها وجذب الشريحة المستهدفة إليها مع إعطاء الزائر نوع من المصداقية لما تقدمه من معلومات هامه.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">3- الاهتمام بتقديم مقالات حصرية</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">من أهم ما يجعل مدونة بلوجر تحصل على الكثير من الزوار من مختلف أنحاء العالم هو كونها تتمتع بمقالات حصرية غير منسوخة من المواقع الأخرى، وبذلك تستطيع جذب أكبر عدد من الزوار وتحسين ترتيب مدونتك في موقع أليكسا، ولك أن تدرك أن المقالات المنسوخة من الأسباب الرئيسية التي تسبب الضرر للكثير من مدونات بلوجر، كما تؤدي إلى رفضها من أدسنس نظرًا لسياسات جوجل التي تتطلب محتوى مميز وحصري لدعم محتوى المواقع وتحقيق أقصى استفادة للزوار.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">4- اختيار قالب مناسب</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">يعتبر القالب أيضًا من أهم الأمور التي تساهم في جذب الزوار إلى موقعك، لذلك ننصحك باختيار قالب مناسب ومميز، حيث يفضل أن يكون القالب بسيطًا ليسهل تصفحة من خلال الزوار، فالزائر لا يحب المواقع الثقيلة التي تكون بطيئة التصفح ولا يفكر في العودة إليها مرة أخرى، كما أنه من الضروري اختيار القالب ذو الألوان الهادئة البسيطة لجذب أكبر عدد من الجمهور، كما أن القالب الجيد يساعد على تحسين مستوى مدونتك ويجعلها تتصدر نتائج البحث على جوجل.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">5- التسويق الفعال لمدونة بلوجر</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">من أهم الأمور التي تساعد على زيادة عدد زوار مدونة بلوجر هو القيام بنشرها والتسويق لها على مواقع التواصل الإجتماعي المختلفة مثل فيس بوك وتويتر وغيرها من المواقع الأخرى، ويمكنك أيضًا دعوة الأصدقاء والأقارب لرؤية المدونة وإعطاء رأيهم فيها، كما أنه من الضروري أن تقوم بنشر روابط مدونتك في الكثير من مجموعات الفيس بوك، ولكن لابد أن تكون على حذر أثناء نشر رابط المدونة حيث أنه من الضروري أن تقوم بنشر الروابط في المجموعات التي تهتم بمحتوى مدونة بلوجر الخاصة بك حتى لا يؤدي ذلك إلى حذر رابط المدونة من قبل موقع التواصل الإجتماعى وأعتبارها من المواقع الضارة.</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background: rgb(255, 255, 255); border: 0px; color: blue; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out; vertical-align: baseline;">6- التدوين المستمر</span><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><br style="background-color: white; font-family: hacen_liner; margin: 0px; outline: 0px; padding: 0px; transition: all 0.3s ease-in-out;" /><span style="background-color: white; font-family: hacen_liner;">لتحصل على المزيد من الثقة والمصداقية من قبل الجمهور المستهدف لابد أن تحرص على كتابة المقالات الحصرية بشكل يومي، مع الاهتمام باختيار الأوقات المناسبة للتدوين ونشر المقالات، فهناك الكثير من الأوقات التي تكون نسبة الزيارات فيها مرتفعة خلال اليوم.</span></div>

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

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

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

مكونات الويب Web Components

ديسمبر 16, 2017 nemsden 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<header class="entry-header" style="background-color: white; color: #333333; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 16px; text-align: start;"><h1 class="entry-title" style="clear: both; color: black; font-size: 36px; line-height: 48px; padding: 0.5em 0px 0.3em;">
مكونات الويب Web Components</h1>
<div class="entry-meta" style="clear: both; color: #666666; left: auto; line-height: 18px; padding-left: 0px; padding-right: 0px; right: 0px; top: 0px;">
<ul style="color: rgba(0, 0, 0, 0.3); list-style: none; margin: 0px; padding: 0px 0px 2em;">
<li class="author" style="background: right 0.9em no-repeat scroll transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; padding: 0.5em 0px 0.5em 0.5em;"><br /></li>
</ul>
</div>
</header><br />
<div class="entry-content" style="background-color: white; color: #333333; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 16px; text-align: start;">
<div style="padding: 0.5em 0px; text-align: justify;">
لا يخلو أي مشروع ويب حقيقي في أيامنا الحالية يعتمد لغة PHP من استخدام أحد <a href="http://blog.guestra.net/1120/%d9%85%d9%83%d8%aa%d8%a8%d8%a7%d8%aa-php-%d8%a7%d9%84%d8%a3%d9%83%d8%ab%d8%b1-%d8%aa%d9%85%d9%8a%d8%b2%d8%a7%d9%8b-%d8%ae%d9%84%d8%a7%d9%84-2012/" style="color: #41b7d8; text-decoration-line: none;" target="_blank" title="مكتبات PHP الأكثر تميزاً خلال">أطر العمل PHP FrameWork</a>، حيث يمكن لكل متابع أن يلمس التسارع في تطور هذه الأطر، وكما نعلم معظم هذه الأطر تهتم بطريقة البرمجة من جهة المخدم (Server Side)، ولكن ما الجديد في التقنيات الويب من جهة الزبون (Client Side)؟!</div>
<div style="padding: 0.5em 0px; text-align: justify;">
إن ظهور HTML5 و CSS3 وقبلها مكتبات Javascript (مثل jQuery، Zepto… إلخ ) وما يحدث لهذه المكتبات من تطوير سريع هو أهم ما حصل إلى الأن، ولكن هل هناك مفاهيم جديدة قد تغير كل ما سبق وتتجه بالويب الذي نعلمه اليوم كمبرمجين إلى مستوى جديد تماماً ، ويجعلنا نعود لنتعلم الأساسيات من جديد ؟!، بصراحة الجواب هو نعم <img alt=":)" class="wp-smiley" src="http://blog.guestra.net/wp-includes/images/smilies/simple-smile.png" style="background: none !important; border: none; box-shadow: none !important; display: inline !important; height: 1em; margin-bottom: 0px; margin-left: 0.07em !important; margin-right: 0.07em !important; margin-top: 0px; max-height: 1em; max-width: 97.5%; padding: 0px; vertical-align: -0.1em !important; width: 1em !important;" /></div>
<div style="padding: 0.5em 0px; text-align: justify;">
قد يعتبر البعض انها نقمة على المبرمجين ، وقد يتحمس البعض لتعلم أشياء جديدة. بكل الأحوال أحد هذه المفاهيم الجديدة هي مكونات الويب أو Web Components.</div>
<div style="padding: 0.5em 0px;">
<a href="http://blog.guestra.net/wp-content/uploads/2014/02/webcomponents1.png" style="color: #41b7d8; text-decoration-line: none;"><img alt="Web Components" class="alignnone size-full wp-image-2047" height="257" src="http://blog.guestra.net/wp-content/uploads/2014/02/webcomponents1.png" style="border: 0px; height: auto; margin-top: 0.4em; max-width: 97.5%; width: auto;" width="377" /></a></div>
<div style="padding: 0.5em 0px;">
<span id="more-2039"></span></div>
<h2 style="clear: both; color: black; font-size: 24px; margin: 0.4em 0px 0.1em;">
ما هي مكونات الويب Web Components؟</h2>
<div style="padding: 0.5em 0px;">
تحتوي مكونات الويب Web Components العديد من المفاهيم الجزئية التي تجعل الويب من جهة المستخدم بيئة جديد تماماً، وهي :</div>
<h3 style="clear: both; font-size: 20px; line-height: normal; margin: 0.3em 0px 0.05em;">
القوالب Templates</h3>
<div style="padding: 0.5em 0px; text-align: justify;">
حيث يمكن تعريف نصوص HTML Markup <strong>خامدة</strong> من قبل المبرمجين، أي لا يقوم المستعرض بمعالجتها (Parsing) أو عرضها (Rendering) أو تحميل الموارد الموجودة داخلها من صور وغيرها إلا عندما نطلب منه ذلك من خلال سكريبت مرتبط، ميزة ممتازة تجعل أداء صفحات الويب ينتقل إلى مستوى جديد، حتى في حالة وجود صفحات معقدة جداُ وتحوي آلاف من الأسطر.</div>
<h3 style="clear: both; font-size: 20px; line-height: normal; margin: 0.3em 0px 0.05em;">
العناصر المخصصة Custom Elements</h3>
<div style="padding: 0.5em 0px; text-align: justify;">
<img alt="Custom Element " class="alignnone size-medium wp-image-2042" height="219" sizes="(max-width: 500px) 100vw, 500px" src="http://blog.guestra.net/wp-content/uploads/2014/02/fig_1-500x219.png" srcset="http://blog.guestra.net/wp-content/uploads/2014/02/fig_1-500x219.png 500w, http://blog.guestra.net/wp-content/uploads/2014/02/fig_1.png 640w" style="height: auto; margin-top: 0.4em; max-width: 97.5%;" width="500" /></div>
<div style="padding: 0.5em 0px; text-align: justify;">
حيث يمكن تعريف عنصر HTML جديد، وما يحويه من خصائص وطريقة إظهار الخاصة به والواجهات البرمجية (Interfaces) والأحداث (Events) الخاصة به.</div>
<div style="padding: 0.5em 0px; text-align: justify;">
مثال حي على ذلك عنصر <video> في HTML5 وهو عنصر أساسي ولكن، كيف يمكننا أن نجعل وسماً وحيداً يظهر ازرار تحكم متعددة، بشكل معين (Layout)، وتنفيذ العديد من المهام؟</div>
<div style="padding: 0.5em 0px; text-align: justify;">
هذا ما يمكن للعناصر المخصصة أن تؤمنه للمبرمجين بالتعاون مع كائنات الظل Shadow DOM، بالإضافة إلى إمكانية التوسع أو الوراثة من عناصر أساسية موجودة والتلاعب بخصائصها والإضافة عليها، شيء جميل جداً!</div>
<h3 style="clear: both; font-size: 20px; line-height: normal; margin: 0.3em 0px 0.05em;">
كائنات الظل Shadow DOM</h3>
<div style="padding: 0.5em 0px; text-align: justify;">
<img alt="shadowDOM" class="alignnone size-full wp-image-2043" height="399" sizes="(max-width: 462px) 100vw, 462px" src="http://blog.guestra.net/wp-content/uploads/2014/02/shadowDOM.jpg" srcset="http://blog.guestra.net/wp-content/uploads/2014/02/shadowDOM-347x300.jpg 347w, http://blog.guestra.net/wp-content/uploads/2014/02/shadowDOM.jpg 462w" style="height: auto; margin-top: 0.4em; max-width: 97.5%; width: auto;" width="462" /></div>
<div style="padding: 0.5em 0px; text-align: justify;">
حيث يمكن تعريف شجرة فرعية من الكائنات البرمجية المرتبطة وتغليفها (Encapsulation).</div>
<div style="padding: 0.5em 0px; text-align: justify;">
من أهم المشاكل في تقنيات البرمجة من جهة الزبون عدم وجود القدرة على التغليف (Encapsulation) بشكل كامل لعناصر المستند (DOM) وحمايتها من نصوص برمجية (Scripts) أخرى موجودة في نفس الصفحة، سابقاً كان يمكن تحقيق ذلك فقط من خلال استخدام Iframe و نعلم أن هذا غير مستحب إطلاقاً لأسباب عديدة لسنا بصدد ذكرها الآن.</div>
<div style="padding: 0.5em 0px; text-align: justify;">
أتى مفهوم كائنات الظل لتفادي هذه المشكلة، حيث يمكن تغليف العناصر وتنسيقاتها (Styles) وحمايتها.</div>
<h3 style="clear: both; font-size: 20px; line-height: normal; margin: 0.3em 0px 0.05em;">
الاستيراد Imports</h3>
<div style="padding: 0.5em 0px;">
وهي تعريف كيف يمكن للعناصر المخصصة Custom Elements والقوالب Templets التي ذكرت سابقاً أن تكون عبارة عن مورد Resource وتكون مرتبة في زرم Packages.</div>
<div style="padding: 0.5em 0px;">
لا تقلق! ما زال هناك القليل من الوقت للكلام عن دعم كامل لهذه التقنيات على جميع مستعرضات الويب، ولكن انتبه إلى أن من يضغط بإتجاه دعم هذه المفاهيم هو شركة غوغل ، حيث يعتبر Chrome Canary أفضل داعم لها حالياً.</div>
<div style="padding: 0.5em 0px;">
سنعتبر هذه المقالة بمثابة تسليط للضوء على مكونات الويب، وسندع الكلام في تفاصيل كل جزء منها لمرات قادمة.</div>
<div style="padding: 0.5em 0px;">
ولكن للمتحمسين للقراءة أكتر يمكنهم قراءة هذا المستند من W3C (مسودة) <a href="http://w3c.github.io/webcomponents/explainer/" style="color: #41b7d8; text-decoration-line: none;" target="_blank">Introduction to Web Components</a>.</div>
<div style="padding: 0.5em 0px;">
وللمتحمسين بتجربة هذا المفهوم يمكنهم الاطلاع على مشروع <a href="http://www.polymer-project.org/" style="color: #41b7d8; text-decoration-line: none;" target="_blank">Polymer Project</a> وهو مشروع قائم على مفهوم مكونات الويب ، ويوفر دعم معظم ميزاتها على المستعرضات الحالية.</div>
</div>
</div>