Social Locker For Blogger By Saftain Azmat

Hello Friends

This Today Topic=Social Locker For Blogger By Saftain Azmat

This Today Lesson Read The Blew: By Saftain Azmat

• Go to Blogger.com dashborad >> >> template change the HTML code follow-up >>.by saftain azmat
• Search </ head> and click Paste the following coding CSS by saftain azmat

1. <link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>

• After paste save the template code and go to the next step by saftain azmat

• Go to Blogger.com >> new post by saftain azmat
• Select the HTML tab in the Blogger another editor and paste the code below by saftain azmat

1. <article id="default-usage">
2. <div class="to-lock" style="display: none;">
3.         
4. <!--Hidden Content Starts (You can Use HTML BELOW)-->
5. 
   
6. 
   
7. <div style="text-align: center; margin-bottom: 20px;">
8. <img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
9. </div>
10. 
    
11. <div style="text-align: justify">
12. Add Your Hidden Text Here
13. </div>
14. 
    
15. <!--Hidden Content Ends (You can Use HTML ABOVE)-->
16. 
    
17. </article> 
18. </div><div id="mblunlocker"> </div>
19. <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>
21. <script>
22. jQuery(document).ready(function ($) {
23. $("#default-usage .to-lock").socialLock({
24. 
    
25. text: {
26. header: "Share it To Unlock This Content",
27. message: "Yes, this is Social Locker. Just try it, click on one of buttons."
28. },
29. 
    
30. style: "ui-social-locker-secrets",
31. buttons: {
32. order: ["twitter", "facebook", "google"]
33. },
34. 
    
35. // twitter options
36. twitter: {
37. url: "http://computerithelp86.blogspot.com/",
38. text: "Upgrade your social buttons to get more social traffic!"
39. },
40. 
    
41. // facebook options
42. facebook: {
43. url: "http://www.facebook.com/computerithelp",
44. appId: "418044881593120"
45. },
46. 
    
47. google: {
48. url: "http://www.computerithelp86.blogspot.com"
49. }
50. });
51. });;;;
52.         
53. </script>