تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

Posts tagged ‘ربط’

كيفية ربط المدونة مع الفيسبوك – YourColor

 الووردبريس wp

yourcolor.net
yourcolor.net

yourcolor.net

باتت تقنية التغذية RSS من أهم مقومات مواقع الويب التي تُحدث يومياً
لذا، اليوم سنشرح عن كيفية ربط مدونتك بالفيسبوك
عند طرح أي تدوينة جديدة، سيقوم البرنامج بارسالها الى الفيسبوك تلقائياً

الخطوة الأولى (ربط المدونة بالفيسبوك)

ذهب الى الفيسبوك وإبحث عن RSS Grafitti

yourcolor.net

الخطوة الثانية (تثبيت برنامج RSS Graffiti)

بعد تنزيل البرنامج ادخل الى صفحة التحكم الخاصة به

yourcolor.net1.ضع رابط التغذية الخاصة بموقعك
2.اسم الموقع

ومن ثم اضغط save في الأعلى

بهذه الطريقة البسيطة
تم ربط مدونتك مع الفيسبوك باستخدام RSS Graffiti
أي تدوينة جديدة تنشرها، سيتم نشرها على الفيسبوك تلقائياً

الاكاديمية العربية لفنون التصميم و الجرافيك

إضافة [Link Replacer] لتوفير وقت كتابة التدوينة

إضافة [Link Replacer] لتوفير وقت كتابة التدوينة

yourcolor.net

yourcolor.net

yourcolor.net
إضافة جديدة من برمجتي وظيفتها بأن تقوم باستبدال الكلمات التي تريدها بروابط تلقائياً
بإمكانك تخزين الكلمات والروابط التي تريد من صفحة إعدادات الإضافة , طبعاً التخزين يتم بهذا الشكل , أولاً اكتب الكلمة التي تريدها ثم اذهب إلى سطر جديد واكتب الرابط بدون http:// وهكذا للكلمة التالية , يوجد مثال في صفحة الإعدادات للتوضيح
اكتب التدوينة بشكل عادي بدون أن تربط الكلمات بالروابط
الإضافة تقوم بشكل تلقائي بربط الكلمات وتحويلها إلى روابط .

=== التركيب ===
* ارفع مجلد “link-replacer” إلى مجلد ‘plugins’ .
* فعل الإضافة من لوحة التحكم .
* من لوحة تحكم الإضافة أضف الروابط التي تريدها واحفظ الإعدادات .

== ملاحظات ==
1- توضيح فكرة الإضافة : طبعاً الإضافة تدعم الكلمات العربية مثلاً لو أضفت كلمة ” مدونتي ” وبعدها أضفت رابط مدونتك , عند كتابتك تدوينة تحتوي على كلمة ” مدونتي ” سوف تحولها الإضافة إلى رابط يشير إلى مدونتك بدون أن تضيفه أنت يدوياً , وهكذا .
2- نسخة الإضافة تحمل إصدار 1.0 في طور بيتا ومرخصة برخصة GPL v2.0 وجاري تطويرها إن شاء الله , إن كنت مهتماً بتطويرها أرجو أن تراسلني .

== التحميل ==
http://wordpress.org/extend/plugins/link-replacer/

كيف تمنع سرقة صورك وملفاتك وعمل حماية عليها بملف yourcolor – htaccess

كيف تمنع سرقة صورك وملفاتك وعمل حماية عليها بملف .htaccess

yourcolor.net

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

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

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

لحسن الحظ هناك طريقة فعالة جدا في منع مثل هذه العملية بدون أي جهد إضافي باستخدام ملف اعدادات سيرفر الابانشي (.htaccess). استخدام هذا الملف يمكنك من التالي:

  1. ما هي المواقع المسموحة وماهي المواقع المحظورة.
  2. السماح لعرض الصورة مباشرة من عدمه.
  3. عرض صورة مخصصة في المواقع التي تعرض صور على سيرفر موقعك.
  4. ماهي الامتدادات التي تقوم بحمايتها.

yourcolor.net

طريقة إعداد الملف
البداية وملاحظة البدء :

انشئ ملف نصي بسيط text بامتداد txt في الوقت الحالين وباستخدام أي برنامج تحرير نصوص افتح الملف.
أنصح باستخدام برنامج notepad++.
بعض السكربتات المستخدمة في إدارة المواقع تستخدمة ملف () خاص بها. لذا لن تحتاج إلى إنشاء ملف جديد وإنما فقط التعديل على الموجود، لذا فمن المهم أن تفرق بين الكود المستخدم من قبل السكربت وبين الكود الخاص بحماية الملفات وذلك عن طريق إضافة ملاحظة لا تؤثر على الملف تفيد بأنه من هذا السطر يبدأ كود حماية الملفات.
قم بتنزيل الملف من موقعك باستخدام برنامج ftp الذي تستخدمه. افتحه بمحرر النصوص ثم اضف هذه الجملة في الملف في أي مكان ويفضل في آخره حتى يسهل عليك الرجوع لها.

view sourceprint?1.#Stop Image Hotlinking

yourcolor.net

yourcolor.net

تشغيل المود ريرايتر Rewrite Engine
هذه الطريقة تعتمد على موديول الاباتشي mod_rewrite لذا يجب علينا أن نقوم بإضافة كود يخبر السيرفر عن ماهية الأسطر التالية. أضف هذه الاسطر للملف.

view sourceprint?1.RewriteEngine on

yourcolor.net

yourcolor.net

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

view sourceprint?1.RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain2.com [NC]

لا تنسى تغيير yourdomain.con إلى دومين موقعك

yourcolor.net

yourcolor.net

 هل تسمح بإظهار الصورة مباشر؟

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

 view sourceprint?

RewriteCond %{HTTP_REFERER} !^$
yourcolor.net
yourcolor.net

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

 

view sourceprint?1.RewriteCond %{HTTP_REFERER} !google. [NC]
3.RewriteCond %{HTTP_REFERER} !search?q=cache [NC]
5.RewriteCond %{HTTP_REFERER} !msn. [NC]
7.RewriteCond %{HTTP_REFERER} !yahoo. [NC]

 

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

 

view sourceprint?1.RewriteCond %{REQUEST_URI} !^hotlinker.gif$

 

لا تنسى تغيير hotlinker.gif إلى اسم التي تريدها أن تظهر

 

yourcolor.net
yourcolor.net

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

 

view sourceprint?1.RewriteRule .(jpeg|png|gif)$ hotlinker.gif [NC,R,L]

لا تنسى تغيير hotlinker.gif إلى اسم الصورة التي تريدها أن تظهر

yourcolor.net

yourcolor.net

الناتج النهائي:
قم بنسخ هذا الكود والصقه في الملف مرة واحد مع تعديل ما يلزم.

view sourceprint?01.#Stop Image Hotlinking
02.
03.RewriteEngine on
04.
05.RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain.com [NC]
06.
07.RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain2.com [NC]
08.
09.RewriteCond %{HTTP_REFERER} !^$
10.
11.RewriteCond %{HTTP_REFERER} !google. [NC]
12.
13.RewriteCond %{HTTP_REFERER} !search?q=cache [NC]
14.
15.RewriteCond %{HTTP_REFERER} !msn. [NC]
16.
17.RewriteCond %{HTTP_REFERER} !yahoo. [NC]
18.
19.RewriteCond %{REQUEST_URI} !^hotlinker.gif$
20.
21.RewriteRule .(jpeg|png|gif)$ hotlinker.gif [NC,R,L]

yourcolor.net

yourcolor.net

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

view sourceprint?1.RewriteRule .(zip|rar)$ hotlinker.zip[NC,R,L]
yourcolor.net

لا تنسى تغيير hotlinker.zip إلى اسم الملف الذي تريد

yourcolor.net

yourcolor.net

معرض الوسوم