X
تبلیغات
پیامک
آموزش وبلاگ نویسی
آموزش وبلاگ نویسی وکدهای جاوا
آرشیو
شنبه 21 آبان‌ماه سال 1384
نحوه گذاشتن لینک, لوگو, عکس و موزیک در وبلاگ

 

چنین گفت پیغمبر راستگوی   


   
        زگهواره تا گور دانش بجوی


    گذاشتن لینک, لوگو, عکس و موزیک در وبلاگ

یکی از بیشترین سوالی که در فرمهای رفع اشکال سایتهای ابزارهای فارسی, مجید آنلاین و پرشین لرن شده طریقه آپلود کردن, نصب و گذاشتن عکس, لینک, لوگو و موزیک در وبلاگ هست.

 

گذاشتن لینک:

برای قرار داد لینک در وبلاگ (یا هر جای دیگری) باید از تگ a استفاده کرده که به صورت زیر خواهد بود.

<a href="URL">Name</a>

به جای URL باید آدرس صفحه ای که میخواهید به آن لینک دهید استفاده کنید و به جای Name نامی است که شما آنرا نوشته تا بازدیدکننده با کلیک بروی این نوشته به صفحه مورد نظر منتقل شود. برای مثال:

<a href="http://tools.bolghan.com">بلغان تولز</a>

نتیجه کار : بلغان تولز

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

<a target="_blank" href="URL">Name</a>

و اگر بخواهید تمامی لینکهای موجود در صفحه, در صفحه ای جدید باز شود می تونید تگ زیر را در بخش Head قالب خود قرار دهید:

<base target="_blank">

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

این کدهای زیرا بین دو تگ هد قرار دهید

<SCRIPT LANGUAGE="JavaScript">
<!--
function hyperlinks(target)
{
if (target) where = "_blank";
else where = "_self";
for (var i=0; i<=(document.links.length-1); i++)
{
document.links[i].target = where;
}
}
// -->
</SCRIPT>

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

<FORM><INPUT TYPE="checkbox" NAME="targetnew" ONCLICK="hyperlinks(this.checked)"> لینکها در پنجره جدید باز شود</FORM>

و برای لینک ایمیل (پست الکترونیک) می توانید از تگ زیر استفاده کنید:

<A href="mailto:E-mail Address">Name</a>

برای تعریف رنگها, نوع خط, اندازه خط و حالت خط(Bold, Italic, Underline) لینکهای خود در حالتهای مختلف می توانید از کدهای زیر استفاده کنید که این کدها را باید در بین Head قرار دهید.:

<style>
<!--
a:active { font-family:
نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }
a:link {  font-family:
نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }
a:visited {  font-family:
نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }
-->
</style>

برای برداشتن زیر خط لینکهای در صفحه می توانید از کد زیرا در بین Head قرار دهید.:

<style>
a:hover{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
</style>

 

گذاشتن عکس و لوگو:

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

حالت اول:

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

<img border="0" src="آدرس عکس">

و اگر بخواهید برای عکس خود طول و عرضی, و شرحی بنویسید می توانید از تگ زیر استفاده کنید:

<img src="آدرس عکس" width=عرض عکس HEIGHT=طول عکس BORDER=0 ALT="شرح عکس">

برای مثال:

<img src="http://bolghan.com/tools/Image/bolghanTool2.jpg" width=88 HEIGHT=33 BORDER=0 ALT="بلغان تولز">

که نتیجه کار به صورت زیر خواهد بود:

بلغان تولز

حال اگر بخواهید بروی عکس خود لینک بگذارید می توانید از تگ زیر استفاده کنید.:

<a href="URL"><img border="0" src="آدرس عکس"></a>

 

حالت دوم:

 در این حالت که بیشترین مورد هم می باشد عکس شما بروی هارد می باشد که باید بروی اینترنت منتقل کرد. برای انتقال آن ابتدا باید یک فضای خالی و ابزارهای آپلود فایل (از طریق اینترنت اکسپلورر, فرونت پیچ و FTP) را داشته باشید. بیشترین مشکلی که بلاگرها با آن مواجه هستند فضای خالی و مجانی میباشد که بتوان عکسها و فایلها خود را بروی آن ذخیره کرد. من در پایان این مبحث چندین سایت رو برای گذاشتن و یا گرفتن عکس معرفی خواهم کرد.

 

آپلود کردن از طیق اینترنت اکسپلورر:

یکی از ساده ترین و راهترین روش آپلود کردن فایل از طریق اینترنت اکسپلورر می باشد. برای اینکار می توانید از نوشته زیر استفاده کنید:

http://your/

این روش همانند این هست که شما بخواهید فایلی را بروی هارد خود از جایی به جای دیگر کپی کنید. که می توانید از سه طریق کپی کردن (Copy+ Paste, Cut+ Pasts, Drag) استفاده کنید. شما پس از اینکه در سایتی رجیستر کردید برای شما ایمیلی ارسال خواهد شد که شما می توانید مشخصات خود را از آنجا دریافت کنید. برای مثال آپلود کردن فایل در نت فریمز ( Netfirms):

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

your username: bolghan
your password: 12345
ftp servername: bolghan.netfirms.com
base folder: www

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

http://bolghan:12345@bolgha.netfirms.com/www

از این به بعد همانند اینست که بخواهید فایلی را از این Folder به آن Folder منتقل کنید.

بعضی از سایتهای همانند sharemation نیازی به FTP ندارید می توانید به سادگی فایل خود را از روی هارد آپلود کنید.

 

آپلود کردن فایل در سایت sharemation :

این سایت هم مانند دیگر سایتها بعد از اینکه رجیستر کردید ایمیلی به شما فرستاده خواهد شد که مشخصات اکانت شما در آن میباشد. زمانی که وارد سایت شدید در بالای سایت گزینه ای به نام Upload نوشته شده که شما با کلیک کردن بروی آن به صفحه ای جدید وارد خواهی شد. در داخل این صفحه ایکنی بانام Browse و کمی پایین تر از آن هم منوی بازشوی وجود داره که می توانید تعداد فایلهای که می خواهید آپلود کنید را مشخص کنید که حداکثر 20 فایل میباشد. بعد از اینکه فایلها رو آپلود کردید یک مشکل وجود داره که اگر بخواهید این فایل را در جایی دیگر استفاده کنید با هر بار Refresh کردن صفحه از شما ویا خواننده کلمه و رمز عبور را خواهد پرسید. برای رفع این مشکل می توانید در جدولی که فایلهای شما قرار داره در ستون Share و بروی ایکن مقابل فایل کلیک کرده و سپس به صفحه ای جدید رفته, در صفحه جدید جدولی وجود دارد و در پایین آن بروی گزینه Change کلیک کرده و بعد مشخصات بخش عموم (Public) را تغییر می دهید، بعد از این کار بروی Apply کلیک می کنید با این کارشما کلمه و رمز عبور را برداشته و میتوانید بدون هیچ مشکلی عکسها را باز کنید.

 

چند سایت برای گرفتن و یا گذاشتن عکس:

http://www.iranipc.com/Farsi/main.htm

http://www.digitalphotocontest.com/

http://www.photographica.org/

http://www.worldisround.com/

http://www.betterphoto.com/

http://www.sharemation.com/

http://www.sharemation.com/

http://www.istockphoto.com/

http://www.freestockphotos.com/

http://www.photosig.com/

http://www.truepath.com/

http://www.freefoto.com/

http://www.topcities.com/

http://legacy.truepath.com/

http://www.danheller.com/

http://www.100free.com/

http://www.boomspeed.com/

http://www.freegraphic.com/

http://www.photo.net/

http://www.ofoq.com/

http://webshotd.com/

http://www.webshots.com/

http://photo.box.sk/

http://www.netfirms.com/

http://www.corbis.com/

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


قرار دادن لوگو در وبلاگ:

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

<input name="هر نامی که دوست دارید" size="اندازه کادر" value="متن تگها">

که به صورت شکل زیر خواهد بود:

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

<input name="for logo" size="اندازه کادر" style="font-family: نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت; border: اندازه ,نوع و رنگ; background-color: رنگ داخل کادر" value="نوشته ها و کدها">

برای مثال:

<input type="text" name="T1" size="20" style="font-family: Tahoma; font-size: 10pt; color: #5559FD; font-style: italic; border: 3px double #383EFC; background-color: #EAEAEA">

که به صورت شکل زیر خواهد شد:

 

قرار دادن موزیک در وبلاگ:

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

 

1- پخش موزیک با باز شدن صفحه (بروی Background صفحه):

با استفاده از دستور HTML :

برای اینکار می توانید از تگ زیر استفاده کنید:

<bgsound src="آدرس فایل موزیک بروی اینترنت" loop="تعداد دفعات پخش موزیک">

این تگ را می توانید هرجایی از قالب که دوست دارید قرار بدهید. توجه داشته باشید این فایلها باید با فرمت Wave یا MID باشد و اگر بخواهید تعداد دفعات پخش موزیک نامحدود باشد می توانید در Loop عدد 1- قرار دهید.

 

با استفاده از فرونت پیچ: (برگرفته از وبلاگ دانلود و کرک نوشته شده توسط آقای 30یاوش)

یکی دیگه از راهای قرار دادن آهنگ بر روی وبلاگ استفاده از FrontPage می باشد.
مراحل انجام کار بدین شرح است:
۱.روی دکمه normal در پایین صفحه FrontPage کلیک کنید.
۲.روی صفحه وبلاگتون راست کلیک کنید و گزینه Page Properties را انتخاب کنید حال ورقه General را انتخاب کنید.
۳.من قسمت هایی را که باید تغییر دهید از روی شکل به شما توضیح می دهم.

ם برای انتخاب فایل صوتی مورد نظر از دکمه Browse استفاده کنید.یا اینکه در مربع مقابل Location آدرس فایل را بنویسید.
ם اگر خواستید آهنگ شما بدون توقف پخش شود Forever را فعال کنید.
ם اگر خواستید آهنگ شما به تعداد دفعات مشخصی پخش شود Forever را غیر فعال کرده ودر مربع مقابل Loop تعداد دفعات پخش آهنگ را بنویسید.
سعی کنید از فایل های با اندازه کم به عنوان پس زمینه استفاده کنید چرا که در غیر این صورت زمان دانلود وبلاگ شما بیش از حد بالا می رود.شما می تونید از فایل های midi برای وبلاگتون استفاده کنید.این فایل ها آهنگ خالی هستند(بی کلام).
◊◊ شما نیازی به upload کردن فایل صوتی خود ندارید،می تونید یه سری به اینجا بزنید.این سایت کلی فایل midi داره.

2- اختیاری کردن پخش موزیک:

با استفاده از جاوا اسکریپت: (برگرفته از وبلاگ الفا نوشته شده توسط آقای علی فرهاد)

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

خوب این کد دو قسمت دارد که با کمی تغییر می توانید آنرا در وب لاگ یا سایتتان قرار دهید .
قسمت اول در واقع قسمت تصمیم گیری است . و کد آن به این شرح است :

<script language="javascript">
function BeginMusic(){
if(document.MusicForm.snd.value == 'Music on')
{
document.all.music.src='UrSndFile';
document.MusicForm.snd.value = 'Music off';
}
else
{
document.all.music.src='';
document.MusicForm.snd.value = 'Music on';
}
}
</script>

این قسمت را باید در قسمت HEAD صفحه وب یا قالب خود قرار دهید ( بین دو تگ < head > و < / head > ) فقط به جای UrSndFile نام و آدرس فایل موزیک خود را قرار دهید .
قسمت دوم را باید در قسمت BODY و جایی که دلتان می خواهد کلید در آنجا قرار گیرد بنویسید :

<p>
<form name="MusicForm">
<input name="snd" type="button" value="Music on" onClick="BeginMusic()">
</form>
<bgsound id=music loop=1 autostart="true" >
</p>

این قسمت نیاز به هیچ تغییری ندارد .
البته یک تغییر سلیقه ای هم هست و این تغییر مربوط به نوشته روی کلید می شود . شما می توانید نوشته روی کلید را به هر چیزی که دلتان خواست عوض کنید . برای اینکار کافیست به جای Music On و Music Off در هر دو قسمت ، نوشته دلخواهتان را بنویسید . فقط دقت کنید که در هر دو قسمت این نوشته ها کاملا متشابه باشند .

 

با استفاده از برنامه فلش ام ایکس:

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

 

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

 

 

 

 



برای عضویت در خبرنامه این وبلاگ نام کاربری خود در سیستم بلاگ اسکای را وارد کنید
نام کاربری
تعداد بازدیدکنندگان : 122241


Powered by BlogSky.com

عناوین آخرین یادداشت ها