Demo
Demo

Demo

Demo

PREVIOUS BANNER BLUE
u003cstyleu003e n/* u002du002d- STYLES FOR STANDALONE SHARE BANNER u002du002d- */n.standalone-share-banner {n position: absolute; /* Crucial for positioning the toast */n top: 320px;nright: 0; nmax-width: 110px;nmin-width:80px;n nheight: 40px;nz-index: 10;nn /* margin: 20px auto; /* Center the banner */ */n /* border-radius: 8px; */n /* overflow: hidden; /* Ensures toast corners don’t stick out */ */n}nn.standalone-share-banner img {n cursor: pointer;n transition: opacity 0.3s ease;n}nn.standalone-share-banner img:hover {n opacity: 0.85;n}nn.standalone-share-toast {n position: absolute;n bottom: 20px; /* Positioned 20px from the bottom, *inside* the banner */n left: 50%;n transform: translateX(-50%) translateY(20px); /* Start hidden below */n background-color: #0678E3;n color: white;n padding: 12px 24px;n border-radius: 8px;n font-size: 14px;n font-weight: 500;n z-index: 10;n opacity: 0;n transition: all 0.3s ease;n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);n pointer-events: none;n font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n}nn.standalone-share-toast.show {n opacity: 1;n transform: translateX(-50%) translateY(0); /* Animate into view */n}nn @media (max-width: 768px) {n .standalone-share-banner {n top: 80px;n }n }n u003c/styleu003enu003cdiv class=u0022standalone-share-banneru0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/12/BOTTONS-SHARE-OF-DERECHA.pngu0022 alt=u0022Share This Pageu0022u003en u003cdiv class=u0022standalone-share-toastu0022u003eLink copied to clipboard!u003c/divu003enu003c/divu003enu003cscriptu003en(function() {n ‘use strict’;nn /**n * Shows the toast message for a specific banner.n * @param {HTMLElement} toastElement – The specific toast element to show.n */n function showBannerToast(toastElement) {n // If a timer is already running for this toast, clear itn if (toastElement.vptToastTimer) {n clearTimeout(toastElement.vptToastTimer);n }n n // Show the toastn toastElement.classList.add(‘show’);n n // Set a new timer to hide itn toastElement.vptToastTimer = setTimeout(() =u003e {n toastElement.classList.remove(‘show’);n toastElement.vptToastTimer = null; // Clear the timer IDn }, 3000);n }n n /**n * Handles the share logic for a clicked banner.n * @param {HTMLElement} toastElement – The toast element associated with the clicked banner.n */n async function shareBannerPage(toastElement) {n const url = window.location.href;n const title = document.title;n n if (navigator.share) {n // Use the Web Share APIn try {n await navigator.share({ title: title, url: url });n } catch (err) {n // If user aborts (AbortError), do nothing.n // For other errors, fall back to clipboard.n if (err.name !== ‘AbortError’) {n navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }n } else {n // Fallback for browsers that don’t support Web Share APIn navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }nn // Run this script when the DOM is fully loadedn document.addEventListener(‘DOMContentLoaded’, function() {n // Find ALL share banners on the pagen const allBanners = document.querySelectorAll(‘.standalone-share-banner’);n n // Loop through each banner and set it upn allBanners.forEach(banner =u003e {n const img = banner.querySelector(‘img’);n const toast = banner.querySelector(‘.standalone-share-toast’);n n if (img u0026u0026 toast) {n // Add a click listener to the imagen img.addEventListener(‘click’, function() {n shareBannerPage(toast);n });n } else {n console.warn(‘Share banner setup incomplete. Missing img or toast element.’, banner);n }n });n });n})();nu003c/scriptu003e

DIRILIŞ ERTUĞRUL-[EPISODE 348]

BACK BANNER BLUE
NEXT BANNER BLUE

u003cstyleu003en/* u002du002d- NAMESPACE: vpo- (Player Only) u002du002d- */n.vpo-container {n max-width: 1400px; margin: 0 auto; padding: 5px;n background-color: #000; font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n position: relative;n box-sizing: border-box;n}n.vpo-theater-overlay {n position: fixed; top: 0; left: 0; width: 100%; height: 100%;n background-color: rgba(0, 0, 0, 1); z-index: 999;n opacity: 0; pointer-events: none; transition: opacity 0.3s ease;n}n.vpo-theater-overlay.active { opacity: 1; pointer-events: auto; }nn.vpo-main-player {n padding: 4px; border-radius: 8px; position: relative;n z-index: 1000; transition: z-index 0s;n}n.vpo-video-wrapper {n position: relative; padding-bottom: 56.25%; height: 0;n overflow: hidden; background-color: #000; border-radius: 4px;n}n.vpo-video-wrapper iframe {n position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;n}nn/* u002du002d- CONTROLS BAR u002du002d- */n.vpo-controls-bar {n display: flex; n justify-content: space-between; n align-items: center;n padding: 15px 20px; n background-color: #060606;n border-radius: 8px; n margin-top: 10px;n /* border-bottom: 2px solid #0678E3; */n position: relative;n z-index: 1; /* Keep Low so Overlay covers it */n}nn/* Title Styling */n.vpo-gallery-title-text {n color: white; n font-size: 18px; n font-weight: 600;n margin: 0;n}nn/* Buttons Group */n.vpo-buttons-group {n display: flex;n /* gap: 10px; */n align-items: center;n}nn.vpo-control-btn {n background: none; border: none; cursor: pointer; padding: 8px;n border-radius: 4px; transition: all 0.3s ease; display: flex;n align-items: center; justify-content: center; font-size: 20px;n width: auto; height: auto;n}n.vpo-control-btn img {n width: 110px; height: auto; object-fit: contain;n transition: all 0.3s ease; opacity: 0.7;n display: block !important; visibility: visible !important;n}n#vpoGalaxyBtn img { width: 60px; }n.vpo-control-btn:hover { background: none !important; }n.vpo-control-btn:hover img { opacity: 1; transform: scale(1.1); }n.vpo-control-btn.active img { opacity: 1; }nn/* u002du002d- GALAXY MODE u002du002d- */n.vpo-galaxy-view {n display: none; n height: 500px; n /* margin-top: 10px; */n border-radius: 8px;n overflow: hidden;n position: relative; n background-color: #000;n}n.vpo-galaxy-view img {n width: 100%; height: 100%; object-fit: cover;n}n.vpo-container.galaxy-mode-active .vpo-galaxy-view { display: block; }nn.vpo-galaxy-nav {n position: absolute; top: 50%; transform: translateY(-50%);n background-color: rgba(0, 0, 0, 0.5) ; color: white;n border: none; font-size: 30px; padding: 15px;n cursor: pointer; z-index: 1002;n user-select: none;n}n @keyframes vpoBlueFlash {n 0% { background-color: rgba(6, 120, 227, 0.8); } /* Start Blue */n 100% { background-color: rgba(0, 0, 0, 0.5); } /* End Black */n}n.vpo-galaxy-nav:hover {n animation: vpoBlueFlash 1s ease forwards;n}nn#vpoNavPrev { left: 0; }n#vpoNavNext { right: 0; }nn.vpo-share-toast {n position: fixed; bottom: 30px; left: 50%;n transform: translateX(-50%) translateY(100px);n background-color: #0678E3; color: white; padding: 12px 24px;n border-radius: 8px; font-size: 14px; font-Fweight: 500;n z-index: 10000; opacity: 0; transition: all 0.3s ease;n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);n}n.vpo-share-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }nn/* u002du002d- THEATER MODE Z-INDEX LOGIC u002du002d- */n/* FIX: Controls are NOT in this list, so they stay behind the overlay */n.vpo-theater-mode .vpo-main-player,n.vpo-theater-mode .vpo-galaxy-view {n z-index: 1001;n}nn@media (max-width: 700px) {n /* 1. Container Breakout */n .vpo-container {n width: 100vw; max-width: 100vw;n margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw);n padding: 0; box-sizing: border-box; overflow-x: hidden;n }n n /* 2. Player Full Width */n .vpo-main-player { padding: 0; border-radius: 0; width: 100%; }n .vpo-video-wrapper { border-radius: 0; }nn /* 3. Controls u0026 Galaxy Boxed */n .vpo-controls-bar, .vpo-galaxy-view {n margin-left: 12px; margin-right: 12px; n width: auto;n }n n .vpo-control-btn img { width: 50px; }n #vpoGalaxyBtn img { width: 30px; }n .vpo-galaxy-view { height: 370px; }n}nu003c/styleu003enu003cdiv class=u0022vpo-theater-overlayu0022 id=u0022vpoTheaterOverlayu0022u003eu003c/divu003enu003cdiv class=u0022vpo-containeru0022 id=u0022vpoContaineru0022u003en n u003cdiv class=u0022vpo-main-playeru0022u003en u003cdiv class=u0022vpo-video-wrapperu0022u003en u003ciframe id=u0022vpoMainPlayeru0022 src=u0022https://www.youtube.com/embed/jE885203HWM?si=65wuwl82Da1eE8Jau0022 allowfullscreen allow=u0022autoplay=u0022falseu0022u003eu003c/iframeu003en u003c/divu003en u003c/divu003en n u003cdiv class=u0022vpo-controls-baru0022u003en u003cspan class=u0022vpo-gallery-title-textu0022u003eGalleryu003c/spanu003en n u003cdiv class=u0022vpo-buttons-groupu0022u003en u003cbutton class=u0022vpo-control-btnu0022 id=u0022vpoGalaxyBtnu0022 title=u0022Galaxy Modeu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/01/GALAXY-MODE.pngu0022 alt=u0022Galaxy Modeu0022u003en u003c/buttonu003en u003cbutton class=u0022vpo-control-btnu0022 id=u0022vpoTheaterBtnu0022 title=u0022Theater Modeu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/10/BOTTONS-ON-OFF-LARGO.pngu0022 alt=u0022Theater Modeu0022u003en u003c/buttonu003en u003cbutton class=u0022vpo-control-btnu0022 id=u0022vpoShareBtnu0022 title=u0022Shareu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/10/BOTTONS-SHARE-LARGO.pngu0022 alt=u0022Shareu0022u003en u003c/buttonu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022vpo-galaxy-viewu0022 id=u0022vpoGalaxyViewu0022u003en u003cbutton class=u0022vpo-galaxy-navu0022 id=u0022vpoNavPrevu0022u003eu0026#10094;u003c/buttonu003en u003cimg id=u0022vpoGalaxyImageu0022 src=u0022u0022 alt=u0022Galaxy Animationu0022u003en u003cbutton class=u0022vpo-galaxy-navu0022 id=u0022vpoNavNextu0022u003eu0026#10095;u003c/buttonu003en u003c/divu003ennu003c/divu003enu003cdiv class=u0022vpo-share-toastu0022 id=u0022vpoShareToastu0022u003eLink copied to clipboard!u003c/divu003enu003cscriptu003en(function() {n ‘use strict’;n // CONFIGn const GIFS = [ n u0022https://snipeproductions.com/wp-content/uploads/2025/12/SNPSPACE1S.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/2.IN-THE-CLOUD-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/3.THE-NEON-CITY.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/4.ASTRONAUT-PASSING1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/5.4K-ALIEN-NEON-1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/6.TOKYO-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/7.INFINITE-DRIFT1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/8.SNOWY-ENGLISH1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/9.-RELAX-IN-A-COZY-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/10.RAINY-NIGHT1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/11.MAGICAL-OFICIAL.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/12.NEW-ROLLER-OFICIAL.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/13.SKY-LOUNGE-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/14.SACHI-LOUN-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/SNP-GALAXY.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/15.DANCING-SKELE-1.gifu0022,n ];nn let theaterModeActive = false;n let galaxyModeActive = false;n let gifIndex = 0;nn function toggleTheaterMode() {n theaterModeActive = !theaterModeActive;n const overlay = document.getElementById(‘vpoTheaterOverlay’);n const container = document.getElementById(‘vpoContainer’);n const theaterBtn = document.getElementById(‘vpoTheaterBtn’);n if (theaterModeActive) {n overlay.classList.add(‘active’);n container.classList.add(‘vpo-theater-mode’);n theaterBtn.classList.add(‘active’);n } else {n overlay.classList.remove(‘active’);n container.classList.remove(‘vpo-theater-mode’);n theaterBtn.classList.remove(‘active’);n }n }nn function toggleGalaxyMode() {n galaxyModeActive = !galaxyModeActive;n const container = document.getElementById(‘vpoContainer’);n const galaxyBtn = document.getElementById(‘vpoGalaxyBtn’);n if (galaxyModeActive) {n container.classList.add(‘galaxy-mode-active’);n galaxyBtn.classList.add(‘active’);n updateVpoGif(); // Load gif when openedn } else {n container.classList.remove(‘galaxy-mode-active’);n galaxyBtn.classList.remove(‘active’);n }n }nn // u002du002d- GALAXY LOGIC u002du002d-n function updateVpoGif() {n const img = document.getElementById(‘vpoGalaxyImage’);n if(img) img.src = GIFS[gifIndex];n }nn function nextVpoGif(e) {n if(e) e.preventDefault();n gifIndex++;n if(gifIndex u003e= GIFS.length) gifIndex = 0;n updateVpoGif();n }nn function prevVpoGif(e) {n if(e) e.preventDefault();n gifIndexu002du002d;n if(gifIndex u003c 0) gifIndex = GIFS.length – 1;n updateVpoGif();n }nn function showVpoToast() {n const toast = document.getElementById(‘vpoShareToast’);n toast.classList.add(‘show’);n setTimeout(() =u003e { toast.classList.remove(‘show’); }, 3000);n }nn function copyVpoToClipboard(text) {n if (navigator.clipboard u0026u0026 navigator.clipboard.writeText) {n navigator.clipboard.writeText(text).then(showVpoToast);n } else {n const textArea = document.createElement(‘textarea’);n textArea.value = text;n textArea.style.position = ‘fixed’;n textArea.style.left = ‘-999999px’;n document.body.appendChild(textArea);n textArea.select();n try {n document.execCommand(‘copy’);n showVpoToast();n } catch (err) {n console.error(‘Fallback copy failed:’, err);n }n document.body.removeChild(textArea);n }n }nn async function shareVpoPage() {n const url = window.location.href;n if (navigator.share) {n try {n await navigator.share({ title: document.title, url: url });n } catch (err) {n if (err.name !== ‘AbortError’) copyVpoToClipboard(url);n }n } else {n copyVpoToClipboard(url);n }n }nn function initVPO() {n // Initialize GIFn updateVpoGif();nn // Listenersn const theaterBtn = document.getElementById(‘vpoTheaterBtn’);n if(theaterBtn) theaterBtn.addEventListener(‘click’, toggleTheaterMode);n n const shareBtn = document.getElementById(‘vpoShareBtn’);n if(shareBtn) shareBtn.addEventListener(‘click’, shareVpoPage);n n const galaxyBtn = document.getElementById(‘vpoGalaxyBtn’);n if(galaxyBtn) galaxyBtn.addEventListener(‘click’, toggleGalaxyMode);n n // Galaxy Arrow Listenersn const nextBtn = document.getElementById(‘vpoNavNext’);n if(nextBtn) nextBtn.addEventListener(‘click’, nextVpoGif);n n const prevBtn = document.getElementById(‘vpoNavPrev’);n if(prevBtn) prevBtn.addEventListener(‘click’, prevVpoGif);nn const overlay = document.getElementById(‘vpoTheaterOverlay’);n if(overlay) overlay.addEventListener(‘click’, () =u003e {n if (theaterModeActive) toggleTheaterMode();n });n n document.addEventListener(‘keydown’, (e) =u003e {n if (e.key === ‘Escape’ u0026u0026 theaterModeActive) toggleTheaterMode();n });n }nn // Safe Loadn if (document.readyState === ‘loading’) {n document.addEventListener(‘DOMContentLoaded’, initVPO);n } else {n initVPO();n }nn})();nu003c/scriptu003e
u003cstyleu003en/* This CSS creates the main 2-column grid */n.custom-grid-container {n display: flex; /* Establishes a flexbox layout */n gap: 10px; /* Adjust the space between the two columns */n align-items: flex-start; /* Aligns items to the top */n}nn/* This styles each column */n.custom-grid-column {n flex: 1; /* Makes each column take up equal space */n min-width: 0; /* Prevents columns from overflowing on small screens */n flex-direction: column;n /* Adds space between the banners and social icons within a column */n}nn .custom-grid-column figure {n margin: 0px !important;n }nn/* This ensures your images are responsive and fit the column width */n.custom-grid-column .wp-block-image img {n width: 100%;n height: auto;n display: block;n}nn/* This styles the row for your social icons */n.social-icons-row {n display: flex;n justify-content: center; /* Centers the icons horizontally */n align-items: center;n gap: 10px; /* Adjust the space between social icons */n flex-wrap: nowrap; /* Prevents icons from wrapping to a new line */n margin-bottom: 10px;n}nn/* Styles individual social icons for uniform size */n.social-icons-row .wp-block-image {n margin: 0 !important; /* Overrides default WordPress margins */n width: 40px; /* Adjust the size of your social icons */n height: 40px;n}nn/* u002du002d- ✅ NEW: Mobile Adjustments u002du002d- */n/* These styles apply only to screens 600px wide or smaller */n@media screen and (max-width: 600px) {n /* Reduce the vertical space between banners and icons on mobile */n .custom-grid-column {n gap: 10px; n }nn /* Reduce the size of social icons to fit on one line */n .social-icons-row .wp-block-image {n width: 20px; n height: 20px;n }n n /* Reduce the space between the smaller icons */n .social-icons-row {n gap: 8px;n }n}nu003c/styleu003ennu003cdiv class=u0022custom-grid-containeru0022u003enn u003cdiv class=u0022custom-grid-columnu0022u003en u003cfigure class=u0022wp-block-image size-largeu0022u003eu003ca href=u0022https://bozdagfilm.com.tr/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-BOZDAG-FILMS.jpgu0022 alt=u0022Bozdag Films Banneru0022 class=u0022wp-image-16423u0022/u003eu003c/au003eu003c/figureu003enu003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/@bozdagfilmresmiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/bozdagfilm?_rdc=1u0026_rdr#u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003cfigure class=u0022wp-block-image size-largeu0022u003eu003ca href=u0022http://www.mehmetbozdag.com/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-MEHMET-BOZDAG.jpgu0022 alt=u0022Mehmet Bozdag Banneru0022 class=u0022wp-image-16425u0022/u003eu003c/au003eu003c/figureu003enn u003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/results?search_query=mehmet+bozda%C4%9Fu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/mehmetbozdagu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/discover/mehmet-bozda%C4%9Fu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/mmehmetbozdag?lang=esu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/mmehmetbozdagu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022custom-grid-columnu0022u003en u003cfigure class=u0022wp-block-image size-fullu0022u003eu003ca href=u0022https://www.trt1.com.tr/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-TRT1.jpgu0022 alt=u0022TRT1 Banneru0022 class=u0022wp-image-16468u0022/u003eu003c/au003eu003c/figureu003enu003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/@trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/TRT1/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en n u003cfigure class=u0022wp-block-image size-fullu0022u003eu003ca href=u0022https://www.tabii.com/detail/2707/dirilis-ertugrulu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/09/BANNER-SOCIAL-MEDIA-DIRILIS-ERTUGRUL-FAMILY2.jpgu0022 alt=u0022Dirilis Ertugrul Family Banneru0022 class=u0022wp-image-16474u0022/u003eu003c/au003eu003c/figureu003enn u003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/channel/UCrr2fV8yd6r8k-FZKGxDr9Qu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/dirilisdizisiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/tag/dirilisdizisiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/dirilisdizisi?lang=esu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/Dirilisdizisi/?_rdc=1u0026_rdr#u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003c/divu003ennu003c/divu003e
u003cstyleu003en .standalone-share-toast {n position: absolute;n bottom: 20px; /* Positioned 20px from the bottom, *inside* the banner */n left: 50%;n transform: translateX(-50%) translateY(20px); /* Start hidden below */n background-color: #0678E3;n color: white;n padding: 12px 24px;n border-radius: 8px;n font-size: 14px;n font-weight: 500;n z-index: 10;n opacity: 0;n transition: all 0.3s ease;n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);n pointer-events: none;n font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n}nn.standalone-share-toast.show {n opacity: 1;n transform: translateX(-50%) translateY(0); /* Animate into view */n}nu003c/styleu003enu003cscriptu003en(function() {n ‘use strict’;nn /**n * Shows the toast message for a specific banner.n * @param {HTMLElement} toastElement – The specific toast element to show.n */n function showBannerToast(toastElement) {n // If a timer is already running for this toast, clear itn if (toastElement.vptToastTimer) {n clearTimeout(toastElement.vptToastTimer);n }n n // Show the toastn toastElement.classList.add(‘show’);n n // Set a new timer to hide itn toastElement.vptToastTimer = setTimeout(() =u003e {n toastElement.classList.remove(‘show’);n toastElement.vptToastTimer = null; // Clear the timer IDn }, 3000);n }n n /**n * Handles the share logic for a clicked banner.n * @param {HTMLElement} toastElement – The toast element associated with the clicked banner.n */n async function shareBannerPage(toastElement) {n const url = window.location.href;n const title = document.title;n n if (navigator.share) {n // Use the Web Share APIn try {n await navigator.share({ title: title, url: url });n } catch (err) {n // If user aborts (AbortError), do nothing.n // For other errors, fall back to clipboard.n if (err.name !== ‘AbortError’) {n navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }n } else {n // Fallback for browsers that don’t support Web Share APIn navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }nn // Run this script when the DOM is fully loadedn document.addEventListener(‘DOMContentLoaded’, function() {n // Find ALL share banners on the pagen const allBanners = document.querySelectorAll(‘.share-btn-large’);n n // Loop through each banner and set it upn allBanners.forEach(banner =u003e {n const img = banner.querySelector(‘img’);n const toast = banner.querySelector(‘.standalone-share-toast’);n n if (img u0026u0026 toast) {n // Add a click listener to the imagen img.addEventListener(‘click’, function() {n shareBannerPage(toast);n });n } else {n console.warn(‘Share banner setup incomplete. Missing img or toast element.’, banner);n }n });n });n})();nu003c/scriptu003e