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

گذاشتن لینک:

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

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

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

<a href="http://tools.bolghan.com"> data-source</a>

نتیجه کار :data-source

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

<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="شرح عکس">

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

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

حالت دوم:

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

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

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

http://your/

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

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

username: data your
your password: 12345
ftp servername: data-source.ir
base folder: www

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

http://data:12345@data-source.coo.ir /www

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

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

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

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

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

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

<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- قرار دهید.

يکی ديگه از راهای قرار دادن آهنگ بر روی وبلاگ استفاده از 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 در هر دو قسمت ، نوشته دلخواهتان را بنويسيد . فقط دقت كنيد كه در هر دو قسمت اين نوشته ها كاملا متشابه باشند .

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

<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="آدرس فايل فلش" swLiveConnect="true" width="128" height="128">

<!---data-source.coo.ir --->