[Nassro]

بسم الله الرحمــن الرحيم

السلام عليكم
وكالعادة و على خبراء بلوجر و من أخوكم Nassro
اليوم جبت لكم كود روعة
للمعاينة
http://frompixle.blogspot.com/2012/09/blog-post_8026.html

عند الدخول ضع سهم الفأرة فوق الصورة وتأمل جيد

أعلم ان الآداة قد عجبتك

نأتي الى طريقة التركيب
قم بتوجه الى لوحة التحكم الخاصة بك ثم الى القالب و تحرير و علم على توسيع

ثم اضغط على Ctrl + F
و ابحث على

</head>

قبلها ضع الكود التالي

  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  <script src='http://suyb.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>
   

قم بمعاينة القالب وادا ظهرت المدونة بدون مشاكل قم بحفظ التغيرات

الأن نتوجه لعمل مشاركة جديدة


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

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

  <div dir="rtl" style="text-align: right;" trbidi="on">
  <div class="separator" style="clear: both; text-align: center;">
  <a href="http://1.bp.blogspot.com/-CFvrXvhWAJ4/UFxR_lQLY0I/AAAAAAAAAo4/sQa2tEudqos/s1600/137.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-CFvrXvhWAJ4/UFxR_lQLY0I/AAAAAAAAAo4/sQa2tEudqos/s1600/137.jpg" /></a></div>
  <br /></div>

يوجد في الكود كلمة href الملونة بالخصر قبلها ضع الكود التالي

  class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2"

ليصبح الكود هكذا

  <div dir="rtl" style="text-align: right;" trbidi="on">
  <div class="separator" style="clear: both; text-align: center;">
  <a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="http://1.bp.blogspot.com/-CFvrXvhWAJ4/UFxR_lQLY0I/AAAAAAAAAo4/sQa2tEudqos/s1600/137.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-CFvrXvhWAJ4/UFxR_lQLY0I/AAAAAAAAAo4/sQa2tEudqos/s1600/137.jpg" /></a></div>
  <br /></div>

و الدي لم يفهم طريقة تركيب الكود على الصورة يقوم بنسخ الكود الأخير و تبديل

http://1.bp.blogspot.com/-CFvrXvhWAJ4/UFxR_lQLY0I/AAAAAAAAAo4/sQa2tEudqos/s1600/137.jpg

الى راوبط الصورة المحملة سابقا


و بهدا نكون قد انهينا هده المشاركة أتمنى أن تكون قد عجبت الجميع
أنتظر ردودكم الحلوة