article

نمایش فیلد جستجوی گوگل در سایت یا وبلاگ

html-google-search

یکی از قابیلت های کلیدی مورد نیاز اغلب سایت ها و وبلاگ ها وجود بخش جستجوی اختصاصی در محتوا است، از طرفی این امکان در بیشتر موتورهای جستجو از جمله گوگل وجود دارد که نتایج را محدود به یک دامنه خاص کنیم و بر همین مبنا می توانیم فیلد جستجوی ویژه سایت یا وبلاگمان را در صفحات داخلی داشته باشیم تا کاربران بتوانند به صورت مستقیم و بدون زحمت در مطالبمان کنکاش کنند، با توجه به کاربردی بودن این ابزار آموزش پیش را به نمایش فیلد جستجوی گوگل در سایت یا وبلاگ اختصاص داده ایم، در ادامه با نحوه ارسال درخواست به سرور گوگل و سفارشی سازی تگ form در HTML و ایجاد رابط تعاملی با JavaScript آشنا خواهیم شد، با درک مبنای این مبحث می توانیم برای سایر موتورهای جستجو نیز فیلدهای مشابه طراحی کنیم.

ارسال درخواست به سرور گوگل


اغلب موتورهای جستجو و از جمله گوگل پارامترهای مورد نظر کاربران را از طریق متد HTTP GET دریافت می کنند، در متد GET هنگامی که عبارتی را در فیلد جستجو وارد و بر روی دکمه جستجو کلیک می کنیم در نوار آدرس پارامترهایی قابل مشاهده است که اگر بیش از یک مورد باشند با کاراکتر & از هم جدا شده و قابل تفکیک هستند، به فرض آدرس زیر جستجوی عبارت "آموزش برنامه نویسی وب" را از سرور گوگل درخواست می کند:
http://www.google.com/search?q=آموزش+برنامه+نویسی+وب
پارامتر q در درخواست ما مخفف query یا پرس و جو است و عبارت بعد از آن کلمه مورد نظر برای جستجو است که به جای فاصله از علامت + استفاده شده است، در این حالت گوگل از اطلاعات سراسر وب (که قبلا در دیتابیس خود ذخیره کرده است) عبارت درخواست شده را جستجو می کند و نتایج نمایش داده شده از تمام سایت ها و وبلاگ های وب خواهد بود، اما اگر بخواهیم جستجو را محدود به سایت یا وبلاگ خود کنیم پارامتر دیگری به نام sitesearch به آدرس اضافه می شود، به طور مثال:
http://www.google.com/search?q=آموزش+برنامه+نویسی+وب&sitesearch=https://webgoo.ir
به این صورت تنها نتایجی نشان داده می شوند که متناظر با آدرس URL پارامتر sitesearch باشند، از این مبنا می توانیم در فرم های جستجوی اختصاصی سایت و وبلاگ که با کدنویسی HTML و JavaScript ساخته می شوند استفاده کنیم.

کد HTML ایجاد فیلد جستجوی گوگل


برای ایجاد فیلد جستجوی گوگل در سایت یا وبلاگمان ابتدا باید با تگ form در زبان HTML نمونه کدهای زیر را بنویسیم، این نمونه کدها امکان درج عبارت مورد نظر کاربر و ارسال آن به سرور گوگل را به کمک برنامه نویسی فراهم می کنند:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
</style>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
پیش نمایش کد را در انتهای آموزش می توانیم بررسی و تست کنیم.
توضیح:
- عناصر موجود در نمونه کد بنا بر نیاز و سلیقه قابل تغییر هستند، به طور مثال عرض باکس جستجو در قسمت width برابر 250 پیکسل در نظر گرفته شده که می توانیم متناسب با قالب سایت یا وبلاگمان آن را تغییر دهیم، یا به فرض برای انتقال عناصر به خط جدید از تگ br در HTML استفاده کنیم.
- در قسمت style می توانیم از کدهای CSS برای سفارشی سازی ظاهر فرم استفاده کنیم یا به طور جداگانه کلاس (class) و آی دی (id) برای آنها تعریف کنیم که این کار برای نمونه در کد بالا انجام شده است.
- دو فیلد با نام q و sitesearch بخش اصلی درخواست کاربر به سرور گوگل را تشکیل می دهند، مقادیر value برای فیلد q خالی است و توسط کاربر پر می شود، برای فیلد sitesearch باید آدرس کامل سایت یا وبلاگ خود را (به جای https://webgoo.ir) جایگزین کنیم.
- برای باز شدن پنجره جستجو در صفحه جدید پارامتر target را با مقادیر blank به قسمت مربوط به تگ form اضافه می کنیم، به فرض:
<form method="get" action="http://www.google.com/search" target="_blank">
در نمونه کد بالا پارامتر target تعریف نشده و با کلیک کاربر بر روی دکمه جستجو صفحه نتایج سایت گوگل جایگزین صفحه سایت یا وبلاگمان خواهد شد.

افزودن قابلیت تعاملی با جاوا اسکریپت


با توجه به سلیقه و نیازمان می توانیم امکانات تعاملی دیگری به فرم جستجو اضافه کنیم، به طور مثال از جمله جلوه هایی که در فیلدهای جستجو کاربرد دارد ایجاد متن پیش فرض است که با کلیک کاربر جهت شروع تایپ، متن محو شده و در صورت کلیک در خارج از فضای فیلد و عدم تایپ، متن محو شده نمایش داده می شود، اگرچه مشابه این امکان را با پارامتر placeholder در HTML می توانیم داشته باشیم اما جاوا اسکریپت قابلیت های بیشتری برای سفارشی سازی در اختیارمان قرار می دهد، مثال:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
توضیح:
- در این نمونه کد از دو تابع جاوا اسکریپتی و رویدادهای onclick (هنگامی که کاربر در فیلد جستجو کلیک می کند) و onblur (هنگامی که کاربر در خارج از فیلد جستجو کلیک می کند) استفاده کرده ایم.
- برای اختصاص مقادیر به فیلدها از متد value و برای تغییر کلاس فیلد با برنامه نویسی از متد className در کدهای جاوا اسکریپت استفاده کرده ایم.
- استایل CSS (تگ style) و کد JavaScript (تگ script) را ترجیحا در قسمت هدر قالب (بین تگ های head) و فرم جستجو (تگ form) را بعد از اعمال تنظیمات سفارشی مورد نظر در قسمتی از تگ body درج می کنیم (محل قرار دادن فرم سلیقه ای است و تفاوتی ندارد در کجای صفحه اضافه شود).

افزودن دکمه های رادیویی و منوی کشویی


در صورت لزوم برای تکمیل فرم جستجو و افزودن قابلیت های بیشتر می توانیم از دکمه های رادیویی یا منوی کشویی استفاده کنیم، دکمه های رادیویی یا منوی کشویی قابلیت انتخاب را به کاربر می دهند که در کل وب یا در آدرس مد نظرمان جستجو کند، برای نمونه این کار را برای کدهای زیر که کامل شده فرم بالا است انجام داده ایم.
فرم جستجوی گوگل با دکمه های رادیویی:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input type="radio" name="sitesearch" value="https://webgoo.ir" checked="checked">در سایت وبگو<br>
<input type="radio" name="sitesearch" value="">در کل وب<br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
فرم جستجوی گوگل با منوی کشویی:
<style>
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<select name="sitesearch">
<option value="https://webgoo.ir">در سایت وبگو</option>
<option value="">در کل وب</option>
</select><br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
نکته: گوگل از پروتکل امن https پشتیبانی می کند لذا در کدهای بالا به جای http://google.com می توانیم از https://google.com هم استفاده کنیم (در صورت استفاده از حالت http به صورت خودکار به https منتقل می شویم).

مثال و پیش نمایش آنلاین


برای جمع بندی و تست کدهایی که در این آموزش برای نمایش فیلد جستجوی گوگل در سایت یا وبلاگ بررسی کردیم می توانیم از مثال و پیش نمایش آنلاین زیر استفاده کنیم.
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فرم جستجوی گوگل برای سایت و وبلاگ</title>
<!-- Webgoo.ir -->
<style>
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    direction: rtl;
}
.search-form {
   direction: rtl;
   width: 250px;
   padding: 4px;
   border: 1px solid #999;
}
.search-input {
   direction: rtl;
   width: 96%;
   padding: 4px;
   color: #CCC;
}
.search-submit {
   background: #0C43B4;
   color: #FFFFFF;
   width: 100px;
   padding: 4px;
}
.input-on {
   color: #333;
}
.input-off {
   color: #CCC;
}
</style>
<script>
function inputClear(input, default_text){
    if(input.value == default_text){
        input.value = "";
        input.className = "search-input input-on";
    }
}
function inputRecall(input, default_text){
    if(input.value == ""){
        input.value = default_text;
        input.className = "search-input input-off";
    } else {
        input.className = "search-input input-on";
    }
}
</script>
</head>
<body>
<noscript>جاوا اسکریپت در مرورگر شما غیر فعال است!<br></noscript>
فرم جستجوی گوگل بدون قابلیت های جانبی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input class="search-submit" type="submit" value="جستجو در گوگل">
<input type="hidden" name="sitesearch" value="https://webgoo.ir">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی و دکمه های رادیویی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<input type="radio" name="sitesearch" value="https://webgoo.ir" checked="checked">در سایت وبگو<br>
<input type="radio" name="sitesearch" value="">در کل وب<br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
<br>
فرم جستجوی گوگل با قابلیت تعاملی و منوی کشویی:<br><br>
<form class="search-form" method="get" action="http://www.google.com/search">
<input class="search-input" type="text" name="q" size="22" maxlength="255" value="جستجو..." onclick="inputClear(this, 'جستجو...')" onblur="inputRecall(this, 'جستجو...')">
<select name="sitesearch">
<option value="https://webgoo.ir">در سایت وبگو</option>
<option value="">در کل وب</option>
</select><br>
<input class="search-submit" type="submit" value="جستجوی گوگل">
</form>
</body>
</html>
پیش نمایش آنلاین
sectionدسته بندی: آموزش کاربردی » HTML
related مطالب بیشتر:
» نحوه نمایش فیلم و کلیپ ویدئویی در سایت و وبلاگ
» پخش فایل صوتی (آهنگ، موسیقی پس زمینه) در سایت و وبلاگ
» چگونه در وبلاگ و سایت، لینک دانلود قرار دهیم؟
» چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟
» چرا و چگونه از DOCTYPE در HTML استفاده کنیم؟
commentنظرات (۳۶ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: فریبا
۲۲:۵۰ ۱۳۹۱/۰۴/۲۹
سلام
عالی بود.
امکان دارد کد عضویت در خبرنامه را توضیح دهید.
ممنون.
پاسخ: 
سلام
امکان عضویت در خبرنامه با وجود ساده به نظر رسیدن نیازمند آشنایی با چند پارامتر متفاوت است، از جمله دریافت اطلاعات کاربران و ذخیره در دیتابیس، فراخوانی ایمیل ها به صورت آرایه و ارسال پیام از طریق برنامه های سمت سرور مثل کلاس ها و توابع smtp و mail در php که خود چندین مبحث جداگانه دارد.
نویسنده: farzam jinx
۰۶:۳۶ ۱۳۹۱/۰۵/۰۸
با سلام،
می خواستم ببینم چطور میشه موقعیت سرچ باکس رو در صفحه تعیین کرد و چطور میشه برای مثال یه عکس ذره بین بزاریم و وقتی روی ذره بین کلیک میکنیم سرچ کنه؟با تشکر
پاسخ: 
سلام
واقعیت مطلب این است که شما باید تا حدودی با css آشنا باشید، همه این کارهایی که می خواهید انجام دهید، در وب تنها با css امکان پذیر است، به این صورت با تعریف کلاس و استایل مخصوص می توانید شکل دکمه ارسال را تغییر دهید و از عکس پس زمینه (ذره بین) استفاده کنید، یا موقعیت آن را هر طور که مایلید تنظیم کنید.
نویسنده: farzam jinx
۱۳:۴۲ ۱۳۹۱/۰۵/۰۸
با سلام،
میشه در مورد سوال دوم کمی راهنمایی کنید؟لطفا
پاسخ: 
با اختصاص یک کلاس css می توانید این کار را انجام دهید، یا به فرض به قسمت style input مربوط به دکمه، به صورت زیر مقادیر را اضافه کنید:
<input class="search-button" type="submit" value="جستجو در گوگل" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px; background-image:url(http://www.yoursite.com/image/search-button.jpg); background-position:left top; width:40px; height:40px; border:0px; cursor:pointer; float:left; background-color:transparent;" />
به جای آدرس پیش فرض، آدرس تصویر خود را با عرض و ارتفاع 40 پیکسل یا مقادیر دلخواه دیگر قرار دهید، در کل انجام این کار در صورت آشنایی با css آسان و در غیر اینصورت کمی سخت به نظر می رسد.
نویسنده: farzam jinx
۱۲:۰۱ ۱۳۹۱/۰۵/۱۰
سلام
من سرچ باکس رو با دستور position:absolute در هدر قرار دادم و تنظیمش کردم که دقیقا همونجایی که می خوام قرار بگیره اما وقتی با یک کامپیوتری که رزولوشن مانیتورش با مال من فرق داره وارد وبلاگ می شی موقعیت با توجه به رزولوشن عوض میشه میخواستم ببینم راهی هست که سرچ باکس رو در موقعیتش ثابت کرد و جاش تغییر نکنه؟ مرسی که وقت گذاشتید.
پاسخ: 
سلام
برای انجام این کار معمولا position:absolute گزینه مناسبی نیست، چون مقادیر absolute در واقع همان کاری را می کند که در پیام خود اشاره کرده اید، بهترین روش این است که با استفاده از خاصیت های display padding margin float و... و با توجه به موقعیت سایر عناصر در قالب، لایه جدید را تنظیم کنید، در صورت تمایل می توانید آدرس وبلاگ خود را درج کنید تا بررسی گردد.
نویسنده: farzam jinx
۱۳:۵۲ ۱۳۹۱/۰۵/۱۰
این آدرسش:
http://dastaki.ir
البته من قصدم از این سوال تعیین موقعیت متن توی هدر بود که من گفتم سرچ باکس تا مجبور به توضیح نباشم. واقعا دستتون درد نکنه که اینقدر به بازدیدکنندگان وبسایتتون اهمیت می دید.
پاسخ: 
سایت شما بررسی شد، باید سعی کنید در قسمت بلاک header کد خود را قرار دهید، نه در انتهای صفحه! بلاک foxmenu و عناصر ul li در هدر قالب شما به درستی تنظیم نشده اند و حجم زیادی اشغال کرده اند، به همین دلیل متن متحرک جایی برای قرار گرفتن ندارد، سعی کنید از قابلیت مرورگرهایی مثل فایرفاکس و کروم برای طراحان و توسعه دهنده گان وب استفاده کنید (معمولا تحت عنوان Developer و Inspect Element) تا موقعیت بلاک ها و عناصر صفحه خود را به خوبی درک کنید، همچنین استفاده از تکنیک هایی مثل اضافه کردن رنگ خاص برای پس زمینه لایه ها در هنگام ویرایش و طراحی هم می تواند به شما کمک کند، به طور مثال به بلاک ها به طور موقت استایل زیر را نسبت دهید تا موقعیت آنها در قالب مشخص شود:
background-color:#C00;
در مجموع تنظیم قسمت هدر قالب شما، نیاز به ویرایش مجدد آن دارد.
نویسنده: پیام
۰۴:۳۱ ۱۳۹۱/۰۵/۳۰
یک ملیون تشکر
نویسنده: محسن
۰۲:۱۴ ۱۳۹۱/۰۶/۳۰
سلام
جالب بود . استفاده کردم .
در چند لینک شما در محسن باکس معرفی خواهد شد .
موفق باشید
نویسنده: علی
۲۰:۰۷ ۱۳۹۱/۱۰/۱۵
سلام خیلی متشکرم دست همتون درت نکنه
نویسنده: حسام
۲۰:۱۷ ۱۳۹۱/۱۰/۱۷
عالی بود . مرسی
نویسنده: mousa
۰۹:۰۸ ۱۳۹۱/۱۱/۰۷
با سلام
به خاطر مطلب خیلی عالیتون و همچنین از سایت بسیار خوبتون تشکر می کنم. خیلی خوب بود. مرسی.
پاسخ: 
سلام
خواهش می کنیم، نظر لطف شما است.
نویسنده: saeid
۲۱:۴۲ ۱۳۹۲/۰۴/۱۳
می شه ازتون خواهش کنم برای وبلاگ من این کارا انجام بدین خیلی ازتون ممنون می شم
پاسخ: 
متاسفانه به دلیل کمبود فرصت این امکان مقدور نیست، آموزش را مطالعه کنید، همه چیز با جزئیات گفته شده.
نویسنده: دوستدار شما
۰۰:۳۲ ۱۳۹۲/۰۴/۱۴
سلام، این خیلی عالیه اما اگه یکی بخواد که یه کد توی سایتش بذاره که توی همون سایت جستجو انجام بشه باید چیکار کنه؟ یعنی بدون وابستگی به بیرون از سایت. یعنی یه کد توی صفحه بذاره و تنظیم کنه استایلش رو. و اون کد رو توی کجای صفحه باید گذاشت؟
و اگه مثلا بخواهی موقع سرچ فقط کلماتی رو که از قبل توی صفحه با css و استایل مشخص کردی سرچ بشه. مثل تایتل هر صفحه سرچ بشه باید چیکار کرد.
پاسخ: 
سلام
برای این کار باید با یک زبان سمت سرور (مانند PHP یا ASP) امکان جستجو را متناسب با دیتابیس و ساختار اطلاعات خود تعریف کنید که خود مبحث جداگانه ای است و نیاز به داشتن اطلاعات برنامه نویسی و فراگیری آموزش های مقدماتی دارد.
نویسنده: آیدین پناهی
۱۹:۴۷ ۱۳۹۲/۰۶/۲۳
بینهایت ممنون خیلی خیلی مفید واقع شد
نویسنده: مهران
۱۶:۵۶ ۱۳۹۲/۰۷/۲۲
من وبلاگ ساخته ام اگه میشه برای معرفی به گوگل منو کمک کنید
0912154****
پاسخ: 
قرار گرفتن در لیست جستجو نیاز به ثبت در جای خاصی ندارد، کافی است چند وبلاگ یا سایت دیگر شما را لینک کنند، پس از مدتی وبلاگ شما در گوگل و سایر موتورهای جستجو به صورت خودکار ثبت خواهد شد، البته نمایش در صفحات ابتدایی به موارد زیادی بستگی دارد که فعال بودن وبلاگ و داشتن محتوا از مهمترین آنها است.
نویسنده: معلم
۰۹:۳۲ ۱۳۹۲/۰۸/۲۲
سلام، من معلمم و می خواهم سوالات امتحانی بگذارم تا اپلود فایل ها را انجام می دهم لینک دانلود را هم به دست می اورم و در جای خودش کپی میکنم. اما لینک به همان صورت عدد و ارقام میاید .چگونه می توانم لینک دانلود را به صورت یک شکل نمایش بدهم . لطفا سریع پاسخ دهید . با سپاس
پاسخ: 
سلام
لطفا عبارت "دانلود" را در قسمت جستجو وارد کنید، مطلبی اختصاصی در این مورد در سایت منتشر شده.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- موارد غیرمرتبط با مباحث آموزش ها را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ مختصر داده خواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- از درج عناوین تبلیغاتی در فیلدها خودداری کنید، در صورتی که یادداشت تبلیغاتی تشخیص داده شود حذف خواهد شد.
- تمام یادداشت ها بررسی و زمانی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد خودداری کنید.





9 × 3
 refresh

آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form کوثر رحیمی
در:
سلام ا ز راهنماییتون ممنونم من تازه وبلاگم رو درست کردم ۱۲ سالمه هر کاری می کنم فیلم در اون قرار نمیگیره همش این خطا...
۱۳۹۹/۱۰/۲۹

form متین
در:
سلام و خسته نباشید من بخوام داده ای که از قبل موجوده رو با متد پست به یک فایل ارسال کنم چجور میشه؟ یعنی...
۱۳۹۹/۱۰/۲۷

form روشنا
در:
سلام ما یه وبلاگ گروهی داریم مختص املاک فایل های جدید و حتی قالب جدید اصلا اعمال نمیشه . حتی راهنمایی که کرده...
۱۳۹۹/۱۰/۲۷

form علی
در:
من در یک سایت سازی سایت ساختم یه بخش داره به نام اسکریپت دلخواه می خوام یه اسکریپتی بذارم که مثلا یه موسیقی وقتی کاربر...
۱۳۹۹/۱۰/۲۷

form امیرحسین
در:
بله استاد خیلی ممنون، نمیدونستم خودش Optimize رو انجام میده در کل من بعد از ایندکس گذاری ها همیشه سعی کردم جوری که با...
۱۳۹۹/۱۰/۲۶

form امیرحسین
در:
ُسلام وقت بخیر این کووری هم چون اول قسمت WHERE انجام میشه بعد قسمت ON پس این کووری هم با حالت کووری قبلی برابره
۱۳۹۹/۱۰/۲۶

form امیرحسین
در:
سلام استاد وقت بخیر ممنون از پاسخ گویی های قبلی یه سوال دیگه داشتم: این هم هیچ مشکلی نداره و کار میکنه، ایا...
۱۳۹۹/۱۰/۲۵

form محمد بیدل بازه
در:
سلام خسته نباشید ببخشید من توی یک قسمت سایتم تصویری دارم و میخوام سمت راست اون تصویر متن بنویسم ولی نمیشه تا متن رو...
۱۳۹۹/۱۰/۲۵

form سلام
در:
و اینکه یه تگ خوب برای فونت معرفی کنید و یه تگ دیگه که متن رو (تیتر مطلب (تست)) در ادامش بنویسه نه اینکه...
۱۳۹۹/۱۰/۲۴

form سلام
در:
سلام وبسایتم را نگاه کنید از چه تگی استفاده کنم تا فاصله بین تیتر مطلب جدید را کاهش دهم؟ (از خطی به خط...
۱۳۹۹/۱۰/۲۴

form وطن
در:
سلام. خسته نباشید. خیلی گشتم درباره یک خطا یا ایراد فنی که چند روز هست در سایت نوشته شده با پی اچ پی (اسکریپت اولوشن)...
۱۳۹۹/۱۰/۲۴

form حورارمی
در:
سلام. من هنوز نمیدونم تو تنظیمات باید کجا رو بگردم تا قالب وبلاگم رو با عکس مورد علاقه ام تغییر بدم. یا نمیتونم...
۱۳۹۹/۱۰/۲۳

form راشد
در:
این روش خیلی طولانیه در فروشگاه من یک برنامه گرفتم که یه عکس توش اپلود کن بهت یک لینک میده در ظرف چند ثانیه و...
۱۳۹۹/۱۰/۲۱

form باسلام
در:
باسلام خدمت شما عزیز زحمت کش، من مطلب را تا آخر مطالعه کردم. من وبلاگم بازدیدای زیادی داره چون تمام مطالبش رو خودم مینویسم و...
۱۳۹۹/۱۰/۲۱

form محمود
در:
سلام و عرض ادب من در سایتم یک قسمت تب ایجاد کردم، متن ها را که در تب می نویسم پاراگراف بندی نمی شوند....
۱۳۹۹/۱۰/۲۱
form علی آقابیگی
در:
سلام خسته نباشید ببخشید من می خواستم کد جدید در وبلاگم بزارم بعد اشتباهی رفتم در قسمت ویرایش کدها و بعد بیشتر کدها را پاک...
۱۳۹۹/۱۰/۲۰
form محمد
در:
سلام. من میخوام با جاوا اسکریپت یک کدی بنویسم که وقتی کاربر روی یک دکمه ‏ای کلیک کرد، یک کد تصادفی برای شمارش ارسال...
۱۳۹۹/۱۰/۲۰
form پوریا
در:
سلام خسته نباشید، ممنونم بابت توضیحات خوبتون، یه مشکلی داشتم میخواستم ببینم امکانش هست راهنمایی کنید؟ فرض کنید یه اینطور متنی داریم: ...
۱۳۹۹/۱۰/۱۹
form seyedsobhanmansouri
در:
سلام خسته نباشید من سایتمو طراحی کردم اما به این مشکلات بر میخورم اول اینکه هدر سایتم نمایش داده نمیشه اصلا و بعد...
۱۳۹۹/۱۰/۱۹
form رضا
در:
سلام. ممنون بابت مطالب مفیدتون. این نوع جستجو به سئو سایت لطمه نمیزنه؟؟؟ چون در این مدل جستجو، مقدار impression میره بالا ولی...
۱۳۹۹/۱۰/۱۹
form mahdi
در:
سلام استاد عزیز ، پس بنظرتون بجای وقت گذاشتن برای یادگیری لاراول و وردپرس ، وقت بزارم که عمیق تر php و ساختار mvc...
۱۳۹۹/۱۰/۱۹
form علی
در:
سلام و ممنون بابت وبسایت عالیتون داخل بعضی سایت ها دیدید مثلا یه متنی شروع به تایپ شدن می کنه و وقتی کامل شد...
۱۳۹۹/۱۰/۱۸
form محمد
در:
سلام خدمت شما دوست عزیز سوالم این بود میخاستم چندتا مثال از این تابع و چند تابع دیگه از خودتون رو برام مثال بزنید...
۱۳۹۹/۱۰/۱۸
form محمود رنجبر
در:
سلام برادر مشکل من تو همین سایتی هست که فرستادم وقتی گزینه خانه رو کلیک میکنم و بعد دکمه بک گوشی رو میزنم بالای صفحه...
۱۳۹۹/۱۰/۱۷
form mahdi
در:
سلام استاد عزیز ، بعد از آموزس php با لاراول کار کنیم بهتره ؟
۱۳۹۹/۱۰/۱۶
form رضا
در:
آدرس رو براتون گذاشتم دامنه قبلا روی یه وبلاگ میهن بلاگ بود چند ماه میشه که از میهن بلاگ خداحافظی کردم ولی هنوز که هنوزه...
۱۳۹۹/۱۰/۱۴
form نیلو
در:
سلام... ببخشید بعد طراحی قالب قالب شیشه ایم هست یا نه؟؟؟
۱۳۹۹/۱۰/۱۳
form مجتهدزاده
در:
سلام من یه فرمی طراحی کردم که توش قراره تعداد زیاد (حدود 10 الی 50) فیلد رو تو دیتابیس اینسرت کنم. آیا باید...
۱۳۹۹/۱۰/۰۸
form مجتهدزاده
در:
سلام لطفا راهنمایی بفرمایید که چه زمانی قبل از متغیر @ استفاده می شه و کاربردش چیه؟ با تشکر
۱۳۹۹/۱۰/۰۶
form ali
در:
سلام چجوری میشه با php بازی هوب رو طراحی کرد
۱۳۹۹/۱۰/۰۶
form رضا
در:
سلام ممنون از سایت خوبتون ایکون سایتم رو توی دسکتاپ درست نشون میده ولی تو گوشی مشکل داره طبق اموزش شما هم انجام دادم...
۱۳۹۹/۱۰/۰۶
form فرانک دستان
در:
سلام من خیلی دوست دارم روی وبلاگم کد اهنگ بزارم ولی هیچ کدوم نمی یاد بهم گفتن از این کدها دیگه پشتیبانی نمی شه شما...
۱۳۹۹/۱۰/۰۵
form مصطفی
در:
سلام. عملگر @ چه زمانی قبل از یک متغییر میاد؟
۱۳۹۹/۱۰/۰۵
form سما
در:
سلام من وقتی میزنم روی مشاهده وبلاگ صفحه فیلتر برام میاد و نمیتونم وبلاگمو ببینم
۱۳۹۹/۱۰/۰۵
form مجتبی
در:
سلام من وبلاگ بلاگفا دارم کدها و جاوا استیکرها رو میزارم تو قسمتشون ولی همه ی کدها رو یکطرف وبلاگ نشون میده چطوری سمت...
۱۳۹۹/۱۰/۰۵
form matin asadi
در:
سلام ممنون بابت سایت خوبتو من یه مشکلی دارم می خواستم کدی برای این مثال زیر بنویسم ولی بلد نیستم ممنون میشم کمک کنید. ...
۱۳۹۹/۱۰/۰۲
form sahar1999
در:
سلام وقت بخیر چطور میتونم در برنامه نویسی سی شارپ هنگام ایجاد پایگاه داده ی MySql نام پایگاه داده رو از txetbox دریافت کنم؟
۱۳۹۹/۱۰/۰۱
  در انتظار بررسی: ۰
 پاسخگویی به سوالات ممکن است تا 24 ساعت زمان ببرد.