Skip to main content

Wapkiz এ হাইলাইট ফাইল সিষ্টেম যোগ করার উপায়

হ্যালো বন্ধুরা সবাই কেমন আছো? আপনাকে অবশ্যই ভালো থাকতে হবে।

আপনাকে ভাল হতে হবে কারণ আমি আজ যে বিষয় নিয়ে এসেছি তা দেখে আপনি খুশি হবেন।

আজ আমি আপনার জন্য wakkiz এ হাইলাইট সিস্টেম টপ ফাইল দেখানোর কোড নিয়ে এসেছি।
এই সিস্টেমটি নিচের ছবির মত দেখাচ্ছে।

কেন হাইলাইট যোগ করুন?

কারণ হাইলাইট করার মাধ্যমে আপনি আপনার সাইটের ফাইলগুলো একটি নির্দিষ্ট সিস্টেমে ব্যবহারকারীদের সামনে উপস্থাপন করতে পারেন।

এবং আপনি আপনার সাইট পরিচালনায় একটি নতুন আনন্দ পাবেন কারণ সবাই নতুন কিছু পছন্দ করে।
এমনকি এই সিস্টেমে আপনার অর্থ দ্বিগুণ হবে।

আপনার যা কিছু যোগ করতে হবে:

  • এইচটিএমএল,
  • জাভাস্ক্রিপ্ট,
  • এবং CSS

আপনার ওয়াপকিজ সাইটে সিস্টেম যুক্ত করতে নিচের ধাপগুলো অনুসরণ করুন।

ধাপ 1 :

আপনার সাইটের হেডারে এই CSS যোগ করুন।
আপনি চাইলে CSS অপশনও যোগ করতে পারেন।


* {box-sizing: border-box}body {font-family: Verdana, sans-serif; margin:0}.mySlides {display: none}img {vertical-align: middle;}/* Slideshow container */.slideshow-container { max-width: 1000px; position: relative; margin: auto;}/* Next & previous buttons */.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}/* Position the "next button" to the right */.next { right: 0; border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8);}/* Caption text */.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}/* Number text (1/3 etc) */.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}/* The dots/bullets/indicators */.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}.active, .dot:hover { background-color: #717171;}/* Fading animation */.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1}}@keyframes fade { from {opacity: .4} to {opacity: 1}}/* On smaller screens, decrease text size */@media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px}}

ধাপ ২ :

এই হাইলাইটিং কোডটি যোগ করুন যেখানে আপনি হাইলাইটটি দেখাতে চান।
FM কোডটি এখানে দেওয়া যাচ্ছে না।

দুঃখিত! কোডটি এখানে দেওয়া যাচ্ছে না।
অনুগ্রহ করে গুগল ড্রাইভ থেকে ডাউনলোড করে নিনঃFm code download

কোডটি পরিবর্তন না করলে কাজ নাও হতে পারে।

শেষ ধাপ:

এই জাভাস্ক্রিপ্ট যোগ করুন।
var slideIndex = 1;showSlides(slideIndex);function plusSlides(n) { showSlides(slideIndex += n);}function currentSlide(n) { showSlides(slideIndex = n);}function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active";}
জাভাস্ক্রিপ্টের কোনো অংশ মেজাজ করার চেষ্টা করবেন না।

আপনার কাজ শেষ

এখন সাইট ভিজিট করুন আর দেখুন।

যদি কোন অংশ বুঝতে সমস্যা হয়, আপনি মন্তব্য করতে পারেন এবং আমি এটি সমাধান করার চেষ্টা করব।
বন্ধুরা,প্রতিদিন ওয়েব ডিজাইনিং কোড পোস্ট পেতে ট্রিকবিডি ভিজিট করুন।
আপনি যদি আরো কোড চান, প্রতিদিন আমাদের সাইটে যানMy Blog Site।


The post Wapkiz এ হাইলাইট ফাইল সিষ্টেম যোগ করার উপায় appeared first on Trickbd.com.



source https://trickbd.com/wapka/735004

Comments

Post a Comment

Popular posts from this blog

Google account এ ক্রেডিট কার্ড add করে নিয়ে নিন এক মাসের YouTube Premium

আসসালামু আলাইকুম। আশা করি সবাই ভালো আছেন। বেশি কথা বলে চলুন শুরু করা যাক। প্রথমে ক্রেডিট কার্ড সম্পর্কে জেনে নেই। ক্রেডিট কার্ড হল একটি বিশেষ ধরনের পরিশোধ ব্যবস্থার অংশ হিসেবে ব্যবহৃত প্লাস্টিক কার্ড, যা ওই পরিশোধ ব্যবস্থার ব্যবহারকারীদেরকে ইস্যু করা হয়। এই ট্রিকটি ব্যাবহার করার জন্য আপনাকে কার্ডের তিনটি জিনিস জানতে হবে। ১.কার্ডের নাম্বার ২. এক্সপাইরি ডেট ৩. সিকিউরিটি নাম্বার তাহলে শুরু করা যাক : ১. প্রথমে ক্রেডিট কার্ড জেনারেট করব। ক্রেডিট কার্ড জেনারেট করার বিন জানা জরুরি। এখানে আমি YouTube premium নেওয়ার জন্য বিন দিলাম। BIN YOUTUBE | BIN: 511114211037xxxx | FECHA: 05/25 | CVV: rnd | IP: INDIA ২.বিন পাবার পর ক্রেডিট কার্ড জেনারেট করা জন্য আমরা https://namso-gen.com/ যাব।সেখানে উপরের খালি বক্সে বিন বসাব, এক্সপাইরি ডেট বসাব, তারপর জেনারেট এ ক্লিক করব। (এখানে Quantity আপনার ইচ্ছে মত বসাতে পারেন।) এরপর সব কপি করে নিবেন। ৩. এরপর https://ift.tt/2VEQvZR এ যাবেন। সেখানে খালি বক্সে কপি করা কার্ড গুলো পেষ্ট করে স্টার্ট এ ক্লিক করবেন। সেখানে লাইভ,ডেড, আননউন ভাবে আলাদা...
Post a Comment
Read more

২০ টি দারুন Android Customization Tips, Tricks & Hacks!

আসসালামু আলাইকুম, কেমন আছেন সবাই? আশা করছি মহান আল্লাহর রহমতে আলহামদুলিল্লাহ অনেক ভালোই আছেন। Android Tips & Tricks নিয়ে তেমন পোস্ট করা হয়নি আমার দ্বারা। তাই ভাবলাম এটা নিয়ে একটি পোস্ট করেই ফেলি। আজ থেকে কয়েক বছর আগেও Trickbd থেকে শুরু করে YouTube, Facebook সব জায়গাতেই Android User রা প্রচুর Customization, Tricks ব্যবহার করতো। কিন্তু এখন আর এগুলো করতে খুব একটা দেখা যায়না। কারন এখন Android এ অনেক ভালো ভালো Feature দেওয়াই থাকে। তবুও এমন অনেক ফিচারই রয়েছে যেগুলো Hidden থাকে, নয়তোবা অনেকেই এগুলো সম্পর্কে জানে না। এমনই ২০ টি android customization tips & tricks নিয়ে হাজির হলাম। বিশেষ করে যারা জানেন না তাদের জন্যেই পোস্টটি করা। আর যারা জানেন তারা Ignore করেন। আমার কোনো সমস্যা নেই। আমরা সবাই জানি Android এ ব্যবহার করার জন্য প্রচুর Tricks আছে। সেটা যে কারনেই ব্যবহার করা হোক না কেন। Android এ যেসব Features আছে তা নিয়ে নিয়ে বই লেখা যাবে তবুও শেষ করা যাবে না। ইউটিউবে এ নিয়ে প্রচুর ভিডিও আছে। এই পোস্টে যা আপনার এন্ড্রয়েড ব্যবহার করার স্বাদ আরো বাড়িয়ে দিবে। আমি জানি এই মুহূর্তে যার...
Post a Comment
Read more

দেখুন কিভাবে Prepaidcardlab Scammer Site ডিলিট করে দিলাম।

আসসালামু আলাইকুম কি অবস্থা আপনাদের সবার আশা করি আপনারা সবাই ভাল আছেন। তো আজকের পোস্টে আমি আপনাদেরকে দেখাবো কিভাবে আমি Scammer Site Prepaidcardlab ডিলিট করতে সক্ষম হয়েছে। তো আপনাদের হয়তো অনেকের মনে আছে, যে আমি দুই দিন আগে একটি পোস্ট করেছিলাম Prepaidcardlab Scammer Site  নিয়েঃ  Prepaidcardlab Biggest Scam Virtual MasterCard ওয়েব সাইট! সেখানে আমি সেই Scammer সাইটের ব্যাপারে সব কিছুই বলেছিলাম। এবং সেখানে আমি উল্লেখ করেছিলাম যে আমি চেষ্টা করব তাদের ওয়েবসাইটটিকে পুরোপুরি ধ্বংস করে দেওয়ার। এবং এতে আমার দুইদিন সময় লেগেছে তবে আমি এতে সফল হয়েছি, নিচের স্কিনশটটি তার প্রমান। https://ift.tt/K9Q1Uyg  আপনি চাইলে নিজে লিঙ্কে ক্লিক করে দেখে আসতে পারেন। তাদের ওয়েবসাইটে আর আপনি অ্যাক্সেস করতে পারবেন না। আশা করি এর ফলে অনেকেরই উপকার হবে। তবে এখন আপনাদের মনে প্রশ্ন জাগতে পারে যে আমি এই কাজটা কিভাবে করেছি? আমি কি এটা আপনাদেরকে শিখাবো! অবশ্যই শিখাবো। (কারণ আমি বিশ্বাস করি যে জ্ঞান মানুষের উপকারেই আসে না তার কি বা লাভ!) তো চলুন কিভাবে এই কাজটি করেছে আমি আপনাদের সাথে শেয়ার ক...
Post a Comment
Read more