Pages

5

كود جديد لجعل ظهور عدسة تكبير عندما تقف على الصورة

                                                                         مثال حى للمعاينة     
كيفية التركيب 
1-عندما تقوم بنشر مشاركة قم بتحويل الوضع من تأليف الى html 
2-قم بلصق الكود التالى 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi50FHnV6sraMdeTJcn5XYC-G60mhTHHrYvHnPEIaL0tyJeqVRkYmzoNtvXk6M1XuKqoyPaxkO_-LfKybdhRbvFmJgiwXXo-Le0akr0EhmpFNBBvxkYt2sokmEnqITuIIXLk0c251PJmTb-/s1600/basmallah.jpeg" imageanchor="1" style="color: #0088b2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4Vh4AklKGnVe9CpwPD7mtIMmNQN_svw-CL0PzKuqMXLo_flgKRyaWzr01wg9FvInW81xrFjCLzGQKiJ2RimXm3F4_QanBxUCIn904XjXX1a1lXQpLeOTzQX6QSFP_E-obOntovP0Nm1R/s1600/basmallah.jpeg" style="border: 0px; cursor: url(http://3.bp.blogspot.com/-uKWFfVajYzk/T-yICSDG4CI/AAAAAAAADMI/ejXie3YvGKE/s1600/1340901320_search_48.png), auto !important; max-width: 100%; position: relative; width: auto;" /></a></div>              </div>


* قم بتعديل ما بالون الاحمر برابط الصورة *


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

الطريقة السابقة لظهور العدسة فى موضوع معين 

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

*خطوات تركيب  الاضافة*
1-اذهب الى لوحة تحكم بلوجر
2-من لوحة التحكم اختر الامر قالب
3-اختر تحرير html
4-ابحث عن الوسم ]]></b:skin>
5-اضف الكود التالى فوقه 

الكود

.post img{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSn3yZFcaBuON0Qw156bRfS7GWk2FYdamu-n_3ha8z4MFeYCIjhGU1vvIIXB5T9gp5CHkXr-Imfvpo-5r-Qa1e4H5_wkDNQDMpOVd7E7rkDJeEFaryjM-X8NTp0v3ug2wT7UHBE9TvSML/s48-no/1340901320_search_48.png),auto!important}



دبور فون

M.H.I

التعليقات

  1. مساعد قوالب بلوجر4 أبريل 2015 في 6:07 م

    اضافة رائعة جدا أخي الكريم سوف تتم تجربتها انشاء الله

    ردحذف
  2. Mohamed Alaa9 أبريل 2015 في 4:17 م

    طريقك لإحتراف التدوين لدينا كل ما يحتاجه المدونون معنا ستصبح مدون محترف.
    http://net-eg.blogspot.com/

    ردحذف
  3. mohamed rahem8 أغسطس 2015 في 9:06 م

    السلام عليكم اخي
    ممكن تعطني رابط التدوينه الخاصة بالاضافة تابع مدونتنا اللي عند لانها جميله
    هل انت من برمجتها من برمج الاضافة ؟
    تحياتي لك اخي مدونة كلشي وكلاشي

    ردحذف
    الردود
    1. i Mohamed8 أغسطس 2015 في 10:58 م

      أنا من برمجتها وانا لم انشرها بعد ولكن على اى حال تفضل كود الاضافة
      <center>
      <div style="
      position: absolute;
      margin: 109px 45px;
      color: #464646;
      font-weight: bold;
      text-align: center;
      font-family: ge_dinar_tworegular;
      ">كن احد اعضاء المدونه ليصلك الجديد</div>
      <a href="http://www.blogger.com/follow-blog.g?blogID=808436787518395131" target="_blank"><div style="
      background: #464646;
      width: 100px;
      height: 26px;
      margin: 73px 102px;
      position: absolute;
      color: blanchedalmond;
      font-family: ge_dinar_tworegular;
      font-size: 17px;
      text-align: center;
      padding: 4px 0px;
      ">متابعة</div></a><div style="
      background: url(http://p1.pichost.me/i/6/1291767.jpg);
      width: 260px;
      height: 149px;
      border: 5px solid;
      color: #464646;
      font-size: 22px;
      font-weight: bold;
      font-family: ge_dinar_tworegular;
      padding: 26px 0px;
      ">متابعة المدونة</div>

      </center>
      ضعه فى اداة html /javascript ولا تنسى تغيير الصور التى ستظهر برابطاها
      وفى الاخير اشكرك جدا على زيارتك الكريمة لمدونتنا و على رايك وزيارتك لنا فى اى وقت تشرفنا
      Db:

      حذف

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