کد زیباسازی وبلاگ - اطلاعات عمومی

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

برای دسترسی به این ابزار به سایت بلاگرز مراجعه فرمایید
http://blogers.ir/pagerank/?پیج-رنک-گوگل

اد در یاهو و پرینت صفحه ی وبلاگ

نوشته شده در شنبه 91/12/5

ساعت : 3:27 عصر

نویسنده : محسن خوش اخلاق

نظرات

مرا در یاهو اد کنید

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

<SCRIPT LANGUAGE="JavaScript"> if (window.print) { document.write("<form> " + "<input type=button name=print value="پرینت صفحه" " + "onClick="javascript:window.print()"></form>"); } // End --> </script>

صفحه ی قبلی و بعدی در وبلاگ

نوشته شده در شنبه 91/12/5

ساعت : 3:25 عصر

نویسنده : محسن خوش اخلاق

نظرات

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

<SCRIPT LANGUAGE="JavaScript"> function goHist(a) { history.go(a); }</script> <FORM METHOD="post"> <center> <INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)"> <INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)"> </center> </form>

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

وضعیت شما در یاهو

نوشته شده در شنبه 91/12/5

ساعت : 7:15 صبح

نویسنده : محسن خوش اخلاق

نظرات

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

نمایش پیامهای روزانه خودکار

نوشته شده در شنبه 91/12/5

ساعت : 7:14 صبح

نویسنده : محسن خوش اخلاق

نظرات

شاید بخواهید هر روز(به صورت روزانه) پیامی را برای بازدید کنندگانتان به نمایش بگذارید این کار را شاید این گونه انجام بدهید که هر روز صبح زود از خواب بلند شده وارد اینترنت شده و پس از ورود به بخش مدیریت وبلاگ خود پیام روز قبل را حذف کرده و پیام جدید را وارد کنید اما من در اینجا اسکریپتی را برای شما تهیه کرده ام که لازم نیست این همه زحمت بکشید بلکه فقط یک بار پیامهای مربوط به هر روز را مشخص میکنید و سپس کل کد را در قسمت مورد نظرتان وارد میکنید به این ترتیب هر شب ساعت بیست و چهار پیامی که برای کاربران وبلاگ شما به نمایش در خواهد آمد متفاوت از روز قبل خواهد بود . برای این کار در کد زیر به جای عبارتهای (پیام 1) ،(پیام2) ،... و(پیام31) هر کدام پیام مربوط به آنروز را بنویسید و بعد از تکمیل شدن پیامها تمام کد را در مکان مورد نظر خود (مثلا بالا تر یا پایین تر از تگ در قسمت ویرایش قالب وبلاگتان یا در قسمت درج اسکریپت در بخش تنظیمات وبلاگ)کپی کنید

فقط باید به نکات زیر توجه داشته باشید

کد زیر تاریخ را از سیستم کامپیوتری کاربران میگیرد بنابراین برای مثال اگر میخواهید در ماه رمضان هر روز دعای آن روز را بگذارید از انجا که بیشتر سیستمها از تاریخ میلادی استفاده میکنند ابتدا روزهای ماه رمضان را بر اساس هجری قمری است به روزهای معادل آن در سال میلادی تبدیل کنید مثلا اگر روز اول رمضان برابر روز دهم ماه ژانویه است شما در قسمت پیام 10 دعای روز اول ماه رمضان را وارد کنید

اگر در روزی مشخص پیام روز دیگر نشان داده میشود دلیل آن تنظیم نبودن تاریخ سیستم کامپیوتری دستگاه کاربر است بنابراین نگران این موضوع نباشید چون اکثر قریب به اتفاق کاربران تاریخ سیستم خود را درست تنظیم میکنند

<SCRIPT LANGUAGE="JavaScript">   </script> </HEAD> <BODY> <p align="right"> <b>پیام امروز:</b> <script> writeTip(); </script>

پیغام ورود و خروج

نوشته شده در شنبه 91/12/5

ساعت : 7:14 صبح

نویسنده : محسن خوش اخلاق

نظرات

حتما تا کنون انواع پیغامهای ورود و خروج را در بسیاری از وبلاگها دیده اید که من در اینجا چند مورد از آنها را آموزش میدهم

1- اولین کدی که آموزش میدهم پر استفاده ترین کد از این نوع است به این صورت که شما پیغام ورود و پیغام خروج را در جاهای مشخص شده وارد میکنید و سپس کد را محلی مناسب مانند بین تگ یا در همان قسمت تنضیمات وارد میکنید حال شما میتوانید در کد زیر به جای عبارت پیغام ورود هر جیزی مانند( سلام و خوش آمد گویی) و به جای پیغام خروج مثلا (تشکر از بازدید یا خداحافظی یا در خواست برای بازدید مجدد) را وارد کنید

<html> <head> <title>onLoad and onUnload Example</title> </head> <body onLoad="window.alert("پیغام ورود");" onUnload="window.alert("پیغام خروج");"> <p> </p> </body> </html> </body> </html>

دیدن نمونه

2- دومین کد و به نظرم جالب ترین کد کد زیر است که در واقع یک پیام ورود است به این صورت که در هنگام ورود به یک صفحه یک مستطیل با افکتی جالب از بالا به صفحه وارده شده و در خود ضمن سلام چهار جمله را به نمایش میگزارد

برای استفاد از این کد ابتدا کد زیر را بدون هیچ تغییری در بین تگ هد و وارد کنید

<script language="JavaScript1.2"> var ie=document.all var dom=document.getElementById var ns4=document.layers var calunits=document.layers? "" : "px" var bouncelimit=32 //(must be divisible by 8) var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? truebody().scrollTop : window.pageYOffset crossobj.top=scroll_top-250+calunits crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) }function dropin(){ scroll_top=(ie)? truebody().scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40+calunits else{clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) }}function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) }}function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" }function truebody(){ return (document.compatMode!="BackCompat")? document.documentElement : document.body }window.onload=initbox </script>

سپس در کد زیر به جای عبارتهای جمله ی اول شما " جمله ی دوم شما " جمله ی سوم شما و جمله ی چهارم شما عبارتهای مورد نظر خود را وارد کنید فقط توجه داشته باشید که در هنگام نوشتن جمله هرچند طولانی هم باشد نباید دکمه ی اینتر را به منظور رفتن به سر خط بزنید بلکه جمله باید سرهم باشد شما میتوانید بگردید و این عبارتها را در کد زیر پیدا کنید توجه داشته باشید که این کد را در بین تگ بادی از بخش ویرایش قالب وبلاگ خود وارد کنید و نیز جز موارد گفته شده چیزی را تغیر ندهید تا دچار مشکل نشوید

<div id="dropin" style="position:absolute;visibility:hidden;left:202px;top:100px;width:500;height:192px;background-color:#F3F3F3"> <div align="right"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px dotted #000000" bordercolor="#111111" width="100%"> <tr> <td width="100%" style="border: 1px dotted #000000" dir="rtl"> <p dir="rtl" align="right"><font face="Tahoma" size="2"> سلام</font></p> <p dir="rtl" align="right"><font size="2" face="Tahoma"> </font><font size="2" face="Verdana"><font color="#FF0000">•</font> <span lang="fa">جمله ی اول شما</span></font></p> <p dir="rtl" align="justify"><font face="Tahoma" size="2"> </font><font face="Verdana" size="2" color="#008080">•</font><font face="Tahoma" size="2"> </font><span lang="fa"><font face="Tahoma" size="2">جمله ی دوم شما</font></span></p> <p dir="rtl" align="justify"><font size="2" face="Tahoma"> </font><font size="2" face="Verdana" color="#3399FF">•</font><font size="2" face="Tahoma"> </font><span lang="fa"><font size="2">جمله ی سوم شما</font></span></p> <p dir="rtl" align="justify"><font size="2" face="Verdana"> </font><font color="#FF00FF" size="2" face="Verdana">•</font><font face="Tahoma" size="2"> <span lang="fa">جمله ی چهارم شما</span> </font></p> <p dir="rtl" align="left"><font face="Tahoma" size="2"> <p align="center"> <a target="_blank" href="http://www.mjmafi.blogfa.com"> <span style="text-decoration: none"><font color="#FF00FF">دستیار وبلاگ نویس</font></span></a> </p> <a href="#" onClick="dismissbox();return false" style="text-decoration: none">[بستن پنجره] </a> </font></p></td> </tr> </table> </div> </div>

دیدن نمونه

3- این کد یک پیام هشدار مانند را فقط هنگام ورود نمایش میدهد و فرق آن با کد اول این است که در هنگام خروج پیامی نشان داده نمیشود برای استفاده هم کافی است به جای عبارت پیام شما هر متن دیگری را وارد کنید و سپس آن را در هر کجای قالب وبلاگ که میخواهید وارد کنید هر چند بهتر است بین تگ بادی باشد

4- خب این کد هم مانند کد قبل است با این تفاوت که پیام را هنگام خروج نشان میدهد و نه ورود تنظیمات آن هم مانند قبلی است

5- این اسکریپت هم همانی است که اسم کاربر را دریافت کرده و در محیط وب شما درج کرده خوش آمد میگوید که نیاز به توضیح ندارد و نیز نیاز به ویرایش هم ندارد (البته بستگی به خودتان دارد میتوانید عبارات فارسی را ویرایش کنید)

<SCRIPT LANGUAGE="Javascript"> var namePrompt = prompt("ببخشید اسم شریفتون؟",""); function dispname (namePrompt) { document.write(""+namePrompt+""); } </SCRIPT> <BODY> <CENTER> <SCRIPT LANGUAGE="Javascript"> document.write("<font size=3 color=red> خوش آمدی عزیزم, "); dispname(namePrompt); document.write("!</font>"); </SCRIPT> </CENTER></body> </html>

کنترل پنجره لینک

نوشته شده در شنبه 91/12/5

ساعت : 7:13 صبح

نویسنده : محسن خوش اخلاق

نظرات

شاید برایتان جالب باشد بدانید که طراح قالب وبلاگ شما چه کرده که هنگام کلیک برای نوشتن نظر پنجره ی نظرات و کلیک تمام پیوندهای روزانه پیجره ی پیوندهای روزانه با شکل مشخص و اندازه ی مشخص باز میشود این کار به کمک جاوا اسکریپت انجام میشود حال اگر شما میخواهید لینکی به صفحه ای ایجاد کنید که خصوصیات آن تحت کنترلتان باشد میتوانید این آموزش را ملاحظه کنید
ابتدا کد جاوا اسکریپت زیر را در محلی مناسب از قالب وبلاگ خود وارد کنید مثلا بعد از تگ هد وارد کنید البته قبل از این کار آنرا مطابق توضیحات ویرایش کنید تا پنجره ای که با کلیک لینک مورد نظر باز میشود بنا به سلیقه ی شما باشد
در کد زیر و از خط چهارم تا خط ششم پارامتراهایی وجود دارند که به آنها مقادیری در مقابل عبارت مساوی داده شده مثلا به بعضی مقدار yes به بعضی مقدار no و به بعضی دیگر یک مقدار عددی داده شده که اینها همان هایی هستنند که شما میتوانید ویرایش کنید تا به آنچه موردنظرتان است دست پیدا کنید که من به توضیح هر کدام از این پارامترها میپردازم

1)پارامتر toolbar : مقدار no باعث عدم نمایش تولزبار و yes موجب نمایش تولزبار پنجره خواهد شد

2)پارامتر scrollbars : مقدار yes موجب میشود تا اگر محتویات پنجره بزرگتر از اندازه ی تعیین شده باشند میله های لغزاننده یا همان اسکرول بارها امکان دسترسی به آن را میسر سازند و مقدار no این امکان را خواهد گرفت

3)پارمتر menubar : مقدار no مانع نمایش منوبار پنجره خواهد شد و مقدار yes منوبار را به نمایش خواهد گزاشت

4)پارامتر location : مقدار yes آدرس بار را نشان میدهد ولی no موجب عدم نمایش آدرس بار خواهد شد

5)پارامتر status : مقدار yes موجب نمایش و مقدار no موجب عدم نمایش استاتوس بار پنجره خواهد شد

6)پارامترresizable : اگر میخواهید کاربر امکان تغییر اندازه ی پنجره را نداشته باشد به جای عبارت yes عبارت no را وارد کنید

7)پارامتر width : پهنای پنجره بر حسب پیکسل را با این پارامتر مشخص کنید و اگر لازم میدانید به جای مقدار 300 مقداری کمتر یا بیشتر وارد کنید

8)پارامتر height : این پارامتر هممشخص کننده ی ارتفاع بر حسب پیکسل میباشد که اکنون 200 میباشد

حال که کد بالا را ویرایش کردید و در قالب وبلاگ خود وارد کردید برای هر لینک که میخواهید به روش بالا باز شود باید هنگام وارد کردن آدرس مقصد آنرا به شکل زیر وارد کنید

JavaScript:mj("http://آدرس")

و به جای عبارت آدرس نشانی صفحه ی مقصد را وارد کنید مثلا اگر میخواهید به mjmafi.blogfa.com لینک بدهید این آدرس را مانند نمونه وارد کنید

JavaScript:mj("http://mjmafi.blogfa.com")

حال در واقع کل عبارت داخل کادر لینک شماست که باید با آن لینک دهید نه اینکه http://mjmafi.blogfa.co m به تنهایی لینک باشد همچنین دیگر نباید دوبار عبارت http در ابتدای لینک شما باشد و حتما به این نکته توجه داشته باشید و نیز هنگام لینک دادن نباید در لینک پارامتر target وجود داشته باشد(به این معنی که نباید مشخص شود که لینک در پنجره جدید باز شود زیرا کد به طور خودکار لینک را در پنجره ی دیگری باز خواهد نمود و در صورتی که این پارامتر را مشخص نمایید کد بدرستی عمل نخواهد کرد حتی نباید مشخص شود که در خود پنجره باز شود)

برای دیدن نمونه اینجا کلیک کنید

حروف تصویری درخشنده

نوشته شده در شنبه 91/12/5

ساعت : 7:12 صبح

نویسنده : محسن خوش اخلاق

نظرات

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

درهنگام پست مطلب جدید به ترتیب حروف کلمه ی مورد نظر خود بر روی حروف مورد نظر خود کلیک راست کرده و آنرا در محلی که برای نوشتن مطلب(حالت غیر اچ تی ام ال) تعبیه شده کپی و سپس پیست نمایید
با کلیک راست بر روی تصویر مورد نظر و انتخاب گزینه ی propertise آدرس هر یک از تصاویر را از مقابل گزینه ی address بدست آورده و از آن استفاده نمایید
با کلیک راست روی تصویر حرف مورد نظر و ذخیره ی آن بر روی کامپیوترتان آنرا برای استفاده های بعدی و احیانا آپلود آن به فضای شخصی تان ذخیره نمایید

متون تصویری فانتزی (جشن تولد)

نوشته شده در شنبه 91/12/5

ساعت : 7:11 صبح

نویسنده : محسن خوش اخلاق

نظرات

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

درهنگام پست مطلب جدید به ترتیب حروف کلمه ی مورد نظر خود بر روی حروف مورد نظر خود کلیک راست کرده و آنرا در محلی که برای نوشتن مطلب(حالت غیر اچ تی ام ال) تعبیه شده کپی و سپس پیست نمایید
با کلیک راست بر روی تصویر مورد نظر و انتخاب گزینه ی propertise آدرس هر یک از تصاویر را از مقابل گزینه ی address بدست آورده و از آن استفاده نمایید
با کلیک راست روی تصویر حرف مورد نظر و ذخیره ی آن بر روی کامپیوترتان آنرا برای استفاده های بعدی و احیانا آپلود آن به فضای شخصی تان ذخیره نمایید

متون تصویری کول(سرد-cool)

نوشته شده در شنبه 91/12/5

ساعت : 7:11 صبح

نویسنده : محسن خوش اخلاق

نظرات

برای استفاده از تصاویر متنی با افکت کول(سرد-cool) در وبلاگ خود میتوانید از یکی از روشهای زیر استفاده نمایید.

درهنگام پست مطلب جدید به ترتیب حروف کلمه ی مورد نظر خود بر روی حروف مورد نظر خود کلیک راست کرده و آنرا در محلی که برای نوشتن مطلب(حالت غیر اچ تی ام ال) تعبیه شده کپی و سپس پیست نمایید
با کلیک راست بر روی تصویر مورد نظر و انتخاب گزینه ی propertise آدرس هر یک از تصاویر را از مقابل گزینه ی address بدست آورده و از آن استفاده نمایید
با کلیک راست روی تصویر حرف مورد نظر و ذخیره ی آن بر روی کامپیوترتان آنرا برای استفاده های بعدی و احیانا آپلود آن به فضای شخصی تان ذخیره نمایید