স্নো পড়বে এবার আপনার নিজের ওয়েবসাইটে

শৈতপ্রবাহ আরো দুই দিন ধরে হতে পারে এমনটাই আজকে জানালো আবহাওয়া অধিদপ্তর। শীতে এখন কাঁপছে সারা দেশ। শুধু কি বাংলাদেশ? আমেরিকায় স্মরণকালের সর্বনিম্ন তাপমাত্রা এখন। আর এই মুহূর্তে ঢাকার তাপমাত্রা মাত্র ১৯ডিগ্রি সেলসিয়াস। অনেক দেশে তুষার পাত হয় আর আমাদের দেশে হয় কুয়াশা পাত ! তাই বলে আমরা কেন তুশার না দেখে বসে থাকবো! এবার নিজের ওয়েবসাইটেই তুষারপাত ঘটানোর টিউটোরিয়াল নিয়ে এসেছি। এর আগে এ নিয়ে মে বি অনেক পোস্ট হয়েছে। কারন গুগলে দেখলাম ওয়ার্ডপ্রেস প্লাগিনে ভর্তি শুধু এই তুষার এফেক্টের জন্য। তবে আমরা প্লাগিন ইউজ করবো না।

christmas-snow-falling
christmas-snow-falling

শুধু নিচের কোডটি কপি পেস্ট করে আপনার ওয়েবসাইটের </header> ট্যাগের আগে বসান। ওয়ার্ডপ্রেস ইউজার হলে থিমের header.php ফাইলে এই ট্যাগটি পাবেন। ব্যাস কাজ শেষ। চেক করে দেখুন আপনার ওয়েবসাইটে এখন তুষার পড়ছে।

<!-- snow effect code start --- computerclubbd.com  -->
<script type="text/javascript" src="http://demo.web3canvas.com/html5-css3/christmas-snow-falling-with-css3-jquery/js/jquery-latest.min.js"></script>
<script src='http://demo.web3canvas.com/html5-css3/christmas-snow-falling-with-css3-jquery/js/snowfall.jquery.js'></script>
<script type='text/javascript'> 	
$(document).ready(function(){			
$(document).snowfall({deviceorientation : true, round : true, minSize: 1, maxSize:8,  flakeCount : 250});
});
</script>
<!-- snow effect code end --- computerclubbd.com  -->

এই সুন্দর এফেক্টটির ডেমো দেখতে ও রিলেটেড ফাইল গুলো নামাতে এখানে ক্লিক করুন। রিলেটেড ফাইল বলতে বুঝিয়েছে জাভাস্ক্রিপ্ট ফাইল গুলোকে। কারন আমি যে কোডটুকু দিয়েছি সেখানে দুটি ফাইলের লিংক দেখতে পাচ্ছেন সেগুলো চাইলে আপনি আপনার নিজের হোস্টে রাখতে পারেন। তাই আপনারদের সুবিধার্থে রিসোর্স লিংক ও দিয়ে দিলাম।

Please complete the required fields.
দয়াকরে পোস্ট রিপোর্টের কারণ নির্দিষ্টভাবে বর্ণনা করুন...




ফেসবুক মন্তব্য

মন্তব্য

মোঃ ফয়সাল হোসেন সোহাগ

জীবনটা কতই মধুর, যদি পাশে থাকে কেউ। বৃষ্টির টুপুর টাপুর শব্দ, পরন্ত বিকেলে হৃদয়ে মৃদু দোলা দিয়ে যায় তখন, যখন পাশে থাকে কেউ। ছোট্ট এই জীবন, সীমিত আয়ু, যান্ত্রিক পৃথিবী, যান্ত্রিক এই আমি, একটু শান্তির সন্ধানে... গুগল অথরশীপ লিংক

Leave a Reply

Your email address will not be published. Required fields are marked *

Enable Google Transliteration.(To type in English, press Ctrl+g)

http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
more...