Copy button And Whatsapp Share blogger Post me Kaise add kare

2 in 1 Copy or Share button kaise add kare Shayari, motivational, Status, jokes website me

आप जब भी कोई शायरी या स्टेटस वाला वेबसाइट विजिट करते है तो उसमे अक्सर देखा होगा की शायरी टेक्स्ट के नीचे Copy का बटन होता है जिस पर Click करके रीडर्स शायरी, या स्टेटस को Copy कर लेते है

लेकिन बात यही नहीं खत्म नहीं होती अगर आप भी कोई स्टेटस या शायरी, वाला वेबसाइट चला रहे है और वो वेबसाइट Blogger.com प्लेटफॉर्म पर बना हो तो और आपको Coding की जानकारी नहीं है और ऐसे मे आप भी proffessional शायरी स्टेटस वाले ब्लॉग की तरह अपने Blogger पर बने वेबसाइट मे भी Copy button add करना चाहते है तो आप इसके लिए किसी Coding की जानकारी वाले से संपर्क करेंगे या फिर गूगल पर सर्च करेंगे

google पर ऐसे आर्टिकल हिंदी, English language मे बहुत ही कम है ऐसे मे आपको आपके काम के लायक जानकारी नहीं मिलेगी तो आपके पास सिर्फ एक ऑप्शन बचता है और वो है Coding की जानकारी रखने वाला व्यक्ति लेकिन वो आपको ऐसा स्क्रिप्ट तभी देगा जब आप उन्हें इसके लिए पैसे देंगे

लेकिन इस आर्टिकल मे मैंने फ्री मे Copy button kaise add करें के बारे मे बताया है अगर आप भी अपने blogger website me Copy button add करना चाहते है तो हमारे इस पोस्ट को अंत तक पढ़े

ये भी पढ़े..
Blogger me Copy button kaise add kare
Blogger website me 5 Star Rating widget post ke end me kaise add kare

इस पोस्ट मे आपको ये बताया जा रहा है की Blogger website me Copy text and whatsapp share button kaise add kare अगर आप wordpress पर है तो आप इसके लिए plugin इस्तेमाल कर सकते है वैसे इसके बारे मे भी मै जल्द ही एक पोस्ट लिखने वाला हूँ

Copy Text And Whatsapp share Button Script for Blogger website

Demo Copy and whatsapp share button

  • सबसे पहले आप नीचे दिए गए कोड कॉपी कर ले
<script type='text/javascript'>
//<![CDATA[
//sayari copy and share script by limbu
$(".sayari").contents().filter(function(){return 1!==this.nodeType}).wrap("<p class='copy-content'></p>"),$(".copy-content").wrap('<div class="sayari-box"/>'),$(".share-links").append('<div class="widget-admin"><a href="https://facebook.com/lonelylimbu">Designed by Limbu</a></div>'),$(".sayari .sayari-box").append('<div class="copy-box"><span class="shareme"><i class="fa fa-whatsapp"></i> Share Now</span><span class="copyme"><i class="fa fa-clipboard"/> Copy</span></div>');$(function(){$(".copyme").click(function(e){e.preventDefault();var t=$("<input>");$("body").append(t),$(this).css({background:"#d50000"}),t.val($(this).parent(".copy-box").parent(".sayari-box").find("> .copy-content").text()).select(),document.execCommand("copy"),alert("copied the text"),t.remove()}),$(".shareme").click(function(){var e=$(this).parent(".copy-box").parent(".sayari-box").find(" > .copy-content").text(),t="https://api.whatsapp.com/send?text="+encodeURIComponent(e);window.open(t,"_blank")})});
//]]>
</script>
  • इस कोड को theme मे add करना है इसके लिए…
  • Theme >> Edit html पर क्लिक करें
  • Theme की Full Coding open हो जाएगी Theme मे Ctrl+ f की मदद से नीचे दिया गया कोड find करें
</body>

ये कोड मिल जाए तो आपने ऊपर जो कोड कॉपी किया था उसे इस कोड ( </body> ) के ऊपर peste कर दे और Theme को Save कर दे

या,

आप चाहे तो इस कोड को Direct Layout >> sidebar / Footer >> add a gadget >> Slect Html/Javascript >> और बड़े वाले बॉक्स मे कोड peste करके Save कर दे

  • अब फिर से ये कोड कॉपी करें
/*COPYT SCRIPT CSS STYLE*/
.sayari{float:none;position:relative;width:100%;max-width:100%;display:inline-block;height:auto;box-sizing:content-box;margin-bottom:10px}
.sayari:nth-child(odd){clear:both}
.sayari-box p{padding:10px 10px;font-size:20px;font-weight:bold;line-height:24px}
.sayari-box{padding:14px 0 0 0;margin:16px 0;background:#fff;border-bottom:10px solid #6a1b9a;color:#000;border-radius:7px;box-shadow:0 1px 5px 1px rgba(0,0,0,0.32)}
.copy-box{display:block;position:relative;padding:20px 0;display:flex;justify-content:space-between;align-content:center;align-items:center}
.copy-box span{text-align:center;display:flex;justify-content:center;align-items:center;width:100%;margin:0 2%;cursor:pointer}
.copy-box span:hover{background:#311b92;transition:0.8s ease-in-out}
.copy-box span i{font-size:20px;padding-right:7px}
.shareme{padding:4px;background:green;color:#fff;border-radius:3px}
.copyme{padding:4px;background:#6a1b9a;color:#fff;border-radius:3px}
@media screen and (max-width:700px){
.sayari{float:none;max-width:100%;box-sizing:border-box;margin-bottom:15px}
 .sayari-box{margin:0 auto}
 .post-body{padding:12px}
}
  • फिर से Theme मे नीचे दिया गया कोड Find करें Find करने लिए Ctrl + F का प्रयोग करें
]]></b:skin>

Code मिल जाने के बाद के ठीक पहले Step 4 से जो कोड कॉपी किया है उसे यहाँ peste कर दे और थीम सेव कर दे

अब वापस ब्लॉगर डैशबोर्ड मे आ जाए पोस्ट >> न्यू पोस्ट >> पोस्ट एडिटर open करें Open होने के बाद HTML Mode सलेक्ट करें नीचे दिए गए कोड कॉपी करें

<div class='clear'></div>
<div class='sayari'>

apna shayari yaha likhe 
</div>

और HTML mode मे Peste करें शायरी लिखें की जगह अपना शायरी लिखें

इसी तरह आप जितने भी शायरी ऐड करना चाहते है उतने कोड के अंदर शायरी लिख सकते है

आभार : इस कोड को Limbu नाम का डेवलपर है उन्होंने बनाया है आप उन्हें फेसबुक पर देख सकते है वो कई थीम भी बना चुके है ब्लॉगर ब्लॉग के लिए जो की अमेजिंग डिज़ाइन है अगर आप एक best and perfect premiun blogger theme find कर रहे है तो मुझे लगता है की आपको उनके द्वारा डेवलप किया गया theme एक बार इस्तेमाल करना चाहिए

उम्मीद है आपको हमारा ये पोस्ट ब्लॉगर मे Copy and whatsapp Share Button kaise add kare पोस्ट पसंद आया पोस्ट पसंद आए तो अपना कीमती फीडबैक देना ना भूले इसके अलावा अगर आपके पास जरा सा भी टाइम बचे तो इस पोस्ट को सोशल साइट्स पर जरूर शेयर करें

About Mr Manish

94f59f3df076a9eba56b038cf6129a0f?s=90&d=mm&r=gMy Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.