معهد خبراء بلوجر - كود في قمة الاحتراف

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

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

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

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

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

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

كود بلغة HTML:

</head>

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

كود بلغة HTML:

  <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 الموجودة في جنب تأليف

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

كود بلغة 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 الملونة بالخصر قبلها ضع الكود التالي

كود بلغة HTML:

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

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

كود بلغة HTML:

  <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>

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

كود بلغة HTML:

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

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

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