اموزش ساخت عکس لینک دار

چجوری روی یک تصویر و عکس لینک قرار بدم

یکی از دوستان سوالی کرده که ممکنه برای بعضی از دوستان هم پیش بیاد

گاهی برای ما مبتدی ها ایجاد و ساخت لینک کمی مبهم میشه چون

معمولا چیزایی که خیلی ساده هستند بخاطر همین سادگی شون آموزش خاصی براشون درست نمیشه زیاد

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

برای اینکه ما کلمه یا تصویری داشته باشیم که وقتی روش کلیک میکنند به ادرس خاصی هدایت بشند

ما نیاز داریم اون کلمه یا عکس رو بهش خاصیت لینک بدیم

خوب در ابتدا آموزش مخصوص بلاگفا رو آماده کردم تو اکثر وبلاگدهی ها شبیه هم هستند

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

چون در ابتدا شما باید تصویر رو قرار بدید و بعد اون رو تبدیل به لینک کنید

لطفا روی تصاویر زیر کلیک کنید

تصویر دوم مربوط به لینک دار کردن تصویر میباشد

لطفا روی تصاویر زیر کلیک کنید

تصویر سوم هم نتیجه کار بشکل کد سورس

لطفا روی تصاویر زیر کلیک کنید

حالا میرسیم به آموزش و شناخت خود لینک و تصویر

خاصیت کلی لینک بصورت زیر هستش

<a title=”توضیح لینک” href=”ادرس سایت مورد نظر“target=”_blank“>نوشته و یا تصویر مورد نظر شما</a>

دربالا جاهای مهم رو با رنگ قرمز مشخص کردم

توضیح لینک :در اینجا باید نام صفحه مبدع یا توضیح کوتاهی از اون رو بگذارید خیلی کوتاه باشه

آدرس سایت :هم باید ادری کامل رو قرار بدید برای اینکار هم ادرس رو از بالای مرورگرتون تو همون صفحه مورد نظر کپی کنید و قرار بدید راحت تره

جای نوشته و یا تصویر :کلمه ای که میخواید لینک دار باشه رو قرار بدید تا وقتی روش کلیک میکنند به ادرس لینک شما برند

target=”_blank”این تگ هم برای اینه که بعد از کلیک کردن لینک شما در صفحه جدیدی باز بشه

تا اینجا با خاصیت یک لینک معمولی اشنا شدیم

حالا چجوری داخل لینک تصویر بگذاریم

برای اینکار کافیه تگ تصویر رو درجایی که نوشته نوشته یا تصویر هست بزارید

تگ تصویر هم بصورت زیر هستش

<img title=”توضیح تصویر” src=”لینک مستقیم تصویر” alt=”توضیح تصویر“>

حالا تصویرمون رو . داخل لینک بالا میگذاریم و میشه اینجوری

<a title=” توضیح لینک ” href=” ادرس سایت مورد نظر ” target=”_blank”><img title=”توضیح تصویر” src=” لینک مستقیم تصویر ” alt=”توضیح تصویر”></a>

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

مثلا برای تبلیغات , یا برای قرار دادن لگوی وبگاهمون , یا اینکه بازدید کندگانمون رو به ادرسی از صفحه ای که میخوایم راهنمایی کنیم و کاربردهای گوناگون دیگه

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

موفق و پیروز باشید

اموزش گذاشتن کد در وبلاگ2017-01-15