شريط متحرك خاص بالصور لمدونات البلوجر




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

لذلك نوفر لك في مدونتنا الشامل نت هذه الاضافة التي تغنيك عن اضافات كثيرة لجمع صورك في شريط متحرك واحد يمكن التمرير منه من اليمين الي اليسار , و ايضا يمكنك تركيب و اضافة صور غير محدود الي هذه الاضافة الجميلة جدا .

هذا مثال عن شكل الاضافة التي نتحدث عنها و يمكنك اضافة اي شكل من الصور التي لديك
























طريقة التركيب  

- لتركيب الاضافة كل ما عليك هو نسخ الكود الذي في الاسفل و الانتقال الي مشاركة جديدة في حسابك علي البلوجر و اختيار مكان وضع الاضافة في المشاركة الجديدة التي تكتبها ثم تضغط علي الخيار HTML و عمل لسق للاكواد

- لتركيب الصور يمكنك ان تقوم بجلب رابط الصورة التي تريد اضافتها و تغيرها من الخيار HTML او تقوم بوضع رابط الصورة مباشرة في الاضافة التي اضفتها الي المشاركة الجديدة كما هو ملون في كود الاضافة في الاسفل

- عن طريق رفع الصور الي الاضافة سوف تضهر الصور فوق بعض , لذلك كل ماعليك هو سحب الصور الي الوسط لتصبح جنب بعضها و يضهر شريط التحريك لليمين و اليسار

ملاحضة : يسمح بنشر الاضافة بشرط ذكر مصد الاضافة
<div class="single col-sm-9  post-9725 post type-post status-publish format-standard has-post-thumbnail hentry category-launchers apptype-apps" style="box-sizing: border-box; float: left; min-height: 1px; padding-bottom: 0px !important; padding-left: 15px; padding-right: 15px; padding-top: 0px !important; position: relative; width: 658.125px;">
<div id="info" style="background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; box-sizing: border-box; margin: 10px 0px; overflow: hidden; padding: 0px; width: 658.125px;">
<div class="screenshot" style="box-sizing: border-box; color: #333333; font-family: roboto, uilanguagefont, arial, sans-serif; font-size: 14px; overflow: hidden; padding: 10px; position: relative;">
<div style="box-sizing: border-box; height: auto; left: 0px; margin-bottom: 10px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: auto;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-AWrwXRFI25E/W2GkX1eYRWI/AAAAAAAAGWo/lnmdpEkboYARXUocHBfXT5YsOSHeE8DyQCLcBGAs/s1600/GO%2BLauncher%2BZ%2BPrime%2BVIP.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="525" data-original-width="297" height="400" src="https://3.bp.blogspot.com/-AWrwXRFI25E/W2GkX1eYRWI/AAAAAAAAGWo/lnmdpEkboYARXUocHBfXT5YsOSHeE8DyQCLcBGAs/s400/GO%2BLauncher%2BZ%2BPrime%2BVIP.png" width="226" /></a><a href="https://3.bp.blogspot.com/-xyaqVDMs0co/W2GkEKlcO1I/AAAAAAAAGWg/c_KQSSBL3RcJTeXwoa7mcBH8XB1bU8R8QCLcBGAs/s1600/GO%2BLauncher%2BZ%2BPrime%2BVIP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="297" height="400" src="https://3.bp.blogspot.com/-xyaqVDMs0co/W2GkEKlcO1I/AAAAAAAAGWg/c_KQSSBL3RcJTeXwoa7mcBH8XB1bU8R8QCLcBGAs/s400/GO%2BLauncher%2BZ%2BPrime%2BVIP.png" width="225" /></a><a href="http://www.shamelnet48.com/"><img border="0" data-original-height="523" data-original-width="300" height="400" src="https://1.bp.blogspot.com/-1Ah83IKohBI/W2GjnhbJkdI/AAAAAAAAGWY/ebJt8_d4n3UZfPRD7XmrWIWYsM7atzfjQCLcBGAs/s400/GO%2BLauncher%2BZ%2BPrime%2BVIP.png" width="228" /></a></div>

ليست هناك تعليقات