Thêm nút +1 hoặc nút like mới xem được nội dung chia sẻ trong blogspot

Bạn muốn tăng lượng +1 cho google page hoặc +1 cho bài đăng hay like Fanpage của bạn một cách tự nhiên và hiệu quả. Thì đây là bài viết hướng dẫn sẽ giúp tăng lượng độc giả truy cập lên là nhờ các mạng xã hội hiện nay.

Cách này sẽ mang tích bắt buộc độc giả phải nhấn Like hay +1 thì mới đọc được nội dung quan trọng hay link chia sẻ

Bước 1: Chúng ta dán đoạn code css bên dưới vào trước thẻ </head>


<link href='https://googledrive.com/host/0B8LG8loZd7qAWFJQMm1qZHBBUlU' rel='stylesheet' type='text/css'></link>


Bước 2: Khi viết bài thì bạn lựa chọn viết bài với chế độ HTML và sử dụng đoạn code bên dưới


<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">


NỘI DUNG ẨN CÁC BẠN VIẾT TẠI ĐÂY


</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://googledrive.com/host/0B8LG8loZd7qAZ3VPWG96eXhKQzg"></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: ["facebook", "google"]
},
// facebook options
facebook: {
url: "https://www.facebook.com/khamphablog",
appId: "666051770123728"
},
google: {
url: "https://plus.google.com/u/0/100447610563652470302/about"
}
});
});;;;
</script>


Chú Y:
Thay đổi những đường link của bạn nha!
- Riêng 666051770123728 là id của app thì bạn có thể giữ nguyên hoặc sử dụng appid của mình nếu bạn nắm rõ về phần này


Đến đây chúng ta đã hoàn thành Thêm nút +1 hoặc nút like mới xem được nội dung chia sẻ trong blogspot
Chúc các bạn thành công !

More about →

Blogspot có thêm tính năng google adword quá kích thích

Chào mọi người lâu lắm mới có thời gian viết bài. Do tính chất công việc nên thời gian qua bỏ bê bài viết.

Hôm nay vào blogspot thì thấy thêm tính năng mới rất hay và thử khám phá không biết mọi người đã biết tin này chưa? Đó là google cập nhật cho blogspot tính năng quảng cáo google adword vào blogspot khiến cho việc quảng cáo của bạn dễ dàng hơn bao giờ hết. Mời các bạn khám phá tính năng của nó nhé

More about →

Hướng dẫn quản lý comment facebook trên Blogspot

Hướng dẫn quản lý comment facebook trên Blogspot

Các bạn truy cập đường dẫn sau: https://developers.facebook.com/apps

Điền thông tin của bạn vào như hình dưới

Bấm tạo ứng dụng

Chúng ta sẽ được dẫn đến 1 trang quản trị ứng dụng của chúng ta

Các bạn chú ý App ID mỗi người sẽ có 1 con số khác nhau

Bước 1:

Chèn code sau trước thẻ </head>

<meta content='App ID' property='fb:app_id'/>

Chú ý: App ID là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã App ID của bạn nhé


Bước 2: chèn tiếp bên trên thẻ đóng </head>



<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>





Bước 3 - Thêm đoạn mã bên dưới vào trước thẻ </body>.





<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>


Bước 4 - Tìm một trong các đoạn code như sau:
<b:include data='post' name='post'/>


- Rồi thêm ngay dưới nó đoạn code sau:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>



Đây là chỗ để hiển thị comment facebook

Giờ là cách quản lý comment facebook

Truy cập vào link sau https://developers.facebook.com/tools/comments

Mình sẽ nhìn được những ai comment trên blog của mình

More about →

Code bài viết liên quan blogspot

Code bài viết liên quan blogspot dựa trên nhiều label (nhãn) và đã được sửa lỗi hiển thị font Tiếng Việt của đoạn code gốc. Bằng cách này sẽ hiển thị được nhiều bài viết liên quan đến nhiều label hơn, hướng visitor đến những bài cùng chủ đề tốt hơn.






Hướng dẫn cách lấy bài viết liên quan theo nhiều label cho blogspot

Cách thực hiện

Bước 1- Đăng nhập vào Blog ==> Vào Mẫu ==> Chọn Chỉnh sử HTML (Edit HTML)

Khuyên các bạn nên down trực tiếp tất cả code blogspot về rồi chỉnh sửa bằng notepad ++ cho dễ nhé (chú ý sao lưu giữ lấy 1 bản để làm bản gốc để tránh trường hợp bị sai code ko phôi phục lại dc)

Bước 2 - Tìm một trong 4 đoạn code như bên dưới:


Đoạn 1:
<div class="post-footer">

Đoạn 2:
<div class="post-footer-line post-footer-line-1">

Đoạn 3:
<div class="post-footer-line post-footer-line-2">

Đoạn 4:
<div class="post-footer-line post-footer-line-3">



- Và gắn vào sau 1 trong 4 đoạn trên đoạn code bên dưới. (Lưu ý mỗi code trên mỗi đoạn có 2 lần lặp lại giống nhau bạn phải chèn đúng mới hiện thị nha). Vì vậy bạn cứ thêm lần lượt vào từng đoạn rồi up lên thử xem có hiển thị được không,nếu ko dc thì xóa đi rồi thêm vào đoạn code tiếp theo đên khi nào thấy hiển thi thì dừng

========= chú ý =========

Code bài viết liên quan blogspot


<!-- related post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='saliproit183'/><br/><br/>
&lt;script type=&quot;text/javascript&quot;&gt;
homeUrl3 = &quot;khamphablog.blogspot.com&quot;;maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+21);
label = decodeURIComponent(label);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;saliproit183&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
&lt;/script&gt;
</div>
</b:if><br/><!-- /related post -->




Chú ý:

Bạn sẽ phải thay đổi cho phù hợp với cách sắp xếp hiển thị bài viết liên quan theo nhãn phù hợp
Thay khampha.blogspot.com bằng địa chỉ blog của bạn, lưu ý không có "/" ở cuối và http:// ở đầu. (ví dụ link blog bạn là http://www.khamphablog.blogspot.com/ thì bạn chỉ lấy khamphablog.blogspot.com và thay vào đó thôi )
maxNumberOfPostsPerLabel là tối đa số bài viết hiển thị ở mỗi nhãn (label). Ở code trên là mình để là 6
maxNumberOfLabels là số nhãn (label) sẽ được hiển thị. Ở code trên là mình để là 3

Mọi thắc mắc và cần giúp đỡ vui lòng comment phía dưới nhé !