کد کاربردی

در این مطلب جدید  یک کد کاربردی دیگر مورد نیاز وبلاگ نویسان و صاحبان سایت را معرفی کرده و برای استفاده کاربران همراه با توضیحات ارائه می دهیم.


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

نمونه ی این کد رامی توانید دراین سایت مشاهده کنید.



<!--------------- block sabet ---------------------->

<blogskin><div class=ad1></div><div class=xpost><div class=page22>

 

<a href="http://www.mooshaz.blogsky.com/?p=316" target="_blank">تازه های کد وکدهای کاربردی</a> 

</div>

</div>

<div class=ad3><br></div></blogskin>

<!--------------- block sabet ---------------------->


کدهای موردنظر خود را درخواست دهید تا در سایت قرار گیرد!

قرار دادن آیکون برای سایت یا وبلاگ (favicon)

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

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

<link href="http://adres-shoma/blogskin.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

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

برای آپلود فایل ها نیز می توانید از این سایت هم استفاده کنید که اکثر فرمت ها را پشتیبانی می کند!

چه سایتهایی شما را لینک کردند!

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


وارد سایت گوگل شوید و این عبارت را بنویسید و کلید جستجو را بزنید: link:mooshaz.blogsky.com
کافیست به جای عبارت قرمز رنگ آدرس سایت یا وبلاگ خود را قرار دهید


از روی تعداد نتایج یافت شده خواهید فهمید چند سایت و چه سایت هایی ، آدرس سایت شما را در صفحات خود قرار داده اند.
البته این آمار ۱۰۰% دقیق نیست چرا که برخی از صفحات سایت ها یا وبلاگ ها که شما را لینک کرده اند ممکن است در گوگل ثبت نشده و در لیست نتایج جستجو نمایش داده نشوند و یا سایتی قبلا شما را لینک کرده و حالا لینک شما در آن وجود ندارد اما باز هم نام آن در لیست نتایج جستجو دیده شود.
هرچه تعداد سایت هایی که شما را لینک کرده اند بیشتر باشد، در گوگل رتبه بهتری خواهید داشت.

ثبت سایت در150 موتور جستجوگر

موتورهای جستجو معمولا پس از مدتی از راه اندازی سایت ها و وبلاگ ها ، نام و مطالب آنها را در خود ایندکس (ثبت) می کنند. اما برای تسریع در ثبت سایت و مطالب شما در موتورهای جستجو ، باید این اقدام را خودتان انجام دهید .
سایت زیر این توانایی را دارد که سایت شما را در ۱۵۰موتور جستجوگر ثبت کند:
پس از وارد کردن آدرس سایت و ایمیل خود دکمه ADD URL رابزنید و صبر کنید تا مراحل ثبت انجام شود. این کار حدود ۳تا ۸ دقیقه طول می کشد.
لینک شما در موتور های جستجوی معروف از جمله:گوگل.یاهو.بینگ.التا ویستا.Ask,.....ثبت شده است.
همچنین برای ثبت وبلاگ در موتور جستجوگر گوگل هم به این آدرس مراجعه کنید :
http://www.google.com/addurl
آدرس ثبت وبلاگ درموتورجستجوگریاهو:
http://siteexplorer.search.yahoo.com/submit
آدرس ثبت وبلاگ درموتورجستجوگرbingیاmsn:
http://www.bing.com/docs/submit.aspx
آدرس ثبت وبلاگ درموتورجستجوگرالکسا(Alexa):
http://pages.alexa.com/help/webmasters/index.html#crawl_site
آدرس ثبت وبلاگ درموتورجستجوگرsplat:

آدرس ثبت وبلاگ درموتورجستجوگرScrub The Web:


کدهای کاربردی 3

در این مطلب جدید تعدادی از کدهای کاربردی دیگر مورد نیاز وبلاگ نویسان و صاحبان سایت را معرفی کرده و برای استفاده کاربران همراه با توضیحات ارائه می دهیم.


- کد باز شدن پنجره کوچک به همراه صفحه اصلی سایت
- کد تبلیغات ثابت بالای صفحه سایت / وبلاگ
- کد متن ، تصاویر ، لینک شناور در صفحه
- کد ایجاد تصویر تصادفی


- کد باز شدن پنجره کوچک به همراه پنجره اصلی سایت
هنگام باز شدن صفحه اصلی سایت یا وبلاگ صفحه ای همزمان باز خواهد شد که کد آن بدین صورت خواهد بود :
باز شدن همزمان صفحه اینترنتی با درج آدرس صفحه 

<script language="JavaScript">
window.open("http://mooshaz.blogsky.com","","toolbar=no, width=200,height=250,directories=no,menubar=no,scrollbars=no");
</script>

باز شدن همزمان صفحه جدید با محتویات دلخواه

<script language="JavaScript">
bloghelp=window.open("","bloghelp","toolbar=no,width=200,height=250
,directories=no,menubar=no,scrollbars=no");
bloghelp.document.write("mohtava");
</script>

قسمت های مشخص شده در این کدها قابل تنظیم می باشند از جمله تعیین آدرس صفحه مورد نظر ، محتویات صفحه جدید باز شده ، طول و عرض صفحه جدید.

 
- کد تبلیغات ثابت بالای صفحه سایت / وبلاگ

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

<table width="150" cellspacing="0" cellpadding="0" border ="0"
style="position:absolute; right:1; top:1;width:150;border:1px solid #C0C0C0;font-family: Tahoma; font-size: 8pt;color:black;background-color:white" dir="ltr" id="bloghelp"><tr><td width="20"></td><td width="80" align="center" height="18"><span style="color: #000080">تبلیغات</span></td><td width="20" align="right" style="padding-right:2px"><a style="color:#FF0000; text-decoration: none;font-weight:bold" href="javascript:void(0)" onclick="document.getElementById ('bloghelp').style.display='none'" > X</a></td></tr><tr><td width="100%" colspan="3" height="200" style="border-top: 1px solid #C0C0C0"> <p align="center">
<a href="http://www.blogskin.ir">قالب وبلاگ</a>
</p>
</td></tr></table>

بفیه ی کدهای کاربردی در ادامه مطلب

ادامه مطلب ...