Tuesday , May 30 2023


Responsive Grid widget section In Blogger Template

Only CSS Responsive Grid Style Box Code Setup Guideline: Go to Blogger Template Section > Edit HTML Now find <b:skin><![CDATA[ Paste the given css code.       /* Grid widget section start */.card { background-color: white;color: #026fa4;padding: 1rem;border-radius: 4px;box-shadow: 0 10px 20px 0 rgba(30,30,30,.07);border: 1px solid #026fa4;margin-top: 10px;}.card:hover {  border: 1px …

Read More »

How to create CSS Tooltip for any website

  Easy Use Of ToolTip Code! A tooltip is a graphical user interface (GUI) element used in conjunction with the cursor or mouse pointer to display information about an item without needing to click on it. The typical scenario for summoning a tooltip is to hover the mouse cursor over …

Read More »

Only CSS Hover effects Button – animated CSS Button

  প্রথমে একটু পরিচয় হয়ে নিন  হোভার কি এবং এটা কিভাবে কাজ করে  ? হোভার একটি ক্লিকযোগ্য বস্তুর উপরে একটি মাউস কার্সার সরানোর ক্রিয়া বর্ণনা করে, তবে বাস্তবে বাম বা ডান মাউস বোতামটি ক্লিক না করে।  উদাহরণস্বরূপ, আপনি যখন এই পৃষ্ঠার যে কোনও লিঙ্কের উপরে মাউস ঘোরাবেন, লক্ষ করে দেখবেন …

Read More »

Fully Customized Left Fixed Ads Holder For Desktop Preview

 <style> /* customized – Left Fixed Ads */@media (max-width: 868px) {  .left-fixed {    display:none;  }}.left-fixed {background: none;position: fixed;left:0px;top:70px;z-index: 9999999;width:300px;height:700px;}.closebtn-left {color: #087df9;cursor: pointer;position: absolute;z-index: 999999999;width: 100%;text-align: center;left: 0;margin-top: -12px;}.closebtn-left:hover {  color: red;} </style> <div class=’left-fixed‘><span class=’closebtn-left‘ onclick=’;none&apos;;’>Close</span> ad code here </div> Preview

Read More »
Publish Your Own Post Now
Write Post !