[ Premium ] Blockquote With Copy And Share Button Script For Blogger

[প্রিমিয়াম] ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্ট ফর ব্লগার

ব্লগার প্ল্যাটফর্মে কনটেন্ট তৈরি এবং পাঠকের কাছে প্রাসঙ্গিক তথ্য পৌঁছানোর জন্য বিভিন্ন টুলস ব্যবহৃত হয়। ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্ট কনটেন্টকে আরও আকর্ষণীয় এবং ইন্টারঅ্যাকটিভ করতে একটি প্রিমিয়াম সেবা। এটি মূলত ব্লগ পোস্টের উক্তি বা গুরুত্বপূর্ণ অংশকে হাইলাইট করে দেখানোর জন্য ব্যবহৃত হয়, যেখানে পাঠকরা সহজেই কপি বা শেয়ার করতে পারেন। চলুন এই স্ক্রিপ্টের প্রয়োজনীয়তা, আবেদন পদ্ধতি, এবং এর সুবিধাসমূহ সম্পর্কে বিস্তারিত জানি।

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stylish Facebook Captions</title>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
    }
    .caption-container {
        border: 2px solid #FFD700;
        padding: 15px;
        margin: 20px auto;
        max-width: 600px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    .caption-container p {
        font-size: 18px;
        color: #333;
    }
    .emoji {
        font-size: 20px;
    }
    .share-buttons {
        margin-top: 15px;
        display: flex;
        justify-content: center;
        gap: 5px;
    }
    .share-buttons a {
        text-decoration: none;
        font-size: 14px;
        padding: 5px 8px;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
    }
    .share-facebook { background-color: #3b5998; }
    .share-whatsapp { background-color: #25D366; }
    .share-twitter { background-color: #1DA1F2; }
    .share-copy { background-color: #FF4500; }
    .popup-message {
        display: none;
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #4CAF50;
        color: white;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 14px;
    }
</style>

<!-- Status Block 1 -->
<div class="caption-container" id="caption-1">
    <p class="emoji">💙 ➔ "The man who is tied up with great illusion to"</p>
    <p>If you find selfishness, you learn to act great....!! 😊💔</p>
    <p class="emoji">💙 ➔ "প্রবল মায়াতে বাঁধা রাখা মানুষটাও স্বার্থের খোঁজে পেলে দারুণ অভিনয় শিখে ফেলো।😊💔"</p>
    
    <div class="share-buttons">
        <a href="javascript:void(0)" class="share-facebook" onclick="share('facebook', 1)">Facebook</a>
        <a href="javascript:void(0)" class="share-whatsapp" onclick="share('whatsapp', 1)">WhatsApp</a>
        <a href="javascript:void(0)" class="share-twitter" onclick="share('twitter', 1)">Twitter</a>
        <a href="javascript:void(0)" class="share-copy" onclick="copyText(1)">Copy</a>
    </div>
</div>

<!-- Popup Message -->
<div class="popup-message" id="popup-message">Text copied to clipboard!</div>

<script>
    // Copy Text Function
    function copyText(id) {
        const container = document.getElementById(`caption-${id}`);
        const text = Array.from(container.querySelectorAll('p'))
            .map(p => p.innerText)
            .join('\n');
        
        // Create a temporary textarea element to copy text from
        const textarea = document.createElement('textarea');
        textarea.value = text;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);

        showPopup(); // Show the popup message after copying
    }

    // Share Function
    function share(platform, id) {
        const container = document.getElementById(`caption-${id}`);
        const text = Array.from(container.querySelectorAll('p'))
            .map(p => p.innerText)
            .join('\n');
        
        let shareUrl = '';
        switch(platform) {
            case 'facebook':
                shareUrl = `https://www.facebook.com/sharer/sharer.php?u=https://yourblog.com"e=${encodeURIComponent(text)}`;
                break;
            case 'whatsapp':
                shareUrl = `https://api.whatsapp.com/send?text=${encodeURIComponent(text)}`;
                break;
            case 'twitter':
                shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}`;
                break;
        }
        window.open(shareUrl, '_blank');
    }

    // Show Popup Message
    function showPopup() {
        const popup = document.getElementById('popup-message');
        popup.style.display = 'block';
        setTimeout(() => {
            popup.style.display = 'none';
        }, 2000);
    }
</script>

১. ব্লককোট উইথ কপি এবং শেয়ার বাটন কী?

ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্টটি একটি বিশেষ প্রিমিয়াম ফিচার যা ব্লগার প্ল্যাটফর্মে ব্যবহার করা হয়। এই স্ক্রিপ্টের মাধ্যমে লেখার নির্দিষ্ট অংশকে হাইলাইট করা হয় এবং পাঠকরা সেই অংশটি কপি অথবা শেয়ার করতে পারেন। ব্লগ পোস্টে নির্দিষ্ট তথ্য সহজে পাওয়া এবং কপি/শেয়ার করার সুবিধা থাকলে পাঠকের জন্য তা আরও আকর্ষণীয় হয়।

২. স্ক্রিপ্ট ব্যবহারের যোগ্যতা (Eligibility Criteria)

ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্ট ব্যবহারের জন্য নির্দিষ্ট কিছু শর্ত পূরণ করতে হয়। বিশেষ করে যারা ব্লগার প্ল্যাটফর্মে একাধিক পোস্ট এবং কনটেন্ট ম্যানেজমেন্টে অভ্যস্ত তাদের জন্য এটি উপযোগী। নিচে কিছু যোগ্যতা উল্লেখ করা হলো:

ব্লগার প্ল্যাটফর্ম ব্যবহারকারী: ব্লগার প্ল্যাটফর্মে ব্লগ পরিচালনা করতে হবে।
সাধারণ কোডিং ধারণা: HTML এবং JavaScript সম্পর্কে প্রাথমিক জ্ঞান থাকা বাঞ্ছনীয়, কারণ স্ক্রিপ্টটি আপনার ব্লগের HTML কোডে যুক্ত করতে হয়।
উল্লেখযোগ্য পাঠক সংখ্যা: যাদের ব্লগে ভালো পরিমাণে ট্রাফিক থাকে, তাদের জন্য এটি বেশি কার্যকরী।

৩. প্রয়োজনীয় নথি (Required Documents)

এই স্ক্রিপ্ট ব্যবহারের জন্য আলাদাভাবে কোনো নথির প্রয়োজন নেই, তবে আপনার ব্লগার অ্যাকাউন্ট এবং আপনার ব্লগের HTML কোড সম্পাদনার সুযোগ থাকতে হবে।

৪. স্ক্রিপ্ট ব্যবহারের আবেদন পদ্ধতি (Application Process)

ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্টটি আপনার ব্লগে যুক্ত করতে হলে কিছু সহজ ধাপ অনুসরণ করতে হবে। নিচে ধাপগুলো উল্লেখ করা হলো:

প্রথম ধাপ: ব্লগারে লগইন করুন এবং আপনার ব্লগের থিমে প্রবেশ করুন।
দ্বিতীয় ধাপ: HTML সম্পাদনা (Edit HTML) অপশনে যান এবং HTML কোড সম্পাদনার সুযোগ নিন।
তৃতীয় ধাপ: ব্লককোট স্ক্রিপ্টের কোডটি কপি করুন এবং আপনার ব্লগের HTML কোডের মধ্যে সঠিক স্থানে পেস্ট করুন।
চতুর্থ ধাপ: কোড পেস্ট করা হলে সেভ করুন এবং আপনার ব্লগ পুনরায় লোড করে দেখুন ব্লককোট উইথ কপি এবং শেয়ার বাটন কাজ করছে কিনা।

৫. ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্টের সুবিধাসমূহ (Benefits of Blockquote With Copy and Share Button Script)

এই স্ক্রিপ্ট ব্যবহারের মাধ্যমে ব্লগাররা বিভিন্ন সুবিধা পান, বিশেষত যারা ব্লগের মাধ্যমে তথ্য শেয়ার করতে চান। নিচে এই স্ক্রিপ্টের কয়েকটি গুরুত্বপূর্ণ সুবিধা উল্লেখ করা হলো:

পাঠকদের সুবিধা: ব্লককোটের মাধ্যমে লেখার নির্দিষ্ট অংশকে হাইলাইট করা হলে পাঠকদের জন্য তা সহজে বোঝা যায় এবং কপি বা শেয়ার করাও সহজ হয়।
কনটেন্ট শেয়ারিং বৃদ্ধি: শেয়ার বাটন থাকার কারণে পাঠকরা সহজেই আপনার ব্লগের তথ্য সোশ্যাল মিডিয়াতে শেয়ার করতে পারেন, যা আপনার ব্লগের ট্রাফিক বাড়াতে সহায়ক।
কোড ব্যবহার উপযোগীতা: এই স্ক্রিপ্টের কোডটি সহজে ব্লগারের HTML এ যুক্ত করা যায় এবং কোন অতিরিক্ত অ্যাপ্লিকেশন ইনস্টল করার প্রয়োজন হয় না।
ব্লগের পেশাদারিত্ব বৃদ্ধি: প্রিমিয়াম স্ক্রিপ্ট ব্যবহারে ব্লগের গুণগত মান বৃদ্ধি পায়, যা পাঠকদের দৃষ্টি আকর্ষণ করে।

৬. সাম্প্রতিক আপডেট এবং ডেডলাইন (Recent Updates and Deadlines)

এই প্রিমিয়াম স্ক্রিপ্টটি নিয়মিতভাবে আপডেট করা হয় যাতে এর কার্যকারিতা এবং নিরাপত্তা আরও বৃদ্ধি পায়। এছাড়া, ব্লগার প্ল্যাটফর্মের নির্দিষ্ট কিছু আপডেটের পর এই স্ক্রিপ্টের সামঞ্জস্যতা বজায় রাখতে কিছু সময় স্ক্রিপ্ট আপডেট করতে হতে পারে। ২০২৪ সালের শেষ দিকে এই স্ক্রিপ্টে আরও কিছু নতুন ফিচার যোগ হওয়ার সম্ভাবনা রয়েছে।

ডেডলাইন: যারা নতুন করে স্ক্রিপ্টটি ব্যবহার শুরু করতে চান, তাদের জন্য কোনো নির্দিষ্ট ডেডলাইন নেই। তবে ব্লগ আপডেটের সাথে মিলিয়ে স্ক্রিপ্টের আপডেট রাখতে হবে।

৭. উপসংহার

ব্লককোট উইথ কপি এবং শেয়ার বাটন স্ক্রিপ্টটি ব্লগার প্ল্যাটফর্মের জন্য একটি মূল্যবান এবং প্রয়োজনীয় টুল। এটি কনটেন্ট ক্রিয়েটর এবং শিক্ষার্থীসহ সকল ব্লগারের জন্য পাঠকদের দৃষ্টি আকর্ষণ করতে সহায়ক। এই প্রিমিয়াম স্ক্রিপ্টটি ব্যবহার করে ব্লগে পেশাদারিত্ব আনুন এবং পাঠকদের সুবিধা নিশ্চিত করুন।

Tech Taoshin

[ Premium ] Blockquote With Copy And Share Button Script For Blogger