কিভাবে Wapkiz সাইটে Loading বাটন যুক্ত করবেন

Wapkiz এর নতুন পোস্টে আপনাকে স্বাগতম। কথা না বলে চলুন শুরু করি।

নিচের কোডটি mata header আপনার সাইটে বসিয়ে দিন

<!-- Add icon library by kizbd.wapkiz mobi --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

নিচে তিনটি বাটন কোড দেওয়া হলো আপনি আপনার পছন্দ মতো যে কোনটি ব্যাবহার করতে পারেন

<!-- Add font awesome icons to buttons (note that the fa-spin class rotates the icon) --><button class="buttonload"> <i class="fa fa-spinner fa-spin"></i>Loading</button> <button class="buttonload"><i class="fa fa-circle-o-notch fa-spin"></i>Loading</button><button class="buttonload"> <i class="fa fa-refresh fa-spin"></i>Loading</button>

এবার নিচের css যুক্ত করে দি, তাহলে আপনার কাজ শেষ।

/* Style buttons */.buttonload { background-color: #4CAF50; /* Green background */ border: none; /* Remove borders */ color: white; /* White text */ padding: 12px 16px; /* Some padding */ font-size: 16px /* Set a font size */}