ब्लॉग पोस्ट पर लगाए ताला

सोशियल नेटवर्किंग साइट्स ब्लॉग का ट्राफिक बढ़ाने का बेहतरीन जरिया है और बहुत से लोग अपनी वैबसाइट या ब्लॉग का ट्राफिक बढ़ाने के लिए कुछ प्रसिद्ध सोशियल मीडिया साइटस का प्रयोग करते है।यदि आप भी अपने ब्लॉग का ट्राफिक बढ़ाना चाहते है तो आपके सोशियल मीडिया साइट पर अच्छे फ़ालोवर होने चाहिए।

इसीलिए हम आज आपको ऐसी ट्रिक बताने जा रहे है जिसकी मदद से आपके सोशियल साइट के फैन बढ़ जाएंगे।

यह widget मुख्यतया उन ब्लोगगर्स के लिए तैयार किया गया है जो अपनी पोस्ट की कुछ सामग्री को इसलिए छिपाना चाहते है की जब उनके पाठक उनकी पोस्ट को सोशियल मीडिया साइट पर शेयर करे तो पोस्ट के हिडेन कंटैंट दिखाई देने लगे।
अगर आपके पास कोई ब्लॉग या वैबसाइट है जिस पर आप विभिन्न तरह के गेम , सॉफ्टवेर, या मोबाइल के अप्लीकेशन डौन्लोड कराते है या आप लिखने मे दिलचषपी रखते है और उन्हे अपनेसाइट के पाठको के साथ शेयर करते है। तो आप इसका प्रयोग करके अपनी पोस्ट के कुछ हिस्सो को लॉक कर सकते है और जब कोई आपकी पोस्ट को शेयर करेगा तो छिपे हुये हिस्से अपने आप दिखयी देने लगेंगे।


सोशियल कंटैंट लॉकर कैसा है.... 

नमस्कार दोस्तों उम्मीद है की आप सब इसे जरूर पसंद करेंगे...अगर आप वास्तव मे इसे पसंद करते है तो अपने विचार कमेंट मे देना ना भूलें और इसे अपने दोस्तों के साथ जरूर शेयर करें। धन्यवाद

आइये हम आपको बताते है की इसे कैसे अपने वैबसाइट पर लगा सकते है.....
ऊपर डेमो देखने के बाद आप इसे अपने ब्लॉग पर लगाने के लिए बहुत उत्साहित हो रहे होंगे।चाहिए हम आपको बिना देर किए इसे लगाने का तरीका बताते है।

• सबसे पहले आप अपने ब्लॉग मे लॉगिन करिए
• फिर Template मे जाकर Edit HTML पर क्लिक करे।
• अब नीचे दिया हुआ कोड  </head> के ऊपर पेस्ट कर दीजिये

<link href='https://googledrive.com/host/0B5XHBEaFFoSYYTZoZHhjeE1KMmM' rel='stylesheet' type='text/css'/>  

• अब save template पर क्लिक करे
•  ऊपर दिये कोड को अपने ब्लॉग मे डालने के बाद आप इस लॉकर को किसी भी पोस्ट मे डाल सकते है
• अब अपने ब्लॉग के डैशबोर्ड मे जाए और New Post पर क्लिक करें
• पोस्ट लिखने के बाद HTML टैब मे जाए और नीचे दिया हुआ कोड  कॉपी करके पेस्ट कर दीजिये

<article id="default-usage">

<div class="to-lock" style="display: none;">

        

<!--Hidden Content Starts (You can Use BELOW HTML)-->

<div style="text-align: center; margin-bottom: 20px;">

<img src="Add_Your_Hidden_Image_Link_Here" alt="" style="margin: auto;" />

</div>

<div style="text-align: justify">

Add Your Hidden Text Here

</div>

<!--Hidden Content Ends (You can Use ABOVE HTML)-->

</article> 

</div><div id="sbtunlocker"> </div>

<script src="https://dl.dropboxusercontent.com/u/66256041/JQuery/namkna-blogspot-com/Locklike.js" type="text/javascript"></script>

 

<script>

jQuery(document).ready(function ($) {

$("#default-usage .to-lock").socialLock({

text: {

header: "Share it To Unlock This Content",

message: " Hello! this is Social Locker. Just try it, click on one of buttons."

},

style: "ui-social-locker-secrets",

buttons: {

order: ["twitter", "facebook", "google"]

},

// twitter options

twitter: {

url: "http://www.shreeshcomputerworld.in",

text: "Upgrade your social buttons to get more social traffic!"

},

// facebook options

facebook: {

url: "http://www.facebook.com/shreeshcomputerworld",

appId: "137439216440889"

},

google: {

url: "http://www.shreeshcomputerworld.in"

}

});

});;;;

        

</script>

कुछ बदलाव जो आपको करने है.......

अपनी पोस्ट को सेव करने से पहले निम्न बदलाव जरूर कर ले

• Facebook:  http://www.facebook.com/shreeshcomputerworld को अपने फेस्बूक पेज की आईडीसे बदल दे।
• Twitter: http://www.shreeshcomputerworld.in को अपनी वैबसाइट लिंक या पोस्ट के लिंक से बदल दे।.
• Google+:  http://www.shreeshcomputerworld.in को अपनी वैबसाइट लिंक या पोस्ट के लिंक से बदल दे।.
• App id:  137439216440889 अपनी फेस्बूक अप्लीकेशनआईडी से बदल दे॰
• For Image:  Add_Your_Hidden_Image_Link_Here को अपनी फोटो की लिंक से बदल दे जिसे आप हाइड करना चाहते हो॥
• For Text: Replace Add Your Hidden Text Here को अपने पोस्ट के शब्दों से बदल दे जिसे आप हाइड करना चाहते हो।

अब आपने सब कुछ सफलता पूर्वक कर लिया है। अब आप अपनी पोस्ट को पब्लिश कर सकते है । अगर आपको ये पोस्ट अच्छी लगी तो कमेंट के माध्यम से हमे अपने विचार दे,......
धन्यवाद