إضافة الصور في تعليقات مدونات بلوجر

[walid]

السلام عليكم ورحمة الله تعالى وبركاته ،كلنا نعلم بأن وضع الصور في صندوق التعليقات شيء مستحيل على مدونات بلوجر ،لكن اليوم سوف أعرض عليكم حيلة جميلة من إجتهادي والحمد لله ولأول مرة علي مدونات بلوجر ،جاءتني هذه الفكرة يوم تصميمي للأيقونات الزرقاء لعرض الإبتسامات في التعليقات ،فقلت لنفسي لماذا لا أستغل هذه الخاصية الجميلة لأستطيع وضع صور بالقياسات التي أريد ،كرسالة شكر وترحيب وغير ذلك... ،نجد هذه الأنواع من الصور كثيرا على المنتديات ،فلماذا لا تكون علي مدونات بلوجر .وأظن أنكم لاحظتم ذلك في إجابتي علي بعض التعليقات ,وقبل أن نبدأ في شرح طريقة الخاصية الجديدة ،ألق نظرة على التعليقات في هذا الموضوع للمعاينة .
http://2.bp.blogspot.com/_gToJ30Luauw/TRaqcuvtkUI/AAAAAAAAB4A/-GapPj77Qq0/s320/merci.jpg
1.سوف نضع لهذه الصور رموز ،وعند كتابتك للرمز سوف تظهر لك الصورة المخصصة لها .


2.لقد قمت بالتعديل علي كود code جافا سكريبت script المسؤول عن هذه الخاصية وذلك بإضافة عدة صور بقياساتها الأصلية . 3.وهذا مثال على أحد الأسطر الموجودة بالكود code جافاسكريبت script حيث يضم رابط الصورة ورمزها وكذلك قياسات الطول والعرض.
_ رمز PHP:

<code style="white-space:nowrap"> <code> str = _str.replace(/f\(/gi, "<img src='http://2.bp.blogspot.com/_gToJ30Luauw/TRaqcuvtkUI/AAAAAAAAB4A/-GapPj77Qq0/s1600/merci.jpg ' alt='' height='290' width='379' class='smiley
</code> </code>

'/>&quot;);*يمثل مالون بالأحمر رمز الصورة, التي تكتب في التعليق
*يمثل مالون بالأزرق رابط الصورة المراد وضعها في تعليقك .
*يمثل مالون بالأخضر قياسات الصورة المراد وضعها في تعليقك .
ولإضافتك لهذه الخاصية في مدونتك ،
انتقل إلى لوح تحكم مدونتك،إختر &quot;تصميم&quot; ،ثم &quot;تحريرHTML &quot; ثم ضع علامة في خانة توسيع قوالب عناصر واجهة interface المستخدم.
قم بالبحث عن الكود code التالي بالإستعانة بلوحة التحكم (CTRL+F ).

رمز PHP:

<code style="white-space:nowrap"> <code> </body>
</code> </code>

ثم قم بوضع الكود code التالي قبله :

< رمز PHP:

<code style="white-space:nowrap"> <code> script src='http://abu-iyad.googlecode.com/files/abuiyadSmileythanks4.js' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript
</code> </code>

> يمثل ما لون بالأحمر رابط الكود code جافاسكريبت script الذي قمت بالتعديل عليه ورفعه على السرفر الخاص بي على موقع &quot;جوجل GOOGLE كود code &quot; (http://code.google.com/intl/fr/) لذلك فإستعماله صالح مدى الحياة.

-بعد تطبيقك لللأداة ،الآن تحتاج للرموز لكي تكتبها في تعليقك وتظهر لك الصورة الموافقة لها .

هذا الجدول يبين كل صورة والرمز المطابق لها :
الصورة الرمز الصورة الرمز يتم كتابة الرموز من اليمين نحو اليسار لتظهر
http://www.mooode.com/data/media/188/1-555.gif (http://www.mooode.com/data/media/188/1-555.gif)
A(
http://3.bp.blogspot.com/_gToJ30Luauw/TRqd075Ls4I/AAAAAAAAB40/bECZQ41FoS0/s1600/jazakallh.JPG (http://3.bp.blogspot.com/_gToJ30Luauw/TRqd075Ls4I/AAAAAAAAB40/bECZQ41FoS0/s1600/jazakallh.JPG)
B(
http://www.topforums.net/gallery/files/1/0/0/0/0/3/7/3/0/1/thanks-032.gif (http://www.topforums.net/gallery/files/1/0/0/0/0/3/7/3/0/1/thanks-032.gif)
C(
http://2.bp.blogspot.com/_gToJ30Luauw/TRqnv7M3PcI/AAAAAAAAB44/o8t-oMKgJ3o/s1600/71a4ed86fa.gif (http://2.bp.blogspot.com/_gToJ30Luauw/TRqnv7M3PcI/AAAAAAAAB44/o8t-oMKgJ3o/s1600/71a4ed86fa.gif)
D(
http://1.bp.blogspot.com/_gToJ30Luauw/TRqr_aRUK0I/AAAAAAAAB48/pgi2gboObos/s1600/7487love.gif (http://1.bp.blogspot.com/_gToJ30Luauw/TRqr_aRUK0I/AAAAAAAAB48/pgi2gboObos/s1600/7487love.gif)
E(
http://2.bp.blogspot.com/_gToJ30Luauw/TRaqcuvtkUI/AAAAAAAAB4A/-GapPj77Qq0/s1600/merci.jpg (http://2.bp.blogspot.com/_gToJ30Luauw/TRaqcuvtkUI/AAAAAAAAB4A/-GapPj77Qq0/s1600/merci.jpg)
F(
الآن سوف نتعرف على طريقة تغيير الصور في حالة رغبتك في ذلك .


الطريقة الأولي :

1.قم بتحميل الملف جافاسكريبت script (وهو الرابط ذا اللون الأحمر في الكود code السابق) من هنا (http://abu-iyad.googlecode.com/files/abuiyadSmileythanks4.js)

3.قم بالبحث عن أحد روابط الصور التي عرضناها سابقا (سوف تجد منه إثنين)


جوجل GOOGLE سايت (https://sites.google.com/) أو جوجل GOOGLE كود code (http://code.google.com/))


2.قم بفتح الملف بمحرر النصوص &quot;وورد باد&quot; .Wordpad 4.قم بإستبدالهما برابطين للصورة التي تريد،ولا تنسي تعديل قياسات الطول والعرض لتحافظ على جودة الصورة. 5.يمكنك كذلك تعديل رموز الصور بالرمز الذي تريد وهو ما لون باللون الأحمر في الكود code الأول . 6.عند الإنتهاء من عملية التعديل علي الصور والرموز والقياسات ،قم برفع الملف على السرفر الخاص بك.(أفضل أن تقوم بتحميل الملف علي أحد الموقعين ، 7.قم بإعادة لصق رابط الملف الذي قمت بتحميله في الكود code السابق مكان الرابط ذا اللون الأحمر . 8.قم بحفظ القالب template ثم توجه للمعاينة الطريقة الثانية :هذه الطريقة لا تحتاج رفع ملف الجافا سكريبت script على السرفر الخاص بك

1.سوف تقوم بنفس خطوات الطريقة الأولى ،حتى المرحلة 5 2..توجه للكود code الذي قمت بلصقه قبل الوسم <body/>،ثم قم بتحديده كاملا وإستبدله بهذا الكود code ،ثم توجه للكود code جافاسكريبت script الذي عدلت عليه ثم حدده كاملا ثم أضفه في المكان الخصص له في الكود code أسفله.

رمز PHP:

<code style="white-space:nowrap"> <code> <script type='text/javascript'>
//<!&#91;CDATA&#91;
ألصق كود code الجافاسكريبت script هنا
//&#93;&#93;>
</script>



</code> </code>

وأخيرا قم بحفظ القالب template ،ومبروك عليك الصور في صندوق التعليقات ،أتمنى أن تنال إعجابكم




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©