Hugetricks | Blogger Tips and Tricks for Newbie,Facebook, Android, Blogging Tips

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
Hello everybody ,</div>
<div class="MsoNormal">
After a long time iam come back on this awesome blog. Hope
you are well .</div>
<br />
<div class="MsoNormal">
Today i am going to present another development device for
blogger clients that is Social Content Locked Widget. By utilizing this gadget
we can bolt any of the substance in our blog entry with social symbols. This
plugin is fundamentally comprise of Jquery. There are a wide range of styles
accessible for this gadget. We can change symbols, style as we need to do. Be
that as it may, the fundamental motivation behind this plugin is just substance
locking with social catch. So here is the best approach to Add Social Content
Locked Widget In blogger blog.</div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzh6YVTb4QjOXU11KoN8iEUs_2Xw8ObrQjk5vjtlka4mWcK-83DgQJF_WEjXp_2G2cAgW3T07Ifli4Jwk0okSwD2oNj6poBasrmA284tlQaCGZ370-tzOLGD_Hpsxs08Jwbvb8_6oyghc/s1600/Social-Locker-plugin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzh6YVTb4QjOXU11KoN8iEUs_2Xw8ObrQjk5vjtlka4mWcK-83DgQJF_WEjXp_2G2cAgW3T07Ifli4Jwk0okSwD2oNj6poBasrmA284tlQaCGZ370-tzOLGD_Hpsxs08Jwbvb8_6oyghc/s400/Social-Locker-plugin.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">
<br /></div>
<h2 style="background-color: white; border-left-color: rgb(53, 157, 12); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; color: #333333; font-family: Helvetica, Arial, sans-serif; line-height: 22.5px; margin: 0px 0px 10px; padding: 9px; text-align: justify;">
Technique To Add Social Content Locker To Blogger</h2>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h2 style="text-align: left;">
</h2>
<div>
<ul>
<li><span style="color: #333333; font-family: Helvetica; font-size: 9.5pt; line-height: 16.8pt; text-align: justify;">At first of open your blogger blog & then visit to template section. </span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44E1mdHPAP1JUbzA_f1B-xn295ys2BAggWdjkXWWzZNkP4kUev3d-r6fEZTUxI5mmNZggxsJlvXSRG8PtURbCW4WCNbK9t7I2pF4FysAgr_9HviaVX54TPM4wpcj7vHPLIr1VFCInzS8/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44E1mdHPAP1JUbzA_f1B-xn295ys2BAggWdjkXWWzZNkP4kUev3d-r6fEZTUxI5mmNZggxsJlvXSRG8PtURbCW4WCNbK9t7I2pF4FysAgr_9HviaVX54TPM4wpcj7vHPLIr1VFCInzS8/s400/Capture.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li><span style="line-height: 1.4em; text-align: justify;"> Click on </span><b style="line-height: 1.4em; text-align: justify;">Edit HTML </b><span style="line-height: 1.4em; text-align: justify;">>> In template coding search with Ctrl+f  for</span><span style="color: red; line-height: 1.4em; text-align: justify;"><b> </head></b></span><span style="line-height: 1.4em; text-align: justify;"> </span><span style="line-height: 1.4em; text-align: justify;">code. </span></li>
<li><span style="line-height: 1.4em; text-align: justify;">  After searching</span><span style="line-height: 1.4em; text-align: justify;"> </span><span style="color: red; line-height: 1.4em; text-align: justify;"><b></head></b></span><span style="line-height: 1.4em; text-align: justify;"> </span><span style="line-height: 1.4em; text-align: justify;">code paste below given jQuery just above the code we had searched. If the same jQuery library is available there then don't need to paste jquery again.</span></li>
</ul>
<span style="line-height: 22.3999996185303px;"> </span>
<span style="line-height: 22.3999996185303px;"><complete id="goog_1648640675">
</complete></span><br />
<br />
<br />
<br />
<br />
<div>
</div>
<div>
<span style="background-color: #eeeeee; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px;"> <script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/></span><br />
<span style="background-color: #eeeeee; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px;"><br /></span>
<span style="background-color: #eeeeee; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px;"><br /></span>
<br />
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvir7IuuOXUMCKB4f6hhcL0FjbOH8VynHc-_Tc1ZMgpG0rYVtLB6uToxOIb4UCOHXJAWQ_5CSXiBrAJ0Qg7IYITZtaJqVbS6LXePBIO2zGnFgDF8IYhyDqAsB6WZvV2BYJCWioM896sEEu/s6/green-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px; text-align: justify;">After installing jquery now we need to add codes for Social content locker which are given below.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px; text-align: justify;">Copy the below given code and paste them just below <span style="color: red;"><b></head></b></span> Which we had searched in previous step.</li>
</ul>
<div style="text-align: justify;">
<br />
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; text-align: left; width: 525.296875px;">
<div style="text-align: justify;">
<br /></div>
<link href='https://googledrive.com/host/0B_1mqJd2tC8qeDVzSnBJMDh5WUk' rel='stylesheet'/><br />
<br />
<script src='https://googledrive.com/host/0B_1mqJd2tC8qbGdmQzRZVGk3bXM' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
jQuery(document).ready(function ($) {<br />
$('#default-usage .to-lock').sociallocker({<br />
<br />
buttons: {order:["<span style="color: #0b5394;"><b>facebook-like</b></span>","<b><span style="color: #0b5394;">twitter-tweet</span></b>","<span style="color: #0b5394;"><b>google-plus</b></span>"]},<br />
<br />
twitter: {url:"<b><span style="color: #a64d79;">http://twitter.com/SafeTricks</span></b>"},<br />
<span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">facebook</span>: {url:"<b><span style="color: #a64d79;">https://www.facebook.com/IamPahulSingh</span></b>"},<br />
google: {url:"<span style="color: #a64d79;"><b>https://plus.google.com/+SafeTricks</b></span>"},<br />
<br />
text: {<br />
<span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">header</span>: "<b><span style="color: red;">Like us To <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">Unlock</span> This Content</span></b>",<br />
message: "<b><span style="color: #e69138;">This content is locked. Like us on Facebook, Twitter or Google plus to unlock it.</span></b>"<br />
},<br />
<br />
locker: {close: false, timer: 0,},<br />
<br />
theme: "<b><span style="color: #38761d;">dandyish</span></b>"<br />
<br />
});<br />
});<br />
//]]><br />
</script></div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<br /></div>
</div>
</div>
<div style="text-align: justify;">
<span style="background-color: #eeeeee; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<h2 style="background-color: white; border-left-color: rgb(10, 105, 200); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; color: #333333; font-family: Helvetica, Arial, sans-serif; line-height: 22.5px; margin: 0px; padding: 7px;">
Customizations For Social Content Locker</h2>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; text-align: left;">
<div style="text-align: justify;">
After Pasting all the above given codes now you need to do little bit customization Which are as following:-<br />
<ul style="list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Replace the codes by matching color codes given to text in coding and also in below<span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">settings</span>.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To Change Order of Button Simple The Values With each other.</li>
</ul>
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; width: 525.296875px;">
<span style="color: #0b5394;"><b><span style="color: black;">"</span>facebook-like<span style="color: black;">"</span><br /><span style="color: black;">"</span>facebook-share<span style="color: black;">"</span><br /><span style="color: black;">"</span>google-plus<span style="color: black;">"</span><br /><span style="color: black;">"</span>google-share<span style="color: black;">"</span><br /><span style="color: black;">"</span>twitter-tweet<span style="color: black;">"</span><br /><span style="color: black;">"</span>twitter-follow<span style="color: black;">"</span><br /><span style="color: black;">"</span>linkedin-share<span style="color: black;">"</span></b></span></div>
</div>
<div style="text-align: justify;">
<ul style="list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Simple change the button and their order if you want.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Now Replace The URL With your own Yours</li>
</ul>
</div>
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; width: 525.296875px;">
<b><span style="color: #a64d79;">http://twitter.com/rakibultj</span></b><br />
<b><span style="color: #a64d79;">https://www.facebook.com/rakibultj</span></b><br />
<b><span style="color: #a64d79;">https://plus.google.com/+mdrakibulislamtj</span></b></div>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<ul style="list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">After Replacing URLs Next step is to replace text for heading and message which will appear on your social locker.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Further Step is To Change the Theme of Social Content Locker.</li>
</ul>
</div>
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; text-align: left; width: 525.296875px;">
<div style="text-align: justify;">
theme: "<b><span style="color: #38761d;">dandyish</span></b>"</div>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<ul style="list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">From the above codes replace the value for theme with below given codes.</li>
</ul>
</div>
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; text-align: left; width: 525.296875px;">
<div style="text-align: justify;">
<b>"<span style="color: #38761d;">flat</span>"<br />"<span style="color: #38761d;">glass</span>"<br />"<span style="color: #38761d;">starter</span>"</b></div>
<b>"<span style="color: #38761d;">secrets</span>"<br />"<span style="color: #38761d;">dandyish</span>"</b><br />
<div style="text-align: justify;">
</div>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<br />
<h2 style="border-left-color: rgb(53, 157, 12); border-left-style: solid; border-left-width: 3px; box-shadow: rgba(5, 95, 255, 0.0980392) 2px 2px 2px 2px; margin: 0px 0px 10px; padding: 9px;">
How To Add Social Content Locker Into Blog Post</h2>
</div>
<div style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px;">
<br /></div>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: left;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">After adding and replacing values for all the above given codes successfully.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To add social locker within your blog post, copy below code and paste them into<b>HTML</b> tab of blog post.</li>
</ul>
<div class="coding" style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); clear: both; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; margin: 10px auto 10px 30px; overflow: auto; padding: 15px; text-align: left; width: 525.296875px;">
<br />
<article id="default-usage"><br />
<div class="to-lock" style="display:none;"><br />
<span style="color: red;"><b>- ADD YOUR CONTENT HERE -</b></span><br />
</div><br />
</article></div>
</div>
</div>
<div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBGkkhKk47PM-uDTN6RHUDszBTW_Z3LsUGC_Pvs8krWS35DcoA-nFlznojFAPmpMKXQY1L_1GJQjykFNUX8SoLyjtzEUY4l-_V38rormOJVOdMIIZ0lbvEfeuxJzfLBPswGRroRwvDzU/s1600/social-content-locker-for-blogger-in-blog-post.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBGkkhKk47PM-uDTN6RHUDszBTW_Z3LsUGC_Pvs8krWS35DcoA-nFlznojFAPmpMKXQY1L_1GJQjykFNUX8SoLyjtzEUY4l-_V38rormOJVOdMIIZ0lbvEfeuxJzfLBPswGRroRwvDzU/s400/social-content-locker-for-blogger-in-blog-post.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvir7IuuOXUMCKB4f6hhcL0FjbOH8VynHc-_Tc1ZMgpG0rYVtLB6uToxOIb4UCOHXJAWQ_5CSXiBrAJ0Qg7IYITZtaJqVbS6LXePBIO2zGnFgDF8IYhyDqAsB6WZvV2BYJCWioM896sEEu/s6/green-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Now Replace the  the <span style="color: red;"><b>- ADD YOUR CONTENT HERE -</b></span> code with the text, URL, image, video or anything which you want to place behind the social locker. </li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtms1LFEMeCl2SnSUGX6FkgUkqt-EQlVmoq1-tAlXuxlFWVjgOJSkYorNRl7pvDJ-xUw3EcE5_bmO28WkCAW1rGqB_10D0OW9KBkZWARDVt1UHuWOdG7K9U4f1Qt02agip_IpcbYanS3oz/s6/blue-bullet-icon.png) 0px 5px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">At last  Publish your article and see Social locker working live. If anyone want to access locked content He or she have to share on any of the listed network below accessing content.</li>
</ul>
<b style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">If you face any kind of difficulties while implementing above given codes feel free to ask me in comment. Thanks a lot everybody.</b><span style="color: #333333; font-family: Helvetica, Arial, sans-serif;"><span style="font-size: 15px; line-height: 21px;"><br /></span></span><ul style="background-color: white; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; text-align: justify;">
</ul>
<br />
<br /></div>
<div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div class="code">
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"> 
</div>
</complete></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="line-height: 22.3999996185303px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #333333; font-family: Helvetica;"><span style="font-size: 12.6666669845581px; line-height: 22.3999996185303px;"><br /></span></span></div>
<div>
<br /></div>
</div>
</script></div>
</div>

Hello everybody , After a long time iam come back on this awesome blog. Hope you are well . Today i am going to present another devel...

Easily Create Social Content Locker In Blogger Blog

Hello everybody , After a long time iam come back on this awesome blog. Hope you are well . Today i am going to present another devel...
How to Delete All Facebook Friends Messages At Once - 2015 ( updated )

Today i will talk about erasing all Facebook message by single tick. As we all realize that messages are private divide and is exceptionall...

Friday, August 21, 2015

How to Delete All Facebook Friends Messages At Once - 2015 ( updated )

Easily Create Social Content Locker In Blogger Blog

Popular Posts

Contact Form

Categories