تبلیغات در اینترنتclose
کد نمایش پست های اینستاگرام در وبلاگ (بیا تو ضرر نمیکنی)
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش

سلام به همه دوستان عزیز و گرامی. شاید براتون پیش اومده باشه که بخواین پست های اینستاگرامتون رو در وبلاگ یا وب سایت خود نمایش دهید و به صورت دستی پست ها رو در وبلاگ ثبت کنید ، امروز با کد کمیابی قسط داریم که این مشکل شما را حل کنیم.
ویژگی ها:
- کاملا ریسپانسیو
- قابل تنطیم
- اجرا در جی کئوری نسخه 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

تشکر شده:

9 کاربر از adminrightheme به خاطر اين مطلب مفيد تشکر کرده اند: arg93 / whatyouknow / hossein3000 / mobin2000 / alirezafelm / ahmadreza9001 / utshop / mahdio77 / zero /

پاسخ ها

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



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