طريقة أضافة منشورات انستاجرام فى تدوينات بلوجر

How-to-add-instagram-posts-blogger-blog
قد يحتاج بعض المدونين لأضافة منشور من انستغرام فى مدونة بلوجر وذلك اما لعمل شرح لها او ربطها بمحتوى الموضوع وفى هذه التدوينة سنتعرف على كيفية اضافة بوست post الى مدونات بلوجر blogger داخل المواضيع بطريقة سهلة ومبسطة ان شاء الله
 فى البداية نقوم بالتوجه الى المنشور اللذى نريد تضمينه الى التدوينة  ثم نقوم بالضغط على رمز 3 نقاط
How-to-add-instagram-posts-blogger-blog

ثم نقوم بأختيار Embed
How-to-add-instagram-posts-blogger-blog

الان نقوم بنسخ كود التضمين المشار اليه بالمربع عن طريق الضغط على الزر المشار اليه بالسهم
How-to-add-instagram-posts-blogger-blog

وهذا مثال للكود
 <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/Bfq_A1Yg4_F/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/Bfq_A1Yg4_F/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by على ماهر (@ali_3rbaway)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-02-26T19:28:11+00:00">Feb 26, 2018 at 11:28am PST</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>
الان نقوم بالتوجه الى التدوينة المراد اضافة منشور انستقرام بها ثم نقوم بتحويل محرر التابة الى الوضع HTML ولصق الكود فى المكان اللذى نريد ظهور المشاركة به

تابع طريقة أضافة أكواد HTML للموضوعات فى بلوجر


How-to-add-instagram-posts-blogger-blog

مثال مباشر لبوست ومنشور instagram فى التدوينة


A post shared by على ماهر (@ali_3rbaway) on

ويمكننا التعديل وتغيير عرض المنشور عن طريق تغيير الارقام بجانب max-width: الى المقاس المناسب لنا 
ويمكننا ايضآ أخفاء وصف المنشور عن طريق أزالة السهم امام Include caption  كما بالصورة التالية
How-to-add-instagram-posts-blogger-blog

تدوينات قد تفيد:







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

تعريب كن مدون جميع الحقوق محفوظة لــ مدونة عرباوى | متعة الشروحات المبسطة 2016 ©