أضف كود ألبوم الصور إلى صفحتك الإجتماعية على الفيس بوك

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

للإضافة كود ألبوم الصور لصفحتك الإجتماعية على موقع الفيس بوك اذهب إلى صفحتك الإجتماعية ثم اضغط على زر "تعديل الصفحة"

ثم رابط "التطبيقات"

اذهب إلى تطبيق محرر ثم اضغط على "الذهاب إلى التطبيق" لإضافة الكود في محرر صفحتك

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

<!-- Codes by Quackit.com --> <center> <BR/> <!-- set the divs for the fullsize images --> <div id="image1"> <img src="http://egkoora.com/upload/viewimages/134a1c4140.jpg" /> </div><div id="image2" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/547e01a166.jpg" /> </div><div id="image3" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/61e0660012.jpg" /> </div><div id="image4" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/0859253c96.jpg" /> </div><div id="image5" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/8f8249697c.jpg" /> </div><div id="image6" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/388e3ca87b.jpg" /> </div><div id="image7" style="display: none;"> <img src="http://egkoora.com/upload/viewimages/ebe7a65b1d.jpg" /> </div><!-- set up our thumbnails --> <a href="#" clicktoshow="image1" clicktohide="image2,image3,image4,image5,image6,image7,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/134a1c4140.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image2" clicktohide="image1,image3,image4,image5,image6,image7,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/547e01a166.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image3" clicktohide="image1,image2,image4,image5,image6,image7,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/61e0660012.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image4" clicktohide="image1,image2,image3,image5,image6,image7,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/0859253c96.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image5" clicktohide="image1,image2,image3,image4,image6,image7,image8,image9,image10,image11,image12,image13,image14"><BR/> <IMG SRC="http://egkoora.com/upload/viewimages/8f8249697c.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image6" clicktohide="image1,image2,image3,image4,image5,image7,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/388e3ca87b.jpg" HEIGHT="75" WIDTH="100" /> </a> <a href="#" clicktoshow="image7" clicktohide="image1,image2,image3,image4,image5,image6,image8,image9,image10,image11,image12,image13,image14"> <IMG SRC="http://egkoora.com/upload/viewimages/ebe7a65b1d.jpg" HEIGHT="75" WIDTH="100" /> </a> </center> <BR/><BR/> <!-- set the divs for the fullsize images -->

الصق الكود في المكان المحدد له ثم احفظ التغييرات

عند الحفظ اذهب إلى صفحتك الاجتماعية لترى النتيجة - اضغط لمشاهدة مثال حي

للإستفادة من خدمات أخرى خاصة بالصفحات الإجتماعية اضغط هنا