blogger.com博客的社交内容更衣柜?是否有可能 [英] social content locker for blogger.com blogs? is it possible

查看:62
本文介绍了blogger.com博客的社交内容更衣柜?是否有可能的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在博客博客中集成社交内容柜?我们看到许多WordPress博客和网站,
但是在blooger.com博客中,您看不到任何插件选项

How can I integrate social content locker in blogger blogs? We see in numbers of WordPress blogs and websites,
But in blooger.com blogs you see no plugin option

有人有其他方法或类似的东西吗? 我希望访客在阅读我的帖子之前先喜欢,鸣叫或Google +.

does anybody has another way or something like this? I Want visitor to like, tweet or g+ before reading my posts.

谢谢

推荐答案

为此,我发现了这个工作脚本,首先需要备份模板.
然后编辑HTML> search <head>标记,并将此代码放在<head>

I found this working script for this what you need to do is first backup you template.
then edit HTML >search <head> tag and put this code after <head>

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

在搜索</head>标记之后,在该标记之前放置以下代码

After that search </head> tag and put below code before this tag

<link href='https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.js' 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:"https://www.facebook.com/www.mostsharedposts"},
    facebook: {url:"https://www.facebook.com/www.mostsharedposts"},
    google: {url:"https://plus.google.com/u/0/b/110589424466302901501/110589424466302901501"},

    text: {
      header: "Like us To Unlock This Content",
      message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."
    },

    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
  //]]>
</script>

这是在帖子编辑器中隐藏代码的方法
去发布编辑HTML并添加此代码

this is how to hide your code in post editor
go to post edit HTML and add this code

<article id="default-usage">
<div class="to-lock" style="display:none;">
Hello i am the hidden content
</div>
</article>

我在我的博客检查演示

这篇关于blogger.com博客的社交内容更衣柜?是否有可能的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆