How To Add Social Content Locker To Blog post In Blogger

I am introducing to you today how you can lock any content be it text, video, URL, image etc in your blog post with any social icon.For now i’m using three important social networks which are Facebook, Twitter  and Google plus.

There consists of so many series of social content locker available.
The basis of this plugin consists of Jquery and the main function of this plugin is content locking with different social buttons.

All  bloggers want a lot of views to their published post, so, they always tell their readers to always "share" after reading right? ..but that fact is that not all that will do that...only few people will take their time to share/like a post they read. Now, to force them to get your post shared/liked ,what you will do is to put what is called a "Social Content Locker" in an important part of the article so that when they read the article to that point, they will see something such as; "This content is locked, click any share/like botton to view all post" . If truly your article is very interesting to them ..they will click on the botton. In-other words, you increase traffics to your blog.

Now let us go into the practical part straight-way, follow me carefully:

STEP 1 : 

•  Goto your Blogger dashboard.
• Click on template >> click on Edit HTML.

STEP 2 : 

• Click any part of the code box and search for </head> using Ctrl + F.
• After searching,paste the below jquery just above </head> .

<script src=’http://code.jquery.com/jquery-1.10.2.min.js’ type=’text/javascript’/>

NB : If you found this same code there, no need of putting it again.

STEP 3 :

• Now you will copy the code below and paste it below </head> you've searched for previously.

<link href=’https://googledrive.com/host/0B_1mqJd2tC8qeDVzSnBJMDh5WUk’ rel=’stylesheet’/>
<script src=’https://googledrive.com/host/0B_1mqJd2tC8qbGdmQzRZVGk3bXM’ type=’text/javascript’/>
<script type=’text/javascript’>
//<![CDATA[
jQuery(document).ready(function ($) {
$(‘#default-usage .to-lock’).sociallocker({
buttons: {order:[“facebook-like“,”twitter-tweet“,”google-plus“]},
twitter: {url:”http://twitter.com/damytechs“},
facebook: {url:”https://www.facebook.com/damytechs“},
google: {url:”https://plus.google.com“},
text: {
header: “Like us To Unlock This Content“,
message: “This content is locked. Like us on Facebook, Twitter or Google plus to unlock it.”
},
locker: {close: false, timer: 0,},
theme: “dandyish”
});
});
//]]>
</script>

Note :You should change the highlighted Url,s with your own links.

HOW IT WORKS: 

• When you are done with adding and replacing values for all codes above. Now, to add social locker in your blog post, just copy and paste them into the HTML tab of that particular post.

• Replace -ADD YOUR TEXT HERE- with your video, text or image you want to lock.
•  Finally publish your post and see it working.

HOPE IT HELPED A LOT, THEN DONT FORGET TO SHARE & DROP YOUR COMMENTS!!!!!

Read More

How To Embed Facebook Videos In Blog Post

Allot of vloggers want to broadcast their videos either on Dailymotion, Youtube, or Facebook to make it popular in order to get millions of views and also earn from it.

 Apart from being able to embed your  facebook video directly from your youtube channel, their is a reason why you should embed your facebook videos on your blog.

The reason is that, it's not only views youwill get to your videos but you will also get facebook likes.So, in other words, it is beneficial to your "facebook page" and your "youtube channel".

And also , if you wish to show videos on the Header, Footer or Sidebar of your blog you should use the same code in layout.

So, to get this done just follow my simple steps as i have shown it below :

• FIRST STEP:  Visit this page Facebook Video Embed. After the page opens, use your video url to replace [https://www.facebook.com/facebook/videos.....] . 

• SECOND STEP:  Beside/under the video url, set the width of the video.

Note : If you wish to include full post along with video, just click "Include Post" checkbox.

• THIRD STEP: Tap on "Get Code" botton. After doing that, the new page that pop-up gives two options of codes which are: Javascript SDK and the video code, so you should add a simple <iframe> code instead of Javascript SDK.Therefore switch to iframe. Now, copy the code you are given.

•  FORTH STEP: Goto the post where you want to put the video > switch to "HTML" Post Editor.

•   FINAL STEP: Publish your post and see it worked!!!.

If you followed me carefully as explained above, i belive with the five simple steps ,your videos are now embedded in/under your post. You should now start getting a lot of views and likes.
If you love this Article then drop your commnts, share and let others see it.
Alwasys check back for our lates udates and subscribe to recieve via email.

Happy Blogging and Vlogging!.

Read More

Add ReadMore Attribution Link To Each copied Text In Blogger

The internet is made available for everyone to access and share informations and ideals thereby making communication very easy .

Bloggers are increasing daily on the web definately the lazy ones are out there to copy your articles you've spent allot of time in writting to their own website ,the annoying side of it is that you'll hardly see anyone that will credit the owner by creating a link back to that post.

Am gonna teach you today how you can automatically make any copied text from any of your blog post have a link point back to your blog.

You can easily get this done by following the few steps below :

Step 1:

• Login to your Blogger Dashboard.

• Click on Template and also Edit HTML.

Step 2:

Make sure you are using a pc to do this.

• Click any area in the box that appears..
• Now search for </head> by using Ctrl + F. on ur keyboard .

Step 3:

• Copy the script below and paste immediately above or before the </head> tag.

<script type="text/javascript">
function addLink() {
 var body_element = document.getElementsByTagName('body')[0];
 var selection;
 selection = window.getSelection();
 var pagelink = "<br /><br /> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />Copyright &amp;copy; Damytechs"; // change this if you want
 var copytext = selection + pagelink;
 var newdiv = document.createElement('div');
 newdiv.style.position='absolute';
 newdiv.style.left='-99999px';
 body_element.appendChild(newdiv);
 newdiv.innerHTML = copytext;
 selection.selectAllChildren(newdiv);
 window.setTimeout(function() {
  body_element.removeChild(newdiv);
 },0);
}
document.oncopy = addLink;
</script>

Click on save template and that's allll...

By doing these,you have successfully added a ReadMore attribution link To any copied text on ur blog.
And also, these will generate so much traffic to your blog.

TO TEST : Try copying anything on ur blog and see it works!!!!!!

Do you have any question or complaint drop your comment below.


GET AN AWESOME TRAFFIC TO YOUR SITE NOW FrOM MAXVIST CLICK HERE NOW!!!

Read More