Showing posts with label locker. Show all posts
Showing posts with label locker. Show all posts

Tuesday, August 15, 2017

How to Create a Social Content Locker in Blogger Blog

How to Create a Social Content Locker in Blogger Blog


If you are wondering how to create a social content locker for blogger blog then you have landed on right website because in this Article I will write about How to Create a Social Content Locker in Blogger Blog.

Some of my readers are facing problem in adding shareIt.js Social Content Locker in their Blogger blog and they requested to create a separate tutorial on how to add this Social Content Locker on their Blogger blog.

Image result for How to Create a Social Content Locker in Blogger Blog
If you don�t know about shareIt.js, then let me introduce you. It�s a Social Content Locker jQuery Plugin. With shareIt, you can lock anything in your Blog Content and the Content will be automatically unlocked when a user shares your Content on Social Media using any of the social buttons.
ShareIt has helped me to boost my Social Presence and has Increased my Social Media Followers to a very good extent. You can also make your blogger blog go Viral. Your users need to share your Content to access your Premium Contents.

Features of shareIt.js

Here�s the list of features shareIt gives you:
  1. It is Free to Use. Yes! shareIt.js is completely free Social Content locker.
  2. Facebook Like Button. You can add Any URL to like button. For Example, You can use your Facebook Page URL to get real Followers.
  3. Facebook Share Button. You can use your Blog Post URL to make it viral.
  4. Twitter Follow Button. You can use your Twitter Username to Increase your Twitter Followers.
  5. Twitter Tweet Button. You can use your Blog Post URL to make it trending topic on twitter.
  6. LinkedIn Share Button.
  7. Google +1 Button.
  8. Social Share Counter with Each Social Button. Except for Twitter tweet button, because twitter has disabled its tweet counter API.

Things Required

You can Read the Official shareIt.js Tutorial to know about the Required Things, such as Facebook App IdGoogle API Key.

Add Social Content Locker in Blogger

First of all, You need to Go to your Blogger Template Editor to add the shareIt.js script and stylesheet.
Step 1Login to Your Blogger Dashboard.
Step 2Select Your Blog(From the Given list).
Step 3: Click on Template menu from the Left side of Menu Panel.
Step 4: Click on Edit HTML next to Customize Button below Your Template Thumbnail.
Now, as you came to your Blog Template Editor, follow the below step to Add the Social Content Locker in your Blogger Blog.
Step 1: Search for </head> in the HTML Code.
Step 2: Add the Below JavaScript and CSS Code just above </head>

< script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" > < /script> < script type = "text/javascript
" >
//<![CDATA[
(function($) {
    $.fn.shareIt = function(options) {
        var HTMLtoHide = false;
        var rand = Math.floor((Math.random() * 1000) + 1);
        var settings = $.extend({
            title: "Share/Like/Follow to Download",
            id: Math.floor((Math.random() * 1000) + 1),
            text: "Choose Any Social Social Network from below to share our content and Download it.",
            buttons: ["facebook_like", "facebook_share", "twitter_follow", "twitter_tweet", "googleplus", "linkedin"],
            linkedIn: {
                url: window.location.href
            },
            facebook: {
                appId: 676027382527018,
                pageId: "https://www.facebook.com/trickzbuzzz",
                url: window.location.href
            },
            twitter: {
                via: "Durgeshjangid9",
                url: window.location.href,
                text: document.title
            },
            googleplus: {
                apikey: "TrickzBuzZz",
                url: window.location.href
            },
            count: {
                twitter: {
                    tweets: 0,
                    follower: rand
                },
                facebook: {
                    likes: 0,
                    share: 0
                },
                googleplus: {
                    circledByCount: 0
                },
                linkedIn: {
                    shares: 0
                }
            },
            timeout: 0,
            close: false,
            cookie: true,
            cookieExpiry: 30,
        }, options);
        this.settings = settings;
        this.each(function() {
            if (getCookie("trickzbuzz_shareIt_hide_" + settings.id) == "true") {
                $(this).fadeIn();
                return false
            }
            var elem = $(this);
            var con = "<div class=TrickzBuzz_shareit_container trickzbuzz_shareit id=trickzbuzz_shareit_container_" + settings.id + "><div class=trickzbuzz_shareit_blur></div><div class=trickzbuzz_shareit_content><h1 class=trickzbuzz_shareit_title>" + settings.title + "</h1><h3 class=trickzbuzz_shareit_subtitle>" + settings.text + "</h3><div class=trickzbuzz_shareit_buttons id=trickzbuzz_shareit_content_" + settings.id + "><div class=trickzbuzz_twitter_tweet trickzbuzz_margin_top id=trickzbuzz_twitter_tweet_" + settings.id + "><a href=https://twitter.com/intent/tweet?via=" + settings.twitter.via + "&text=" + encodeURIComponent(settings.twitter.text) + "&url=" + encodeURIComponent(settings.twitter.url) + " class=trickzbuzz_shareit_button twitter data-service=twitter-tweets><span class=trickzbuzz_shareit_button_title>Tweet</span><div class=trickzbuzz_shareit_button_count><i>0</i></div></a></div><div class=trickzbuzz_twitter_follow trickzbuzz_margin_top id=trickzbuzz_twitter_follow_" + settings.id + "><a href=https://twitter.com/intent/follow?screen_name=" + settings.twitter.via + " class=trickzbuzz_shareit_button twitter data-service=twitter-followers><span class=trickzbuzz_shareit_button_title>Follow</span><div class=trickzbuzz_shareit_button_count><i>" + settings.count.twitter.follower + "</i></div></a></div><div class=trickzbuzz_facebook_share trickzbuzz_margin_top id=trickzbuzz_facebook_share_" + settings.id + "><a class=trickzbuzz_shareit_button fb data-service=facebook_share><span class=trickzbuzz_shareit_button_title>Share</span><div class=trickzbuzz_shareit_button_count><i>0</i></div></a></div><div class=trickzbuzz_facebook_like trickzbuzz_margin_top id=trickzbuzz_facebook_like_" + settings.id + "><a href=" + settings.facebook.pageId + " class=trickzbuzz_shareit_button fb data-service=facebook_like><span class=trickzbuzz_shareit_button_title>Like</span><div class=trickzbuzz_shareit_button_count><i>0</i></div></a></div><div class=trickzbuzz_googleplus trickzbuzz_margin_top id=trickzbuzz_googleplus_" + settings.id + "><a href=javascript:void(0); class=trickzbuzz_shareit_button google-plus data-service=googleplus><span class=trickzbuzz_shareit_button_title>Follow</span><div class=trickzbuzz_shareit_button_count><i>0</i></div></a></div><div class=trickzbuzz_linkedin trickzbuzz_margin_top id=trickzbuzz_linkedin_" + settings.id + "><a href=javascript:void(0); class=trickzbuzz_shareit_button linkedin data-service=linkedin><span class=trickzbuzz_shareit_button_title>Share</span><div class=trickzbuzz_shareit_button_count><i>0</i></div></a></div></div><div id="trickzbuzz_shareit_msg_" + settings.id + "" class=trickzbuzz_shareit_msg></div></div></div>";
            HTMLtoHide = elem.html();
            elem.html(con);
            elem.fadeIn();
 

download file now

Read more »