کد جاوا برای وبلاگ(جاوا اسکریپت)

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

 

مشاهده نمونه کد

دوستان برای مشاهده سریع و خوب این کد درون وبلاگتون سعی کنید این کد رو در بالای کد های قالب وبلاگتون قرار بدید . برای مثال اولین سطر بعد از تگ Body جای خوبی برای قرار دادن این کد میتونه باشه . در ضمن اگه قسمت کدهای اضافی تنظیمات وبلاگتون خالی باشه میتونید این کد رو اونجا هم قرار بدید .

مطالب مرتبط :

کد زیبا و جذاب و بسیار جالب بارش برف از آسمان وبلاگ

نوع مطلب : کدهای جاوا اسکریپت
نوشته شده توسط اسحاق مافی در ساعت 6:54 قبل از ظهر | نظرات شما (10)  

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

 

 

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


 

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

 









.: سلام به شما بازدیدکننده عزیز :.

.: برای برداشته شدن پرده سیاه و مشاهده وبلاگ روی بنر کلیک کنید :.

This Code Edited By : Learningbet.blogfa.com


بنر تبلیغاتی
بنر تبلیغاتی شماره 2


مشاهده نمونه کد

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


 

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

 

 مشاهده نمونه کد

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


 

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

 

 کد جاوا اسکریپت مرلین جادوگر

 مشاهده نمونه کد

شما میتونید به جای جمله Welcome To My Weblog که من توی کد به صورت پیش فرض گذاشتم ، جمله دلخواه خودتون رو توی کد بزارید تا وقتی بازدیدکننده وبلاگ شما وارد وبلاگتون میشه مرلین اون رو براش بخونه . در ضمن دوستان خواهشا" توی کد دستکاری نکنید که خراب نشه .


   

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

 

مشاهده نمونه کد

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


 

کد Blur شدن عکس در وبلاگ به دو صورت
آقا فرشاد کدی رو خواسته بودند تا وقتی نشانگر ماوس رو روی عکس میبریم ، عکس روشنتر بشه . من قبلا کدی رو با عنوان کد روشن تر شدن عکس با رفتن نشانگر ماوس روی آن براتون گذاشته بودم . اما استفاده از اون کد یکمی برای کسانی که از Html اطلاعی ندارن ، سخت بود . امروز با همین موضوع دوتا کد براتون آماده کردم که از هرکدوم که براتون بهتر بود میتونید استفاده کنید .

 

 1- کد اول ، کدی هست که با گذاشتن اون توی صفحه ، تمام عکس هایی که درون صفحه بهشون لینک داده شده ، یعنی با کلیک روی اونها به صفحه دیگه ای منتقل میشیم رو به صورت Blur درمیاره . مزیت این کد این هست که عکس های غیر ضروری ، مثل عکس هایی که توی قالب وبلاگتون استفاده شده رو Blur نمیکنه و باعث خرابی قالب نمیشه و استفاده از اون هم خیلی سادست . تنها کاری که باید بکنید اینه که این کد رو در قسمت ویرایش قالب وبلاگتون کپی کنید . این کد رو میتونید از زیر بردارید .

مشاهده نمونه کد

۲- کار کد دومی این هست که تمام عکس های درون صفحه رو به صورت Blur درمیاره ، در صورتی که یه میان کد رو به همه عکس های درون اون صفحه اضافه کنیم که این کار خیلی سخته . من توی کد پایین یه مثال آوردم که شما میتونید مطابق همون عمل کنید .

banner-min.jpg

مشاهده نمونه کد

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


 

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

 

مشاهده نمونه کد

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

   

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

 

... آرشیو مطالب ...
طراحی کد : مرکز آموزش ایرانیان

دوستان توجه داشته باشید که برای اینکه کد درست کار کنه باید تگ مربوط به آرشیو مطالب و هر چیزی که بین اون هست رو پاک کنید و این کد رو بجاش قرار بدید ، وگرنه کد درست کار نمیکنه .


 

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

 

مشاهده نمونه کد - رنگ مشکی

مشاهده نمونه کد - رنگ صورتی

مشاهده نمونه کد - رنگ آبی

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


   

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

 

نمونه آماده شده کد

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


 

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

 

star.gif
star.gif
star.gif
star.gif
star.gif
star.gif
star.gif
star.gif

مرکز آموزش ایرانیان  

مشاهده نمونه کد

ball.gif
ball.gif
ball.gif
ball.gif
ball.gif
ball.gif
ball.gif
ball.gif

مرکز آموزش ایرانیان  

مشاهده نمونه کد

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

/ 0 نظر / 9 بازدید