EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

أزرار التحميل والمعاينة بشكل مميز ومتحرك

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

أزرار التحميل والمعاينة بشكل مميز ومتحرك

لتركيب الشكل كل ما عليك هو تحرير القالب والبحث عن وسم  ]]></b:skin>
ثم فوقه ضع الكود التالي :

#wrap {
    margin: 20px auto;
    text-align: center;
}

#wrap br {
    display: none;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

الآن تكون قد ركبت الكود المسؤول عن شكل الأزرار تبقى لديك خطوة واحدة فقط وهي عند كتابة أي موضوع وتريد وضع الازرار في الموضوع اتبع الخطوات التالية :

أولا عند كتابة الموضوع حدد المكان الذي تريد ان تضهر فيه الازرار هل في الاسفل ام في الوسط يكفي فقط ان تكتب كلمة "أزررررررار" مثلا في المكان الذي تريد أن تضع فيه الازرار وبعد ان تنتهي من الموضوع قم بتحويل المحرر من تأليف إلى HTML ثم قم بالبحث عن الكلمة التي كتبتها في البداية وأٌقصد هذه الكلمة "أزررررررار" بعد أن تجدها ضع مكانها الكود التالي :

<div id="wrap">
<a href="رابط المعاينة" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">معاينة</span>
  <span class="title-hover">إضغط هنا</span>
</a>
<a href="رابط التحميل" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">تحميل</span>
  <span class="title-hover2">إضغط هنا</span>
</a>
</div>

ثم ضع رابط التحميل ورابط المعاينة في المكانين المحددين في الكود ثم قم بحفظ الموضوع هذا فقط لو لديك أي استفسار او واجهتك أي مشكلة لا تتردد في وضعها في رد هذا كل شيئ بالتوفيق للجميع ودمتم في رعاية الله وحفظه
أكمل المقال Résuméabuiyad

تعرف على موقع tsu وطريقة الربح منه

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

تعرف على موقع tsu وطريقة الربح منه

ما هو موقع tsu ؟
موقع tsu هو موقع تواصل إجتماعي مثل الفيس بوك لكن هذا الأخير يقدم 90 في المئة من أرباحه للمستخدمين ويكتفي هو ب10 في المئة من الأرباح المتبيقة

كيف يعمل موقع tsu ؟

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

كيف أستفيد من موقع tsu ؟

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

تعرف على موقع tsu وطريقة الربح منه

قم بإدخال معلوماتك من الإسم والإيمايل والباسورد بعد ذالك ستضهر لك صفح اخرة لإدخال الصورة الخاصة بحسابك والكوفر الخاص بحسابك وأيضا لغدخال بعض المعلومات الأخرى أنظر للصورة التالية :

تعرف على موقع tsu وطريقة الربح منه

بعد ان تضغط Next ستضهر لك صفحة اخرى لربط حسابات بعض مواقع التواصل الاجتماعية يمكنك ربطها أو قم بعمل Skip من الاعلى كما في الصورة :

تعرف على موقع tsu وطريقة الربح منه

بعد هذه الخطوة ستضهر لك صفحة أخرة لمتابعة بعض الاعضاء قم بعمل Skip لها أيضا كما في الصورة التالية :

تعرف على موقع tsu وطريقة الربح منه

بعد ذالك يتكون قد إنتهيت من التسجيل في الموقع

كيف سأجني المال من موقع tsu ؟

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

تعرف على موقع tsu وطريقة الربح منه

سنرى مثلاً كم هي أرباح العضو D و هو المستخدم الذي قام بالتسجيل عن طريق العضو C الذي تمت دعوته أيضاً من الشخص B و هذا الأخير قام بالتسجيل بواسطة دعوة من الشخص A .
لنفارض أن أخر عضو A قام بمشاركة صورة مثلاً و هذه الصورة حققت عدد جيد من المشاركات والتعليقات + الإعجابات و ربح من خلالها 100 دولار , إذن ستقوم شركة " تسو " باقتطاع 10 بالمائة لصالحها و سيتبقى للعضو A 90 دولار أليس كذلك؟
لا طبعا !! لأن العضو قام بالتسجيل عن طريق دعوة من صديقه D الذي سيأخد نسبة قدرها 33 % ($)30 و العضو C تمت دعوته ايضاً عن طريق العضو B الذي سيأخد نسبة 11 بالمائة (10 دولار) و الذي هو ايضاً تمت دعوته من طرف العضو A الذي سياخدة نسبة 3.33 بالمائة (3.33 دولار) .

ههي صورة من الموقع أيضا لبعض الارباح التي يمكن تحقيقها بالعمل الجاد وبعض الأصدقاء :) :

تعرف على موقع tsu وطريقة الربح منه

كيف أسحب أرباحي من موقع tsu ؟

يتم السحب بعد ان تصل أرباحك ل 100 دولار يمكنك إرسالها لصديق أو سحبها عن طريق شيك تتوصل به كما هو موضح في الصورة التالية :

تعرف على موقع tsu وطريقة الربح منه

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

بالتوفيق للجميع وفقنا الله وإياكم لما يحب ويرضى
أكمل المقال Résuméabuiyad

هل حقا يمكن تحقيق أرباح من موقع خمسات؟

سيكون أغلبكم يعرف خمسات ولمن لا يعرفه فهو موقع لبيع الخدمات المصغرة إبتداءا من 5 دولارات أي عملية بيع تحصل انت منها على 4 دولارات و1 دولار تذهب لموقع خمسات وهي عمولته عن كل خدمة مباعة


لكن السؤال الذي قد يتبادر إلى أذهانكم هو هل حقا يمكن تحقيق أرباح من خمسات؟؟

سأجيب عن هذا السؤال من خلال تجربتي المتواضعة مع الموقع

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

لكن هل قبول الخدمة كافي لكي أربح من الموقع؟

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


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


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


https://khamsat.com/images/artwork/4/468x60.png

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


هذا كل شيئ اتمنى ان تكون قصتي مع الموقع أوضحت لكم بعض الامور خول موقع خمسات وغن كان لديكم أي سؤال بخصوص الموقع انا في الخدمة وفقنا الله لما يحب ويرضى
أكمل المقال Résuméabuiyad

حصريا قالب Lycoris النسخة الثالثة

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

حصريا قالب Lycoris النسخة الثالثة

معاينة حية للقالب:


مميزات القالب:


  1. تصميم فلات بسيط
  2. قائمة علوية مميزة وتابثة
  3. قائمة منزلقة من الاعلى أكثر من رائعة
  4. خاصية الموضوع العشوائي "فاجئني"
  5. خاصية مواضيع ذات صلة
  6. دمج تعليقات الفيس بوك مع تعليقات بلوجر
  7. تعريف الكاتب
  8. تمييز الكاتب في التعليقات
  9. قالب متجاوب Responsive
  10. صفحة إتصل بنا أكثر من رائعة
  11. ويحتوي على المزيد من المميزات اترككم تكتشفونها بأنفسكم

حان وقت التحميل:



ما يجب تطبيقه على القالب من تغييرات بعد التركيب هو التالي:

تغيير أسماء القائمة الأفقية بما يناسب
تغيير إسم الكاتب ووضع نبذة عن الكاتب

لتشغيل صفحة إتصل بنا


قم بنسخ الكود التالي :

<form name="contact-form">
<span style="font-family: tahoma, Arial, Helvetica, sans-serif;"><i class="fa fa-user"></i>الإسم الكريم </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> 

<span style="font-family: tahoma, Arial, Helvetica, sans-serif;"><i class="fa fa-envelope"></i>البريد الإلكتروني <span style="color: red; font-weight: bolder;">*</span></span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> 

<span style="font-family: tahoma, Arial, Helvetica, sans-serif;"><i class="fa fa-pencil"></i>رسالتك <span style="color: red; font-weight: bolder;">*</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="أرسل" /> 
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
.post{padding:40px 20px;margin:0;background:#fff;}
.post-outer {overflow:hidden;padding:0 15px;}
#main {padding:0 10px;background:repeating-linear-gradient(-45deg, #fff, #fff 20px, #f3f1e2 20px, #f3f1e2 40px);}
</style>
ثم ضعه في صفحة مستقلة وقبل وضع الكود تأكد من تغيير المحرر من تأليف إلى HTML

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

أكمل المقال Résuméabuiyad

قالب بلوجر Lycoris النسخة الأولى والتانية

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

قالب بلوجر Lycoris  النسخة الأولى والتانية

صورة من النسخة الأولى:


صورة من النسخة التانية:



كلا القالبين يتشابهان لكن النسخة الاولى بيضاء والنسخة التانية سوداء لكن شكلهما مميز للغاية ويصلحان للعديد من المجالاات سواءا التقنية او الشخصية او الثقافية

من مميزات القالبين:

  1. قوالب مميزة دات خاصية عرض مميزة
  2. قوالب Responsive وهي خاصية مميزة في القوالب
  3. قوالب خفيفة ودات خصائص متطورة
  4. مجهزان بالعديد من الإضافات المميزة
  5. القوالب تدعم اغلب المتصفحات المستعملة
  6. كلاهما يحتوي على قائمة تابثة مميزة
  7. أزرار المشاركة والإعجاب في أمكنة متعددة من كلا القالبين
والمزيد اترككم تكتشفونه بأنفسكم

لتحميل القوالب تفضلوا هنا:




القوالب أكثر من مميزة ولم أستطع منع نفسي من مشاركتها معكم كما نشكر مدونة عرب ويب التي قامت بتعريب كلا القالبين وتطويرها وطرحها للتحميل هذا كل شيئ اتمنى ان تعجبكم القوالب بالتوفيق للجميع
أكمل المقال Résuméabuiyad
السابق الرئيسية