2014-12-23 50 views
6

如何將社交內容儲物櫃整合到博主博客中?我們看到的WordPress的博客和網站的數量,
但在blooger.com博客,你看到沒有插件選項blogger.com博客的社交內容儲物櫃?是否有可能

有沒有人有另一種方式或類似的東西? 我希望訪問者喜歡,tweet或g +在閱讀我的文章之前。

感謝

+0

它可能與jQuery和一些網絡編程知識,如CSS。 – aflatoon

回答

4

我發現這個工作的腳本爲此,你需要做的是你模板性的第一備份。
然後編輯HTML>搜索<head>標籤後<head>

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

該搜索</head>標籤後把這個代碼並且這個標記之前把下面的代碼

<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並添加該代碼

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

我在我的博客中實現了這個check demo

+1

謝謝納貝爾。 最後我們可以通過博客博客來做到這一點哇。 –

+2

你是我的一天! 它工作,但在第二篇文章中沒有顯示任何解決方案?否則thnx :) – Angylina

+0

哇謝謝人:) – ibnesinaStudio