سلام

از اونجايي كه چند باري در مورد لوگوهاي مناسبتي سوال پرسيدن به نظرم بد نيومد يه آموزش سريع براي اون دوستاي وبلاگ نويس كه دوست دارن خودشون براي مناسبتهاي مذهبي و ملي لوگوهاي مناسبي درست كنن و تو وبلاگشون به كار ببرن رو قرار بدم.

كار زياد سختي نيست . فقط يه كم حوصله مي خواد .

خوب بريم سر آموزش .

اول از همه به يه تصوير جهت اون مناسبت نياز دارين كه بسته به سليقه خودتون مي تونيد بسازيد.

الان تو اكثر وبلاگها لوگوهاي مثلثي كه سمت چپ يا راست وبلاگ قرار مي گيره مرسوم شده. ولي شما خودتون مي تونيد ابتكارات جديد تري داشته باشيد . منظور اينكه حتماً ‌لزومي نداره كه مثلثي باشه . براي نمونه اين لوگوي نيمه شعبان وبلاگ

اما اگر كه خواستين مثلثي باشه بايد تو فتوشاپ مثلث رو بسته به اينكه سمت چپ يا راست وبلاگ باشه درست كنيد و با فرمت png  ذخيره كنيد تا نيمه پائيني خالي از تصوير باشه.

مثل اين لوگو كه يه لوگوي مثلثي هستش .

(كد نمونه هم مربوط به همين تصوير هستش .)

بعد از درست كردن لوگو بايد تصوير خودتون رو داخل فضايي كه تو اينتر نت در اختيار دارين آپلود كنيد . حالا اين فضاي رايگان باشه و يا متعلق به وبلاگ خودتون فرقي نمي كنه .مهم دسترسي به لينك اصلي تصوير هستش .

بعد از اين نوبت ميرسه به مرحله كد مخصوص به لوگو .البته اين كد معمولاً‌ درون يك فايل جاوا اسكريپت جاسازي شده .

براي راحتي شما من اين كد رو قرار دادم كه قسمتهاي مهمش رو براتون توضيح بدم .( البته بازم مي گم كار زياد سختي نيست . مخصوصاً براي كساني كه تا حالا با كدهاي قالب وبلاگشون سر و كله زدن.)

مواردي رو كه در موردش توضيح دادم و يا قابل تغيير هستن رو رنگي كردم.

تو تغيير دادن كدها مواضط نقطه ها و مميز و كلن بقيه عناصر هم باشين. چون حذفشون ممكنه كارتون رو به هم بريزه.

// JavaScript Document

res = “<div style=” z-index:1000; position:absolute; left:0px; top:0px; border-width:0px; “>”
res += “<img src=”http://rozze.persiangig.com/image/logo/narjess.png” width=”170” height=”170” ”
res += “border=”0” usemap=”#narjess” /><map name=”narjess” id=”narjess“> ”
res += “<area shape=”poly” alt=”گل نرگس پس كي ميائي” coords=”1,1,169,1,169,169″ ”
res += “href=”http://WWW.roze.ir/” target=”_blank” /></map></div>”
document.write(res);

اول از همه كد بالا رو درون يه نرم افزار ويرايش متن مثل نت پد كپي پست كنيد.

تو خط اول چيزهايي كه مهمه:  position:absolute اين كد باعث ميشه كه لوگوي شما بالاتر از ساير عناصر وبلاگ قرار بگيره . اگر كه نياز داشتين لوگوتون روي عناصر قرار نگيره (‌بسته به نوع لوگوتون  )‌ مقدار position رو خالي بزارين. براي مثال لوگوي ايام فاطميه

دستور بعدي هم براي چپ يا راست بودن هستش.left/right  كه با توجه به لوگوي طراحي شده تغييرش بدين . همچنين مي تونيد فاصله از كناره ها رو هم با تغيير عدد 0 تغيير بدين .دستور بعدي هم كه معلومه مربوط به قرار گرفتن لوگودر بالا هستش كه نيازي به تغيير نداره . ولي مي تونيد فاصلش از بالاي صفحه رو تغيير بدين.

border-width:0px; ضخامت حاشيه. اگر كه نيازي به حاشيه مقدار 0 رو تغير بدين

تو خط بعدي آدرس تصوير و عرض و ارتفاع اون هستش . كه اونم با توجه به لوگو تغيير پذيره .
خط سوم هم مربوط ضخامت حاشيه (“border=”0”) و نام و نشان لوگو هستش .
خط چهارم هم نحوه لينك دادن و مشخصات نوشته بادكنكي لوگوتون هستش و ناحيه كه لينك دادين.
خوب خط پنجم كه اخرين خط ويرايش شما هستش مربوط به لينك لوگو هستش كه مي تونيد آدرس سايتتون رو وارد كنيد . و همچني نحوه باز شدن لينك.

بعد از اتمام ويرايش كدها با فرمت js. ذخيرش كنيد (دقت كنيد كه اگر متن فارسي استفاده كردين با يوني كد ذخيره كنيد) و مانند تصوير توي نت آپلود كنيد به صورتي كه به لينك مستقيمش دسرسي داشته باشيد.
حتماً‌اين كد براتون آشناست :<script src=’http://www.roze.ir/logo/narjess.js’></script>
اين همون كديه كه اكثر سايتها و وبلاگهاي ارائه دهنده لوگوي مناسبتي ازتون مي خوان درون قالب وبلاگتون قرار بدين. شايد حدس زدنش زياد سخت نباشه كه شما آدرس همون فايل جاوايي رو كه ذخيره كردين رو درون اين كد قرار بدين .
و در انتها مثل هميشه مي تونيد اين كد رو درون قالب وبلاگ خودتون و يا دوستانتون در محل مربوطه قرار بدين.
محلش رو هم كه ديگه مي دونيد نه ؟
بين اين دو تا كد

</head>
<script src=’http://www.roze.ir/logo/narjess.js’></script>

<body>

اين دوتا كد رو تو همه قالبهاي وبلاگ و سايت ميشه پيدا كرد . فقط بايد يكم دنبالش بگردين

اميد وارم كه اين آموزش كاربردي بوده باشه . البته بازم مي گم من از برنامه نويس زياد سر در نمايرم . اگر جايش گنگ و نامفهوم بود و يا اشتباه توضيح دادم خوشحال ميشم كه كمكم كنيد

براي مشاهده لوگوهاي وبلاگ همبه اين آدرس مراجعه كنيد