تنسيق روابط المشاركة المخصصة على مواقع التواصل الاجتماعية

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



إنشاء زر مشاركة مخصص

التطبيق العملي

  • نقوم بوضع الكود الرئيسي والذي يحتوى على شفرة الموقع الإلكتروني وليكن مثلا زر الفايسبوك  وهو كالتالي... 
     <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>
 </a>
  • نقوم الآن بوضع إسم مع الوسم وليكن مثلا إسم الموقع (facebook) أو كلمة (شارك) المحددة باللون ليصبح كالتالي... 
    <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>
  شارك
 </a>
  • نضع الآن أيقونة (facebook) لتكن صورة أو رمز من رموز مكتبة Font Awesome المحددة باللون ليصبح الكود كالتالي... 
    <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>
  <i class='fa fa-facebook'></i>
  شارك
 </a>
  • إذا أردنا عند الضغط على الزر يفتح معك في نافذة منبثقة أضف السمة المحددة باللون ليصبح الكود النهائي كالتالي... 
    <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
  <i class='fa fa-facebook'></i>
  شارك
 </a>
  • لتخصيص الشكل الخارجي للزر هنا نحتاج إدراج إسم فئة class المحددة باللون كالتالي... 
    <a class='share-item' expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
  <i class='fa fa-facebook'></i>
  شارك
 </a>
  • بعدما أضفنا هوية للزر بإسم الفئة share-item قم بالبحث عن هذا الوسم ]]></b:skin>فوقه أي قبله قم بوضع كودCss التالي.. 
    .share-item {
    padding: 10px;
    margin: 0 auto;
    max-width: 150px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #38559c;
    color: white;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
}
    شرح نمط الكود
    النمط المحدد بهذا اللون الأول خاص بحجم الحشو والثاني سعة الهامش.
    النمط المحدد بهذا اللون خاص بأقصى حجم طول الزر
    النمط المحدد بهذا اللون الأول خاص بحجم الخط والثاني بالسمك 400 أخف / 700 أثقل
    النمط المحدد بهذا اللون خاص بمكان النص center الوسط right اليمين left اليسار
    النمط المحدد بهذا اللون الأول خاص بـ لون خلفية الزر والثاني لون النص والثالث تنسيق ضل النص
    النمط المحدد بهذا اللون خاص بدوران حافة الزر كلما زاد العدد زاد في تقوس الحافة.
  • الأن سنظيف تأثير بسيط على الزر عند مرور الماوس فوقه ما يعرف بالـ :hover التحويم بالشكل التالي... 
    .share-item:hover {
    background-color: #2f2f2f;
    color: #777;
}
    ما قمنا به هنا أضفنا مع الـكلاس .share-item خاصية :hover ثم غيرنا لون الزر ولون النص وبما أن الأيقونة هي عبارة عن خط فسيتغير لونها كذلك بمجرد مرور الماوس فوق الزر...بنفس الطريقة تستطيع التلاعب بالزر كما تشاء عبر إضافة أكواد التأثيرات...وفي الأخير ستلاحظ معاينة الزر الذي قمنا بتصميمه في الأسفل فوق كل شفرة موقع.

نماذج أولية لأزرار المشاركة

ستجد في الأسفل مجموعة من المواقع الأكثر إستعمالا على الصعيدين العربي والأجنبي..داخل كل حاوية ستجد توليفة من الشفرات هي نفس الأكواد التي طبقناها في المثال الذي سبق وهي مرتبة على الشكل الآتي
1- معاينة للزر الذي صممناه منعكس على كود كل موقع
3- كود اللون الرئيسي المستعمل في الموقع.
2- كود زر المشاركة.
ابحث عن الموقع المرغوب للمشاركة واستبدل العنوان والأيقونة واللون في أداتك.
ملاحظة مهمة:
بعض المواقع لاتتوفر لها أيقونات رمز خطي على مكتبة  font-awesome لذلك رأينا الطريقة الأحسن هي إستبدالها بكود صورة svg لن تلاحظ الفرق سوى في حجم الكود الكبير نوعا ما لكن لا تقلق فذلك لن يأثر ...مثال على ذلك منصة بلوجرBlogger  وموقع Buffer.
فقط قم بنسخ كود صورة svg وضعه داخل الكود الرئيسي بنفس الطريقة التي أضفنا بها كود رمز أيقونات مكتبة font-awesome
  • المشاركة عبر [البريد الإلكتروني]
    شارك
    لون خلفية الزر #4d90f0 
    
 <a expr:href='&quot;//www.blogger.com/share-post.g?postID=&quot; + data:post.id + &quot;&amp;blogID=&quot; + data:blog.blogId  + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;target=email&quot;' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-envelope'></i>
 شارك
 </a>
    تستطيع أن تستعمل كذلك هذا الكود الجاهز والذي يمكنك التحكم في إظهاره أو إخفائه من خلال تحرير رسائل المدونة الإلكترونية في صفحة التخطيط ثم التحديد على مربع عرض أزرار المشاركة. 
    
  <!-- BLOG TEM Email Share Buttons Start -->
<b:if cond='data:top.showEmailButton'>
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-envelope'/>
<span class='share-button-link-text'>
<data:top.emailThisMsg/>
</span>
</a>
</b:if>
  • المشاركة على موقع [ Blogger ]
    شارك
    لون خلفية الزر #f79029 
    
 <a expr:href='&quot;//www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <svg version="1.1" id="Capa_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 508.52 508.52" style="enable-background:new 0 0 508.52 508.52;" xml:space="preserve" width="18px" height="18px">
<g>
<path style="fill:#FFFFFF;" d="M475.625,190.695h-28.509c-17.449,0-32.736-14.779-33.944-31.782
C413.172,68.205,340.041,0,248.698,0h-83.334C74.085,0,0.064,73.513,0,164.22v180.175C0,435.102,74.085,508.52,165.364,508.52
h177.982c91.343,0,165.174-73.449,165.174-164.156V227.976C508.488,209.86,493.868,190.695,475.625,190.695z M158.881,127.13
h95.347c17.48,0,31.783,14.302,31.783,31.782s-14.302,31.782-31.782,31.782h-95.347c-17.48,0-31.782-14.302-31.782-31.782
S141.4,127.13,158.881,127.13z M349.576,381.39H158.881c-17.48,0-31.782-14.302-31.782-31.782
c0-17.48,14.302-31.783,31.782-31.783h190.695c17.48,0,31.782,14.302,31.782,31.783
C381.358,367.088,367.056,381.39,349.576,381.39z"></path>
</g>
</svg>
 شارك
 </a>
  • المشاركة على موقع [ Facebook ]
    شارك
    لون خلفية الزر #38559c 
    
 <a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-facebook'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Twitter ]
    شارك
    لون خلفية الزر #00aaf3 
    
 <a expr:href='&quot;//twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-twitter'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Pinterest ]
    شارك
    لون خلفية الزر #cd1c1f 
    
 <a expr:href='&quot;//pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-pinterest'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Linkedin ]
    شارك
    لون خلفية الزر #3c97c6 
    
 <a expr:href='&quot;//www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-linkedin'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Reddit ]
    شارك
    لون خلفية الزر #ff4501 
    
 <a expr:href='&quot;//reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-reddit-alien'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Digg ]
    شارك
    لون خلفية الزر #333333 
    
 <a expr:href='&quot;//digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-digg'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Stumble Upon ]
    شارك
    لون خلفية الزر #eb4823 
    
 <a expr:href='&quot;//www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-stumbleupon'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Buffer ]
    شارك
    لون خلفية الزر #192533 
    
 <a expr:href='&quot;//bufferapp.com/add?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
<svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px"
  viewBox="0 0 350.001 350.001" style="enable-background:new 0 0 350.001 350.001;" xml:space="preserve" width="18px" height="18px";>
<g>
 <path style="fill:#FFFFFF;" d="M14.092,88.769L172.1,164.826c1.833,0.882,3.969,0.882,5.802,0L335.91,88.768
  c5.051-2.429,5.051-9.621,0-12.051L177.9,0.662c-1.832-0.882-3.968-0.882-5.801,0L14.092,76.718
  C9.041,79.148,9.041,86.339,14.092,88.769z"></path>
 <path style="fill:#FFFFFF;" d="M14.092,181.024L172.1,257.082c1.833,0.882,3.969,0.882,5.802,0l158.008-76.057
  c5.051-2.429,5.051-9.621,0-12.053l-33.336-16.044l-105.881,50.962c-6.726,3.236-14.228,4.946-21.692,4.946
  s-14.964-1.71-21.702-4.951L47.43,152.924l-33.339,16.047C9.041,171.404,9.041,178.595,14.092,181.024z"></path>
 <path style="fill:#FFFFFF;" d="M335.91,261.229l-33.336-16.047l-105.881,50.965c-6.726,3.236-14.228,4.946-21.692,4.946
  s-14.964-1.71-21.702-4.951L47.43,245.182L14.091,261.23c-5.051,2.432-5.051,9.621,0,12.053l158.008,76.057
  c1.833,0.882,3.969,0.882,5.802,0l158.008-76.057C340.961,270.85,340.961,263.66,335.91,261.229z"></path>
</g>
</svg>
  شارك
 </a>
  • المشاركة على موقع [ Delicious ]
    شارك
    لون خلفية الزر #3398fc 
    
 <a expr:href='&quot;//del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-delicious'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Vkontakte ]
    شارك
    لون خلفية الزر #4c75a3 
    
 <a expr:href='&quot;//vk.com/share.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-vk'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Hacker News ]
    شارك
    لون خلفية الزر #ff6600 
    
 <a expr:href='&quot;//news.ycombinator.com/submitlink?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-hacker-news'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Tumblr ]
    شارك
    لون خلفية الزر #32506d 
    
 <a expr:href='&quot;//www.tumblr.com/share?=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-tumblr'></i> 
  شارك
 </a>
  • المشاركة على موقع [ Pocket ]
    شارك
    لون خلفية الزر #f92c8b 
    
 <a expr:href='&quot;//getpocket.com/save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>
 <i class='fa fa-get-pocket'></i> 
  شارك
 </a>




تعليقات

  1. ADMIN Mahmoud4/24/2020 12:40:00 م

    السلام عليكم ممكن شرح لطريقة اضافة
    لمحة عن الموضوع
    تفاصيل الموضوع
    ملحقات الموضوع

    ردحذف

إرسال تعليق

إرسال تعليق

قد يهمك ايضا

  • إنشاء صفحة الإتصال على بلوجر متعددة الإستخدامات | نموذج طلب الإنضمام للمدونة

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

  • سكريبت إضافة صفحة إعادة توجيه الروابط لمدونتك | Custom Redirects In Blogger

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

  • مجانا - سكريبت إضافة أداة عربة التسوق إلى المدونة بإستخدام مكتبة simpleCart (js)

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

  • إضافة خاصية تقييم المحتوى على شكل نجوم 🌟 بإستخدام تطبيق Firebase

    المطور
    صورة
    إضافة ستسمح لمتابعيك وزوار مدونتك يراجعون أعمالك الإبداعية ومنتجاتك وخدماتك من خلال خاصية التقييم بالنجوم بشكل رسمي فهي ليست مجرد واجهة أو زينة بل هي أداة رسمية بكل المقايس كونها تعرض لك نفس البيانات في نتائج بحث  Google  كما أنها ذكية التخصيص ويمكن التحكم في أغلب عناصرها بسهولة..والجميل في الموضوع أن الإضافة تابعة لـخدمات Google على رأسهم منصة - Blogger - وهذا يعني أنك لن تضطر للتسجيل في أي موقع للحصول على الأداة بل ستعمل وفقا لقاعدة بياناتك الخاصة على - Firebase -  والتي تتحكم بها كما تريد. الرجاء قبل إكمال الموضوع أحرص على أنك تملك معرف خاص بك لتطبيق - Firebase - إذا لاتملك واحد راجع هذا الموضوع بسرعة..ثم نكمل. إنشاء معرف تطبيق firebase من خلال واجهة المستخدم الجديدة 2020
    أظهر المزيد

  • قالب فلامينغو - Flamingo - قالب مجلة عصري بـ 10$ - الإصدار v2.0.0

    المطور
    صورة
    أحببنا نحن فريق عمل بلوجر كود قبل الدخول في مجموعة المترياليز إطلاق آخر نسخة v2 من قالب -flamingo- وجاء هذا الإجراء تلبيتا لطلب عملائنا الاعزاء واللذي طالبوا بنسخة حديثة تدعم الإصدار 3 الأخير للوحة التحكم الخاصة بالبلوجر. مع العلم أن القالب لن يتم الإستغناء عنه بل سيكون متوفر بحلة جديدة في مجموعة -Themes - Materialize. هذا القالب برعاية موقع حلولي
    شراء المنتج

  • أداة ستجعل من الصعب فك تشفير شفرة المصدر | JavaScript Obfuscator Tool

    المطور
    صورة
    أداة مجانية متوفرة على النت تتيح لكم تحويل شفرة مصدر JavaScript الأصلية إلى تمثيل جديد يصعب فهمه ونسخه وإعادة استخدامه أوتعديله دون إذن. والرائع هو أنه مهما كان حجم وتداخل السكريبت المراد تشفيره سيكون للنتيجة المبهمة الوظيفة الدقيقة للرمز الأصلي..أقصد بدون الحصول على خطا بنسبة 99.99% أوليس هذا رائعا!!. ومن الرائع كذلك في هذه الأداة التي من خلال استخدام مختلف التحولات و"الفخاخ"، مثل ، الدفاع عن النفس و حماية التصحيح ستصعب قراءته باستخدام أدوات مضادة كأداة JS Beautifier إلا طبعا من محترف. لماذا أرغب في تعتيم رمز JavaScript الخاص بي؟ دعني أخبرك أن هناك العديد من الأسباب التي تجعل من الأفضل حماية التعليمات البرمجية الخاصة بك ، منها ماهو تقني ومنها ماهو تجاري على سبيل المثال إزالة التعليقات والمساحة البيضاء التي ليست مطلوبة. جعله أسرع في التحميل وصعوبة الفهم ؛ حماية المنتج المدفوع كالقوالب والإضافات التي سهرت على بنائها أشهر وأعوام فمن غير العدل أن تسرق منك وتنسب لغيرك..وفي المجمل لاتكن متساهل حتى لايفقد المجال رونقه والجمال الكامن في شطط البحث ومايصحبه من لذة النجاح فهل
    أظهر المزيد