<!-- START: Life-Set Floating Button (paste entire block into Blogger HTML/JavaScript gadget) -->
<style>
/* Container for floating action button */
.lifeset-fab-wrap {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 9999;
font-family: Arial, sans-serif;
}
/* Main circular button */
.lifeset-fab {
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(135deg,#ff6b6b,#ff8e53);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
transition: transform .15s ease;
}
/* Rotate effect when open */
.lifeset-fab.open { transform: rotate(45deg); }
/* Small option buttons stack */
.lifeset-options {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
margin-bottom: 10px;
transform-origin: bottom right;
}
/* each option button */
.lifeset-option {
display: flex;
align-items: center;
gap: 8px;
background: #fff;
padding: 8px 12px;
border-radius: 999px;
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
text-decoration: none;
color: #222;
font-size: 14px;
min-width: 160px;
}
/* icon circle on left of option */
.lifeset-option .ico {
width: 34px;
height: 34px;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
color: #fff;
flex: 0 0 34px;
}
/* small icons colors */
.lifeset-option.register .ico { background: linear-gradient(135deg,#6a11cb,#2575fc); }
.lifeset-option.whatsapp .ico { background: #25D366; }
.lifeset-option.telegram .ico { background: #0088cc; }
/* hide options by default (animate) */
.lifeset-options.hidden { opacity: 0; transform: translateY(8px) scale(.96); pointer-events: none; transition: opacity .18s, transform .18s; }
.lifeset-options.visible { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; transition: opacity .18s, transform .18s; }
/* small label for mobile */
@media (max-width:480px){
.lifeset-option { min-width: 140px; font-size:13px; padding:7px 10px; }
}
</style>
<div class="lifeset-fab-wrap" aria-hidden="false">
<div id="lifesetOptions" class="lifeset-options hidden" aria-hidden="true">
<a id="lsRegister" class="lifeset-option register" href="https://hey.link/U56A8" target="_blank" rel="noopener">
<span class="ico">✍</span>
<span>All Contact</span>
</a>
<a id="lsWhatsApp" class="lifeset-option whatsapp" href="https://chat.whatsapp.com/B954UMsGz8iLDeiHz1gEqG?mode=wwt" target="_blank" rel="noopener">
<span class="ico">🟢</span>
<span>Join WhatsApp Group</span>
</a>
<a id="lsTelegram" class="lifeset-option telegram" href="https://t.me/Growzen24" target="_blank" rel="noopener">
<span class="ico">✈️</span>
<span>Join Telegram Channel</span>
</a>
</div>
<button id="lifesetFab" class="lifeset-fab" aria-expanded="false" aria-label="Open Life Set menu" title="Life Set">
<!-- You can replace this with an SVG icon -->
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 5v14M5 12h14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<script>
(function(){
var fab = document.getElementById('lifesetFab');
var opts = document.getElementById('lifesetOptions');
function openMenu(){
opts.classList.remove('hidden');
opts.classList.add('visible');
fab.classList.add('open');
fab.setAttribute('aria-expanded','true');
opts.setAttribute('aria-hidden','false');
}
function closeMenu(){
opts.classList.remove('visible');
opts.classList.add('hidden');
fab.classList.remove('open');
fab.setAttribute('aria-expanded','false');
opts.setAttribute('aria-hidden','true');
}
// toggle on click
fab.addEventListener('click', function(e){
e.stopPropagation();
if (opts.classList.contains('visible')) closeMenu(); else openMenu();
});
// close when clicking outside
document.addEventListener('click', function(ev){
var target = ev.target;
if (!fab.contains(target) && !opts.contains(target)) {
closeMenu();
}
});
// optional: close on escape
document.addEventListener('keydown', function(ev){
if (ev.key === 'Escape') closeMenu();
});
// Replace default links quickly if you want to set via JS (optional)
// document.getElementById('lsRegister').href = 'https://your-register-url';
// document.getElementById('lsWhatsApp').href =
'https://wa.me/....';
// document.getElementById('lsTelegram').href = 'https://t.me/...';
})();
</script>
<!-- END: Life-Set Floating Button -->
0 মন্তব্যসমূহ