مرجع بلاگ اسکای

مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای
مرجع بلاگ اسکای

مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای

آموزش قدم به قدم و تصویری گذاشتن قسمتی از نقشه گوگل در وبلاگ


شما دوستان میتوانید برای اینکه نقشه شرکت ، سازمان ، خانه خودتان و هر مکان دیگه ایی که نیاز دارید موقعیت اون رو در وب سایت یا وبلاگ خود به نمایش بگذارید، از ابزار Google Map استفاده کنید. در ادامه به صورت تصویری و قدم به قدم آموزش این کار را میدهیم ...      
 برای ایجاد نقشه کافی است  وارد این صفحه شده و سپس مشخصات حساب کاربری خود را ( اکانت Gmail ) وارد کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

حال بر روی Sign in کلیک کنید پس از بررسی و درست بودن حساب کاربری شما فرم زیر به نمایش در می اید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

پس از مشاهده این صفحه بر روی Create a new map کلیک کنید تا نقشه جدید خودتان را بسازید.

حال نقشه گوگل برای شما به نمایش در می اید همانند تصویر زیر:

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

حالا شما میتوانید نقشه خود را به موقعیت دلخواه ببرید. برای این کار میتوانید از موس برای جا به جایی و اسکرول برای زوم استفاده کنید و یا اسم موقعیت را در کار بالا صفحه سایت بنویسید تا مکان جستجو پیدا شود.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

حالا باید توسط ابزار های داده شده نقشه خود را سفارشی کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

برای مثال میتوانید کارهای زیر را انجام دهید.

  • موقعیت دقیق ادرس خود را به نمایش بگزارید.
  • پوشش سرویس دهی خود را به نمایش بگزارید.
  • راهایی که از مبدا به مقصد خواهد رسید را به نمایش بگزارید.
  • و ...

برای مثال عملی موقعیت جغرافیایی خود را از نقشه پیدا کنید سپس توسط این ابزار دقیقا بر روی مکان خود کلیک کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

حال طبق تصویر زیر مشخصات موقعیت خود را وارد کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

پیشنهاد من اینه که برای تست هم که شده با تمام ابزارها سایت کار کنید استفاده از ابزار ها سایت بسیار اسان هست شما حتی میتوانید از این قسمت مدل نقشه خود را انتخاب کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

پس از اینکه موقعیت خود را پیدا و سفارشی سازی بر روی نقشه کردین حال میتوانید از نقشه استفاده کنید و در سایت خود به کار ببرید برای این کار ابتدا بر روی دکمه سبز رنگ به نام share در بالا سمت راست صفحه کلیک کنید تا کادر زیر به نمایش در بیاید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

حال بر روی دکمه ...Change کلیک کرده تا کادر زیر به نمایش در بیاید

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

پس از نمایش این کادر شما از بین گزینه ها ، گزینه Public on the web را کلیک کنید و سپس بر روی دکمه سبز رنگ Save کلیک کنید و از فرم قبلی دکمه ابی رنگ Done کلیک کنید.

حال شما میتوانید از نقشه استفاد کنید برای اینکه کد نمایش نقشه را بگیرید از سمت چپ سایت بر روی شکل پوشه کنید.
1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

پس از کلیک بر روی عکس پوشه حال بر روی گزینه Embed on my site کلیک کنید.

1x1.trans Google Map : قرار دادن نقشه گوگل در وب سایت خود

تبریک میگویم کار تمام هست حالا شما میتوانید از نمونه کدی که در اختیار شما قرار داده شده است در سایت یا وبلاگ خود استفاده کنید.

در بلاگ اسکای میتوانید هم در قالب و هم در پست های خود از این کد استفاده کنید . در قالب که مشخص است ، در مطالب هم کافیست که قسمت یادداشت جدید را در حالت "مشاهده کد HTML" قرار دهید و کد کپی شده را در ویرایشگر paste نمائید.

نمونه :


امیدوارم خسته نشده باشید و این مطلب هم مفید بوده باشد.

نظرات 10 + ارسال نظر
رضا سه‌شنبه 27 خرداد 1393 ساعت 17:10

سلام
خیلی مفید بود

مرسییی

ایمان یکشنبه 12 مرداد 1393 ساعت 10:37 http://yoganeshat.loxblog.ir/

ممنون ، دست طلا
شاد و سربلند باشی

زهرا مرادی پنج‌شنبه 17 دی 1394 ساعت 15:53 http://zahramoradi94.blogsky.com

لطفا بگویید چگونه آدرس یک وبلاگ رو دروبخودم قرار بدم؟

از قسمت پیوند ها

kimiafekr یکشنبه 26 اردیبهشت 1395 ساعت 16:30 http://www.fekrebozorg.ir/tahlili-tashrihi

با تشکر از مطلب خوبتون
موفق باشید

kamal شنبه 16 مرداد 1395 ساعت 20:34 http://www.liantrade.com

عالی بود ممنون

ساخت سایت شنبه 24 مهر 1395 ساعت 17:41 http://www.liositesaz.com

سلام. خیلی خوب بود. ممنون از سایت خوبتون.

خواهش میکنم

سلام . ممنون از وب سایت خوبتون. عالی بود.

خواهش میکنم

ممنون از سایت قشنگتون. عالی بود

programmer یکشنبه 14 آذر 1395 ساعت 21:34

foghalade booood basi asn o rahat

پنجره دوجداره دوشنبه 26 تیر 1396 ساعت 19:09 http://iran-win.com

آموزش خیلی خوبی هست.
فقط امیدوارم به گذشت اینهمه سال تغییر زیادی نکرده باشه و بتونم ازش استفاده کنم

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد