مساحة إعلانية

الثلاثاء، 28 أبريل، 2015

الثلاثاء، 28 أبريل، 2015

إضافة عداد معاينة أو تحميل لأى رابط

View and Download counter for blogger
زر معاينة او زر التحميل يعتبر جزء اساسي من غالبية المدونات خصوصا التي تعتمد على وجود ملفات وشروحات كثيرة احتساب عدد المشاهدات او التحميلات لاى رابط قد يكون له اهمية عند البعض هناك العديد من الطرق لإحتساب المشاهدات والتحميلات لكن دائما ما يشوبها عيوب مثل الثقل الكبير في جلب الأعداد واكواد جافا كبيرة وصعوبه في التركيب والإستخدام او عدم توافق مع بعض المواقع لذلك الحل سيكون مع آداة اليوم الآداة تحتسب عدد الضغطات الحقيقية على الروابط وتعتمد على سكريبت خفيف للغاية الإضافة تعتمد على موقع متخصص في حساب المعاينات وتم انشائها بشكل حصري لكن مدون لتكون بعرض مناسب وشكل جذاب وسهله في التعامل والتركيب وطبعا أول شئ يجب ان تشاهده هو معاينة حية بنفسك
معاينة عدد المشاهدات :
تحميل عدد التحميلات :

طبعا كما رأيت انا اضفت روابط المعاينة والتحميل لموقعي انت يمكنك تخصيصها بشكل اكثر مع مواضيعك

الآن مع التركيب

أولا كود المظهر أضفه فوق الوسم ]]></b:skin>
#cnmubcoun {
  margin: auto;
  width: 420px;
}
/*Preview*/
#cnmudcount1 {
  float: right;
  margin: 10px auto 30px;
  width: 200px;
}
#cnmudcount3 {margin: 10px auto 30px; width: 200px;}
#cnmudcount1 .cb1 a,#cnmudcount3 .cb1 a {
  background: url("https://lh3.googleusercontent.com/-tFT_SzCGOCs/VT6o1RUN9II/AAAAAAAAASw/P8dx0KP6wYo/s24/search.png") no-repeat scroll 96% center #E77B00;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
}
#cnmudcount1 .cb2,#cnmudcount3 .cb2 {
  background-color: #000;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: block;
  font: bold 12px/20px tahoma;
  height: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 200px;
}

/*Download*/
#cnmudcount2 {
  float: left;
  margin: 10px auto 30px;
  width: 200px;
}
#cnmudcount4 {margin: 10px auto 30px; width: 200px;}
#cnmudcount2 .cb1 a,#cnmudcount4 .cb1 a {
  background: url("https://lh3.googleusercontent.com/-Q0fbJ6eNObg/VT6o1blDgdI/AAAAAAAAASs/yUJb62g7Oug/s24/downloadwhite.png") no-repeat scroll 96% center #319300;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
}
#cnmudcount2 .cb2,#cnmudcount4 .cb2 {
  background-color: #c40101;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: block;
  font: bold 12px/20px tahoma;
  height: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 200px;
}
/*Hover*/
#cnmudcount1:hover .cb2,#cnmudcount2:hover .cb2,#cnmudcount3:hover .cb2,#cnmudcount4:hover .cb2 {height: 24px; opacity: 1;}
 ما يهمك تغييره في الكود السابق
  1. لون زر المعاينة #E77B00
  2. لون جملة العداد لزر المعاينة #000
  3. لون زر التحميل #319300
  4. لون جملة عداد زر التحميل #c40101

 طريقة الإستخدام

<div id="cnmubcoun">
<!--معاينة-->
<div id="cnmudcount1">
<span class="cb1"><a href="#" target="_blank" rel="nofollow">معاينة</a></span>
<span class="cb2">
عدد المشاهدات :
<script type='text/javascript' src='http://dstats.net/sitetracker.php?url=#'></script>
<script type='text/javascript'>document.write(dsCounter);</script>
</span>
</div>

<!--تحميل-->
<div id="cnmudcount2">
<span class="cb1"><a href="#" target="_blank" rel="nofollow">تحميل</a></span>
<span class="cb2">
عدد التحميلات :
<script type='text/javascript' src='http://dstats.net/sitetracker.php?url=#'></script>
<script type='text/javascript'>document.write(dsCounter);</script>
</span>
</div>

</div>
تضيف الكود السابق في الموضوع بعد تحويل صندوق الكتابة من وضع التأليف الى وضع HTML

الرمز # المكرر مرتين في منطقة المعاينة تغيره بالرابط الذي تريد احتساب مشاهداته
اى تغيير في الرابط بين المرتين ستختلف النتائج
نفس الشئ مع رمز # المكرر مرتين في منطقة التحميل
في حالة رغبت بإستخدام زر واحد فقط من الزرين استخدم المنطقة الخاصة به فقط كما ترى كل منطقة معلمة بلون
مع تغيير الرقم 1 في منطقة المعاينة برقم 3
والرقم 2 في منطقة التحميل بالرقم 4
بالتوفيق


هناك 44 تعليقًا:

  1. جميل جدااا والله يا غالى
    مع أننى متابع للمدونة من خامس موضوع تقريبا قمت بنشره وهو كان دورة بلوجر ولكنى لست معتاد أن أعلق
    ولكن صراحة الموضوع أعجبنى وأجبرنى على التعليق
    رووووعة بجد يا عمرو
    وووووووواصل بدون فووووووواصل =q

    ردحذف
    الردود
    1. اتمنى دائما ان تجد ما يجبرك على التعليق =f
      حتى نتشرف بمرورك الكريم
      تحياتي يا طيب

      حذف
  2. شكرا
    تفضل بزيارتنا ... اخي عمرو
    مدونة صيانة الموبايلات
    www.th3key.com

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

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

      حذف
    2. شكرااااا مفهوووووووم استاد

      حذف
  4. تشرفت بمروركم كثيراً اخواني الكرام
    موفقين بإذن الله

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

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

      حذف
    2. المشكلة كما هي
      هذه الصورة باستخدام زر التحميل فقط مع تغير الرقم 2 الي 4
      http://cdn.top4top.net/i_6f8f9c6c2a1.png
      تظهر كما بالصورة
      كلمات ولا يظهر الزر

      حذف
    3. جزاك الله خيرا
      الكود يعمل بامتياز
      الخطأ كان من عندي
      بارك الله فيك

      حذف
  6. يعطيك العافية اخي عمرو موضوع اكثر من رائع كالعادة =q

    ردحذف
    الردود
    1. نورت الموضوع أخي الحبيب منير

      حذف
  7. جميل ورائع يالغالي عمرو يعطيك العافيه

    بس كيف تحسب عدد التحميل والمشاهدات

    ارجو التوضيح اكثر

    ردحذف
    الردود
    1. أهلا بك أخي الكريم
      انا لا اقوم بالإحتساب بل موقع http://dstats.net هو الذي يقوم بالعملية
      فكما وضحت الإضافة تعتمد على الموقع في احتساب العمليات

      حذف
    2. وهل هذا الموقع يؤثر علي الروابط المباشرة ام لا ؟

      حذف
    3. لا يؤثر على اى شئ اخي احمد هو فقط يحتسب المشاهدات الخاصه بالرابط الذي تضيفه

      حذف
  8. برنس البرانسة .. تسلم

    ردحذف
    الردود
    1. باسم باشا نورت الموضوع يا غالي

      حذف
  9. موضوع رائع جت متأخرة شوية مع انى من اوائل متابعى المدونة ادعولى يجماعة عشان الأمتحانات

    ردحذف
    الردود
    1. ربنا يوفقك أخي أحمد وبإذن الله تنجح وبأعلى الدرجات
      شكراً لمرورك يا غالي

      حذف
  10. شكرا لك اخى الكريم على شرحك ارجو زيارة مدونتى http://arabforu.blogspot.com/

    ردحذف
  11. جزاكم الله خيرااااا

    ردحذف
  12. تسلم على كل مواضيعك الجيده عندى سؤال لو سمحت انا عندى شكل تحميل تانى ممن اعمل الاعداد فقط تحت كلمه تحميل ولا مينفعش الا على الشكل بتاع حضرتك للتحميل

    ردحذف
    الردود
    1. يمكنك عمل التطويرات التي تريد على الشكل سيعمل معك الامر طالما التطويرات مضبوطة لا يوجد مشكلة

      حذف
    2. http://appstoreandroidd.blogspot.com/2015/04/wwe-2k_88.html
      هى دى المدونه ممكن تشوف الشكل اللى عندى وتشوف اذا كان يتوافق ولا لا

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

      حذف
  13. من اروع الاكواد شكرا لك على الموضوع الرائع
    مدونة معراج

    ردحذف
  14. شكرا ياغالي =r=r كل لما انشر موضوع جديد لازم اعمل كدا ولا ازاي

    ردحذف
    الردود
    1. طالما تريد احتساب عدد مشاهدات الرابط يجب ان تضيفه لكل موضوع بشكل يدوي
      وشكراً لمرورك =r

      حذف
  15. السلام عليكم
    قمت بتطبيق المراحل كما اشرتم لكن لدي مشكلة وهي عدم ضهور عدد التحميلات و عدد المشاهادات رغم ظهور زر تحميل و المعاينة
    شكرا جزيلا

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

      حذف
  16. لو سمحت انا قم بوضع الأكواد في قالبي الأول علمت بشكل جيد لكن بالقالب الثاني لم تعمل ما هو السبب رجاءا!؟

    ردحذف
    الردود
    1. ربما في قالبك الثاني اكواد تتعارض مع اكواد العدادات فبعض أكواك الجافا يمكن ان تتعارض مع بعضها

      حذف
  17. روعة شكراً ليكم كن مدون

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

    ردحذف
    الردود
    1. الموضوع ليس منشأ بموقع firebase ولا علم لي بهل هذا الموقع مصنف محظور ام لا فانا لم اضع مواضيع تخصه

      حذف
    2. اعرف اخي الموضوع ليس خاص بالموضوع

      حذف
  19. السلام عليكم

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

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

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©