Addon - Mod xenforo ẩn nội dung bằng Like FB, G+1, Twitter

Addon - Mod xenforo ẩn nội dung bằng Like FB, G+1, Twitter. Share Social Locker Pro Xenforo mới nhất. Mod này dùng để ẩn, khóa nội dung hoặc link cần chia sẻ. Yêu cầu phải share lên mhx, google plus hoặc facebook thì mới download hoặc thấy link.

Đầu tiên các bác vào template message thêm đoạn này xuống dưới cùng

PHP:

<script type="text/javascript" src="http://amnhacmythuat.edu.vn/ads/locklike.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "{$url}",
text: "{$thread.title}"
},
// facebook options
facebook: {
url: "[URL]http://facebook.com/[/URL]",
appId: "1408445262782342"
},
google: {
url: "{$url}"
}
});
});;;;
</script>

Nhớ sửa lại đoạn facebook cho phù hợp
Sau đó Save lại, tiếp tục vào template EXTRA.CSS thêm đoạn sau vào cuối cùng:

PHP:

/* --- Social Content Locker by--- */
.to-lock{background-color:[HASHTAG]#f6f6f6[/HASHTAG];padding:20px}
.inner-wrap{background:[HASHTAG]#435989[/HASHTAG]}[HASHTAG]#header[/HASHTAG] .get-it a{text-decoration:none;color:[HASHTAG]#000[/HASHTAG]}[HASHTAG]#header[/HASHTAG] .get-it #zenbox_tab{background-color:[HASHTAG]#f6f6f6[/HASHTAG]!important}#zenbox_tab:hover{background-color:[HASHTAG]#333[/HASHTAG]!important}#zenbox_tab #feedback_tab_text{color:[HASHTAG]#333[/HASHTAG]!important}#zenbox_tab:hover #feedback_tab_text{color:[HASHTAG]#fff[/HASHTAG]!important}.ui-social-locker,.ui-social-locker .ui-social-locker-text,.ui-social-locker .ui-social-locker-timer{font:normal normal 400 13px/23px "Arial",serif}.ui-social-locker,.ui-social-locker .ui-social-locker-outer-wrap,.ui-social-locker .ui-social-locker-inner-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-social-locker{position:relative!important;background-color:[HASHTAG]#f9f9f9[/HASHTAG];padding:25px;margin:20px auto;max-width:700px}.ui-social-locker p{margin:0}.ui-social-locker .ui-social-locker-text{text-align:center}.ui-social-locker-text .ui-social-locker-strong{font-weight:bold;text-transform:uppercase;font-size:16px;display:inline-block}.ui-social-locker-buttons{text-align:center}.ui-social-locker-text+.ui-social-locker-buttons{margin-top:15px}.ui-social-locker-button-inner-wrap,.ui-social-locker-button-overlay{height:40px;width:120px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}.ui-social-locker-button-inner-wrap{position:relative}.ui-social-locker-button{display:inline-block;vertical-align:top;text-align:left}.ui-social-locker-button-overlay{position:absolute;top:0;left:0}.ui-social-locker-button+.ui-social-locker-button{margin-left:10px}.ui-social-locker-button{background-color:[HASHTAG]#f2f2f2[/HASHTAG]}.ui-social-locker-button .fb-like span,.ui-social-locker-button .fb-like iframe{height:20px!important}.ui-social-locker-button-overlay *{position:absolute;width:100%;top:0;left:0}.ui-social-locker-overlay-front,.ui-social-locker-overlay-back{height:100%;top:0;left:0}.ui-social-locker-overlay-front{z-index:1}.ui-social-locker-overlay-back{z-index:0}.ui-social-locker .ui-social-locker-cross{background:url("[URL='http://4.bp.blogspot.com/--gfC2pq3sq0/UNibXTTsj4I/AAAAAAAAKEI/JR_pSi6eZVo/s1600/close+(1).png']http://4.bp.blogspot.com/--gfC2pq3sq0/UNibXTTsj4I/AAAAAAAAKEI/JR_pSi6eZVo/s1600/close (1).png[/URL]") 50% 50% no-repeat;width:16px;height:16px;opacity:.1;filter:alpha(opacity=10);cursor:pointer;position:absolute;top:4px;right:4px;z-index:2}.ui-social-locker:hover .ui-social-locker-cross{opacity:.2;filter:alpha(opacity=20)}.ui-social-locker .ui-social-locker-cross:hover{opacity:.8;filter:alpha(opacity=80)}.ui-social-locker .ui-social-locker-timer{position:absolute;right:5px;bottom:5px;z-index:10}.ui-social-locker .ui-social-locker-timer,.ui-social-locker .ui-social-locker-timer *{font:normal normal 400 12px/12px sans-serif;text-transform:lowercase}.ui-social-locker .ui-social-locker-timer{color:[HASHTAG]#000[/HASHTAG];margin-left:5px}.ui-social-locker .ui-social-locker-timer-counter{font-weight:bold}.ui-social-locker-opera .ui-social-locker-button-facebook .fb-like{position:relative;top:-1px}.gc-bubbleDefault{display:none!important}.ui-social-locker-flip .ui-social-locker-button-inner-wrap{perspective:500px;perspective-origin:50% 0;-webkit-perspective:500px;-webkit-perspective-origin:50% 0;-moz-perspective:500px;-moz-perspective-origin:50% 0}.ui-social-locker-flip .ui-social-locker-button-overlay{display:block;transform-origin:bottom;transform-style:preserve-3d;transition:transform .3s ease;transform:translate(0);-webkit-transform-origin:bottom;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s ease;-webkit-transform:translateY(0) rotateX(0);-moz-transform-origin:bottom;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform .3s ease;-moz-transform:translate(0)}.ui-social-locker-flip .ui-social-locker-overlay-back{transform:rotateX(-180deg) translateZ(4px);-webkit-transform:rotateX(-180deg) translateZ(4px);-moz-transform:rotateX(-180deg) translateZ(4px)}.ui-social-locker-flip .ui-social-locker-overlay-header{height:4px;transform-origin:top;transform:rotateX(-90deg);-webkit-transform-origin:top;-webkit-transform:rotateX(-90deg);-moz-transform-origin:top;-moz-transform:rotateX(-90deg)}.ui-social-locker-flip:hover .ui-social-locker-button-overlay{display:block!important;transform:translateY(4px) rotateX(-110deg);-webkit-transform:translateY(4px) rotateX(-110deg);-moz-transform:translateY(4px) rotateX(-110deg)}.ui-social-locker-flip:hover .ui-social-locker-overlay-back{border-top:2px solid [HASHTAG]#eee[/HASHTAG]}.ui-social-locker-secrets .fb-like span,.ui-social-locker-secrets .fb-like iframe{width:118px!important}.ui-social-locker-secrets{padding:30px;margin:10px auto 15px auto;border:0;background-color:transparent}.ui-social-locker-secrets .ui-social-locker-inner-wrap{border:3px solid [HASHTAG]#fefefe[/HASHTAG];background-color:[HASHTAG]#f7f7f7[/HASHTAG];padding:30px}.ui-social-locker-secrets .ui-social-locker-outer-wrap{border:1px solid [HASHTAG]#e6e6e6[/HASHTAG];box-shadow:0 0 40px rgba(0,0,0,0.08)}.ui-social-locker-secrets .ui-social-locker-text,.ui-social-locker-secrets .ui-social-locker-timer,.ui-social-locker-secrets .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG];-moz-text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG];text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("[URL]http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png[/URL]") 0 2px no-repeat}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-secrets .ui-social-locker-button{padding:4px;background:rgba(0,0,0,0.05)}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap,.ui-social-locker-secrets .ui-social-locker-button-overlay{height:34px;width:118px}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap{padding:7px;-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);box-shadow:inset 0 0 6px rgba(0,0,0,0.25)}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-front{background:[HASHTAG]#399ff0[/HASHTAG] url("[URL]http://1.bp.blogspot.com/-gw8E3I38Jqg/UNibpHQkX9I/AAAAAAAAKEY/P00idpapSko/s1600/tweet-btn.png[/URL]") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-back{background:[HASHTAG]#24b1e5[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-header{background-color:[HASHTAG]#368acd[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-front{background:[HASHTAG]#46629e[/HASHTAG] url("[URL]http://1.bp.blogspot.com/-8CIakjMMaq4/UNibvX8Y82I/AAAAAAAAKEg/btcAO1zZQE8/s1600/like-btn.png[/URL]") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-back{background:[HASHTAG]#46629e[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-header{background-color:[HASHTAG]#314775[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-front{background:[HASHTAG]#494647[/HASHTAG] url("[URL]http://1.bp.blogspot.com/-RpiRInqUmos/UNib3z7cAtI/AAAAAAAAKEo/S6NaueT_6lI/s1600/plus-one-btn.png[/URL]") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-back{background:[HASHTAG]#494647[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-header{background-color:[HASHTAG]#111[/HASHTAG]}.ui-social-locker-secrets .ui-social-locker-cross{top:38px;right:38px}.ui-social-locker-secrets .ui-social-locker-dandyish .ui-social-locker-outer-wrap{padding:5px;background-color:[HASHTAG]#fff[/HASHTAG];border-radius:10px}.ui-social-locker-dandyish .ui-social-locker-inner-wrap{padding:10px;border-radius:10px;background-color:f8f8f8;background:linear-gradient(top,[HASHTAG]#f9f9f9[/HASHTAG],[HASHTAG]#F5F5F5[/HASHTAG]);background:-o-linear-gradient(top,[HASHTAG]#f9f9f9[/HASHTAG],[HASHTAG]#F5F5F5[/HASHTAG]);background:-moz-linear-gradient(top,[HASHTAG]#f9f9f9[/HASHTAG],[HASHTAG]#F5F5F5[/HASHTAG]);background:-webkit-linear-gradient(top,[HASHTAG]#f9f9f9[/HASHTAG],[HASHTAG]#F5F5F5[/HASHTAG]);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#F5F5F5',GradientType=0);background:-ms-linear-gradient(top,[HASHTAG]#FFF[/HASHTAG],[HASHTAG]#F5F5F5[/HASHTAG]);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);box-shadow:inset 0 1px 6px rgba(0,0,0,0.20)}.ui-social-locker-dandyish .ui-social-locker-text{padding:10px}.ui-social-locker-dandyish .ui-social-locker-text,.ui-social-locker-dandyish .ui-social-locker-timer,.ui-social-locker-dandyish .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG];-moz-text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG];text-shadow:1px 1px 2px [HASHTAG]#fff[/HASHTAG]}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("[URL]http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png[/URL]") 0 2px no-repeat}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-dandyish .ui-social-locker-buttons{margin:0;padding:5px}.ui-social-locker-dandyish .ui-social-locker-button{border-radius:7px;background-color:rgba(255,255,255,1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow:0 3px 1px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15)}.ui-social-locker-dandyish .ui-social-locker-button .fb-like iframe{height:61px!important}.ui-social-locker-dandyish .ui-social-locker-button+.ui-social-locker-button{margin-left:15px}.ui-social-locker-dandyish .ui-social-locker-button-inner-wrap{width:85px;height:84px;padding:10px;text-align:center}.ui-social-locker-dandyish .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-dandyish .ui-social-locker-timer{right:20px;bottom:20px}.ui-social-locker-glass{padding:15px;border:0;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 1px [HASHTAG]#fff[/HASHTAG];background:rgba(0,0,0,0.03)}.ui-social-locker-glass .ui-social-locker-outer-wrap{padding:30px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-webkit-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);background:[HASHTAG]#f7f7f7[/HASHTAG];background:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(240,240,240,0.5)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%)}.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("[URL]http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png[/URL]") 0 2px no-repeat}.ui-social-locker-glass .ui-social-locker-button{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7)}.ui-social-locker-glass .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-glass .ui-social-locker-timer{right:23px;bottom:21px}#built-in-themes .title{font-style:normal;padding-bottom:0;margin-bottom:0;margin-top:25px}#built-in-themes .title:first-child{margin-top:0}#built-in-themes .example{padding:0 0 0 16px}#built-in-themes .pattern-background{background:url("[URL]http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/preview-bg.png[/URL]");padding:25px 25px 10px 25px;box-shadow:inset 0 0 30px [HASHTAG]#fff[/HASHTAG]}.my-custom-style{padding:30px 20px 20px 220px;height:200px;background:[HASHTAG]#f8f8f8[/HASHTAG] url("[URL]http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/lock-example.png[/URL]") 20px 20px no-repeat}.my-custom-style .ui-social-locker-text{text-align:left}.my-custom-style .ui-social-locker-buttons{padding:0;text-align:left}.my-custom-style .ui-social-locker-button{width:100px}
[HASHTAG]#mblunlocker[/HASHTAG] { text-align: center; font-family:Arial, serif; text-transform: uppercase; font-weight:bold; font-size:12px; position:relative}
/* --- Social Content Locker--- */

Chuyển đến Home -> Custom BB Codes -> Add New Custom BB Code rồi chỉnh như sau:

PHP:

BB Code Tag: LOCK
Tiêu đề: Social Like Locker Pro
Description: Ẩn nội dung bằng like, share, G+1, ...
HTML Replacement:
<div style="margin:20px;">
<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
{text}
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
</div></article><div id="mblunlocker"> </div>
</div>

Sử dụng

PHP:

[LOCK]http://amnhacmythuat.edu.vn/[/LOCK]