How To Add Tweet To Unlock Twitter Widget inwards Blogger Blog

How many people direct hold tried our Social Content Locker? It’s a gadget that hides the content until a someone either shares it on Facebook, Tweet it on Tweeter, or +1 it. The thought behind that widget was to render to a greater extent than social exposure to the Bloggers too thus far that Social Content locker has received a tremendous response from the audience. Keeping that inwards mind, nosotros direct hold designed around other Content hiding widget namely “Tweet to Unlock”. This refer is non novel for WordPress users but for Blogger users it for sure a novel affair for them. Though, nosotros direct hold already released a Facebook Like to Download Widget, nigh few months ago, but today inwards this article, nosotros volition larn how to exercise a Tweet to unlock widget inwards Blogger.

Tweet to Unlock is a proven too the most trusted gadget to magnetize existent Twitter followers. On the other hand, Tons of WordPress webmasters are already using this technique to acquire to a greater extent than exposure on their Twitter account. Influenza A virus subtype H5N1 someone tin easily utilize this widget to lock downloads, videos, content, coupons too etc. It volition non entirely growth your social audience but would every bit good convey around meaning traffic from twitter.
From its title, it is somewhat clear that it consists of Twitter Tweet buttons. Whenever, a someone would Tweet your content amongst the assistance of our “Tweet to Unlock” widget button. It would starting fourth dimension displaying the hidden content. However, those who don’t direct hold twitter an occupation organization human relationship mightiness acquire frustrated if they stay unable to unlock the content. For that reason, nosotros direct hold every bit good added a CLOSE push through users tin easily acquire access to the content. Feel Free to taste the Following Real fourth dimension Demo.

How To Install Tweet To Unlock Widget inwards Blogger?

To maintain the tutorial every bit straightforward every bit possible, nosotros direct hold started to Host CSS on our server thus that, users tin easily uninstall it without whatsoever occupation whatsoever. Consider the next steps too follow them correctly.
  • Go To Blogger.com >> Template >> Edit HTML >> Proceed.
  • Search for </head> merely too inwards a higher house it glue the next CSS Coding.

<link href=’http://mybloggerlab.com/StyleSheet/tweetlock.css’ rel=’stylesheet’ type=’text/css’/> 

  • After pasting the coding salve the template too move along to adjacent step. 

How To Add Tweet to Unlock Widget inwards Blogger:

Now whenever a someone wants to add together a tweet to unlock inwards his specific article, too thus he tin follow the next instructions. (Remember: The same steps tin every bit good survive used on Gadget Area too fifty-fifty inwards a template).
  • Go To Blogger.com >> New Post.
  • Select the HTML Tab from the blogger postal service editor too glue the next coding.

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

<!–Hidden Content Starts (You tin Use HTML BELOW)–>

<div style=”text-align: center; margin-bottom: 20px;”>
<img src=”Add_Hidden_Image_Here” alt=”s a gadget that hides the content until a someone either shares it on Facebook How To Add Tweet To Unlock Twitter Widget inwards Blogger Blog” style=”margin: auto;” />
</div>

<div style=”text-align: justify”>
Add Your Hidden Text Here
</div>

<!–Hidden Content Ends (You tin Use HTML ABOVE)–>
</div><div id=”mblunlocker”></div>
</article>

<script src=”https://mybloggerlab.googlecode.com/files/tweetlock.js”></script>

         
<script>
jQuery(document).ready(function($) {
$(“#default-usage .to-lock-simple”).toTweet({
url: “omelto.com“,
style: “ui-locker-purity”,
locker: {close: true},
twitter: {text: “The Best Blogger Resource Website“,
hashtags: “mybloggerlab”
}
});
});;

jQuery(document).ready(function($) {
$(“#close-icon-usage .to-lock”).toTweet({
url: “omelto.com” + Math.random(),
style:”ui-locker-solidity”,
ext:”Tweet or click on the Close Button at the corner!”,
locker: {close: true},
twitter: {text: “The Best Blogger Resource Website“,
hashtags: “mybloggerlab“,
count: ‘none’
}
});
});;
</script>

  • Tweeted URL: Replace omelto.com amongst the URL that yous desire people to tweet.
  • Disable Close Button: If anyone don’t desire to display the Close push too thus he tin supercede true to imitation from the inwards a higher house JavaScript coding
  • Changing Twitter Message: Replace The Best Blogger Resource Website with the message that yous desire people to tweet. 
  • Changing Hash Tag: In social club to add together a hash tags (#) to the tweet, replace mybloggerlab amongst your personalized keyword.
All Done: That’s All, nosotros promise this widget would assistance everyone to magnetize to a greater extent than twitter followers too social exposure. Feel gratis to move out your reply.

From The Editor’s Desk:

Since, all the magic is done amongst the assistance of JavaScript. Therefore, if whatsoever users would disable the JavaScript of his browser, too thus it would manifestly halt working. The principal argue behind using the jQuery is to maintain your content Search engine friendly. Another agency of accessing the content is the Source Code. What are your views nigh the Gadget? Take a lot attention till then, Peace, Blessings too happy tweeting.


Sumber http://www.mybloggerlab.com