bloggerfriendsbd

ব্লগস্পর্ট ব্লগে দিন ঝরা পাতার ইফেক্ট

শীত আসছে এইবার সব পাতাই ঝরে পড়বে। আর এই ঝরা পাতা উপর থেকে পড়া দেখতে অনেকেরেই হয়তো বা ভাল লাগে। আজকে আমি আপনাদের ঝরা পাতার ইফেক্ট কিভাবে দিবেন তা দেখাবে। যদিও শীতের শেষ এটা রিমূভ করে দিতে পারেন। আর পছন্দ হলে রাখতেও পারেন, তবে সবচেয়ে বেশি যা রাখবেন তা হচ্ছে কোড গুলো এর কোড গুলো অবশ্যই ব্যাকআপ রাখবেন যাতে পরের বছর ব্যবহার করতে পারেন :p
ঝরা পাতার ইফেক্টটি দিতে প্রথমেই আপনার ব্লগার লগইন করুন। তারপর Layout এবং তারপর Add Gadget এরপরেHTML/JavaScript সিলেক্ট করুন। এবং নিচের কোডটুকু পেষ্ট করুন।
<script> if (typeof jQuery == 'undefined') { document.write('<' + 'script'); document.write(' language="javascript"'); document.write(' type="text/javascript"'); document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">'); document.write('</' + 'script' + '>') } </script> <script> if (!image_urls) { var image_urls = Array() } if (!flash_urls) { var flash_urls = Array() } image_urls['rain1'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUjKOY7p92iuqpCVnj5z7o0IWWVKMD5YRkbNd6WyKXmOE41K_SJGOu52PjTXgHPKGG1vYiKvdJB9RkqBmTxNouSPd3Fvj6D5KIjKS37u9M9GgmYWIrMG-8vbP-sB3lMqyhIRxj7Cml6gLU/s1600/Leaf1.png"; image_urls['rain2'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc3IdAqPwYVs7ggwmMGfR3TJDOWRGBdOqbitUIsEXdNTtlOC6kHnkJD2IfVIjTu2a1TYyv3IDuR8abtq34x1vI_3lGxr4Ja09nYEEgZmScsDMWt3GPGtTZH79u-nwRg3yUQShtbF8w7sQ/s1600/Leaf2.png"; image_urls['rain3'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8M5CifBLvZjozuWHdwk1-jqiMuepwZpEqG7HSXHdyjC_Aau24cuwKCMeY6RRIw_6k8ls44WY1qOmiAZzqZIhPawAtKL8Kzd2olqgHtGeo11eyWEDkqUmMISE5jb5WR5g2RyfEgPbTdvq/s1600/Leaf6.png"; image_urls['rain4'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNRGVXbvcHIYl6RVnbRG8WjYhh-Y8qopGKMiZW6oAwyhywdkvs67KuIGXM1Wh2lnvwgcCr5Kad_qID74lQ6mwPnKsV-het-84RewCV_Jtd_nW4Cz_Nk0kO8gpdoSiUFuSLXYiudyr83ElE/s1600/Leaf5.png"; $(document).ready(function () { var c = $(window).width(); var d = $(window).height(); var e = function (a, b) { return Math.round(a + (Math.random() * (b - a))) }; var f = function (a) { setTimeout(function () { a.css({ left: e(0, c) + 'px', top: '-30px', display: 'block', opacity: '0.' + e(10, 100) }).animate({ top: (d - 10) + 'px' }, e(7500, 8000), function () { $(this).fadeOut('slow', function () { f(a) }) }) }, e(1, 8000)) }; $('<div></div>').attr('id', 'rainDiv') .css({ position: 'fixed', width: (c - 20) + 'px', height: '1px', left: '0px', top: '-5px', display: 'block' }).appendTo('body'); for (var i = 1; i <= 20; i++) { var g = $('<img/>').attr('src', image_urls['rain' + e(1, 4)]) .css({ position: 'absolute', left: e(0, c) + 'px', top: '-30px', display: 'block', opacity: '0.' + e(10, 100), 'margin-left': 0 }).addClass('rainDrop').appendTo('#rainDiv'); f(g); g = null }; var h = 0; var j = 0; $(window).resize(function () { c = $(window).width(); d = $(window).height() }) }); </script> <script> if (typeof jQuery == 'undefined') { document.write('<' + 'script'); document.write(' language="javascript"'); document.write(' type="text/javascript"'); document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">'); document.write('</' + 'script' + '>') } </script>
আশা করি আপনারা সবাই সফল ভাবে করতে পেরেছেন। ভাল লাগলে মন্তব্য করবেন।
https://technospate.000webhostapp.com/incentviz.html

এই পোস্টটি পরিচিতদের সাথে শেয়ার করুন

পূর্বের পোস্ট দেখুন পরবর্তী পোস্ট দেখুন
bloggerfriendsbd
bloggerfriendsbd
bloggerfriendsbd
bloggerfriendsbd