زمان جاری : جمعه 30 تیر 1396 - 1:13 بعد از ظهر
نام کاربری :
پسورد :

آخرین اخبار و اطلاعیه ها

کاربر گرامی:اگر تازه ثبت نام کرده اید لطفا قوانین انجمن را بخوانید،تا با مشکلی روبه رو نشوید.


تاپیک سایت های مفید و کاربردی
•´¯`•.چت روم تالار گفتمان اسکینک دات آی آر .•´¯`•
تاپیک جامع تغییر نام کاربری اعضای اسکینک

پاسخ جدید
نویسنده پیام
rightheme
آنلاین

ارسال‌ها : 23
عضویت: 12 /2 /1395
تشکرها : 1
تشکر شده : 27
کد نمایش پست های اینستاگرام در وبلاگ (بیا تو ضرر نمیکنی)

سلام به همه دوستان عزیز و گرامی. شاید براتون پیش اومده باشه که بخواین پست های اینستاگرامتون رو در وبلاگ یا وب سایت خود نمایش دهید و به صورت دستی پست ها رو در وبلاگ ثبت کنید ، امروز با کد کمیابی قسط داریم که این مشکل شما را حل کنیم.
ویژگی ها:
- کاملا ریسپانسیو
- قابل تنطیم
- اجرا در جی کئوری نسخه 1.11.2
- دارای 2 حالت
- افکت های زیبا
- و...
قدم اول :
ابتدا این کد ها را در قالب خود زیر تگ head جایگزاری کنید:
کد:
<!--Rightheme.iR Instamax Head Start-->
<script type="text/javascript" src="http://up.rightheme.ir/up/kamyab4u/codes/instamax/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://up.rightheme.ir/up/kamyab4u/codes/instamax/js/jquery.instamax.min.js"></script>
<link rel="stylesheet" href="http://up.rightheme.ir/up/kamyab4u/codes/instamax/css/src/instamax_clean.css" type="text/css">
<!--Rightheme.iR Instamax Head End-->

قدم دوم :
سپس هر کجا که خواستید پست های اینستاگرام نمایش داده شود این کد را انجا قرار دهید:
کد:
<!--Rightheme.iR Instamax Show Start-->
<div id="instamax" class="instamax"></div>
<script language=JavaScript>m='<p align="center"><a href="http://rightheme.ir" title="رایتم : مرجع وبمستران ایرانی" target="_blank">رایتم : مرجع وبمستران ایرانی</a></p>';d=unescape(m);document.write(d);</script>
<p style="display:none"><a href="http://rightheme.ir" title="رایتم : مرجع وبمستران ایرانی" target="_blank">رایتم : مرجع وبمستران ایرانی</a></p>
<!--Rightheme.iR Instamax Show End-->

تنضیمات :
ابتدا این کد را در پایین قالب خود قبل از تگ /body قرار دهید:
کد:
<!--Rightheme.iR Instamax Options Start-->
<script>
$("#instamax").instamax({
accessToken:"260796206.0efbe26.89a76a9668934089a2d00d928486fd26",
user:"https://www.instagram.com/ashoor_km",
skin:"clean",
selectedTab:"p",
alwaysUseDropdown:true,
tagScope:"user",
widgetMode:false,
displayMode:"popup",
maxResults:15,
innerOffset:30,
outerOffset:30,
minItemWidth:200,
maxItemWidth:300,
maxContainerWidth:800
});
</script>
<!--Rightheme.iR Instamax Options End-->

در کد بالا عبارت:
user:\\\"https://www.instagram.com/ashoor_km\\\",
وجود دارد که شما به جای ashoor_km ای دی اینستاگرام مورد نظر خود را وارد کنید.
در کد بالا عبارت:
widgetMode:false,
وجود دارد ، پست های اینستاگرام به صورت پیشفرض به صورت تمام صفحه نمایش داده می شود که اگر به جای false عبارت true را وارد کنید ، پست های اینستاگرام به صورت ویجت (برای نمایش در ستون) نمایش داده می شود.
در کد بالا عبارت:
maxResults:15,
وجود دارد که تعداد نمایش پست ها را نشان می دهد که به صورت پیشفرض روی 15 قرار دارد.
تنضیمات دیگری هم در کد بالا وجود دارد که شما با داشتن کمی دانش انگلیسی می توانید تنضیمات مورد نظر خود را اعمال کنید.
توجه: کد تست شده و سالم می باشد و اگر کد کار نکرد به احتمال زیاد مشکل از وجود کتابخانه جی کئوی قدیمی تر در قالبتان می باشد.
تمام حقوق آموزش و کد برای رایتم : مرجع وبمستران ایرانی محفوظ می باشد و هرگونه کپی برداری حرام می باشد.
ممکن است نحوه نمایش متن های انگلیسی بالا نادرست باشد برای دیدن متون سالم به پست

http://rightheme.ir/462
مراجعه کنید.



امضا کاربر

طراحی و ترجمه قالب - طراحی فایل گرافیکی
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com


پنجشنبه 15 مهر 1395 - 10:14
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 5 کاربر از rightheme به خاطر این مطلب مفید تشکر کرده اند: yasup & clooner & soheilnew & rezatak & hoseingolinejad &





برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


X بستن تبلیغات
نمایندگی هاست خرید هاست
گروه وبمستران اسکینک

تعداد اعضا : 357 نفر