ADs by Techtunes ADs
ADs by Techtunes ADs

ব্লগস্পট সাইটে যুক্ত করে নিন “Simple Digital Clock”

Simple Digital Clock For Blogger/Website - আজকে আমি আপনাদের দেখাবো কিভাবে আপনি আপনার ব্লগার সাইটে একটি সুন্দর ডিজিটাল ঘড়ি যোগ করতে পারবেন। আপনি ইচ্ছা করলে এটি আপনার ব্লগের যেকোন উইডগেট (Widget) অথবা টেমপ্লেট এর ভিতরেও স্থাপন করতে পারবেন।
প্রথমে আপনি আপনার ব্লগার ড্যাশবোর্ডে ঢুকে Template > Edit HTML এ ক্লিক করুন। তারপর "Ctrl+F" চেপে </style> ট্যাগটি খুজে বের করুন এবং নিচের CSS কোডটুকু কপি করে </style> ট্যাগের আগে পেষ্ট করুন।

ADs by Techtunes ADs

#realtime { font-family: Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-weight: 100; display: block; text-align: center; font-size: 12vw; padding: 4rem 0; } #realtime span { display: inline-block; font-family: Avenir Next, Nunito, sans-serif; font-weight: 100; font-size: 8vw; position: relative; top: -2vw; } @media all and (max-width: 600px) { #realtime { font-size: 4rem; padding: 2rem 0; }; } @media all and (max-width: 350px) { #realtime { font-size: 3rem; padding: 2rem 0; }; }

এখন টেমপ্লেটি সেভ করুন এবং Layout থেকে নতুন একটি HTML/Javascript Widget এড করুন এবং নিচের কোডটুকু কপি করে পেষ্ট করুন এবং সেভ করুন।

<time id="realtime"></time> <script type='text/javascript'> var currentTime = document.getElementById("realtime"); function zeropadder(n) { return (parseInt(n,10) < 10 ? '0' : '')+n; } function updateTime(){ var timeNow= new Date(), hh = timeNow.getHours(), mm = timeNow.getMinutes(), ss = timeNow.getSeconds(), formatAMPM = (hh >= 12?'PM':'AM'); hh = hh % 12 || 12; currentTime.innerHTML = hh + ":" + zeropadder(mm) + ":" + zeropadder(ss) + " " + formatAMPM; setTimeout(updateTime,1000); } updateTime(); </script>

ব্যস, কাজ শেষ। এবার উইডগেটটি সেভ করুন এবং পেজ রিফ্রেশ করে দেখুন নতুন একটি ডিজিটাল ঘড়ি যোগ হয়ে গেছে।

এতক্ষন সাথে থাকার জন্য ধন্যবাদ। যদি কোন সমস্যা হয় তাহলে টিউনমেন্ট এ জানাবেন অথবা আমি আছি ফেইসবুকে

সৌজন্যেঃ MS Design

ADs by Techtunes ADs
Level 0

আমি মোহাম্মাদ সুবেল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 7 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 34 টি টিউন ও 140 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি জানি এটা সত্যিই। তাই সত্যিই বলছি এটা সত্যিই।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

সুন্দর হয়েছে।

Level New

ব্লগস্পট সম্পর্কে আরো দরকারী পোষ্টের জন্য http://letsgobd.blogspot.com

    এভাবে কমেন্ট এর মধ্যে স্প্যাম করে ভিজিটর পাওয়া না যায়। বরং ১টা স্প্যাম কমেন্ট করে আপনার টার্গেটেড ভিজিটর হারালেন…

কালার ত হলোনা