Cách tạo Icon Social Share cho blogspot của bạn

Phương tiện truyền thông xã hội là công cụ máy tính trung gian cho phép mọi người tạo ra, chia sẻ hoặc trao đổi thông tin, ý tưởng và hình ảnh / video trong cộng đồng ảo và mạng lưới. Phương tiện truyền thông xã hội được định nghĩa là "một nhóm các ứng dụng dựa trên Internet được xây dựng trên nền tảng tư tưởng và công nghệ của Web 2.0, và cho phép việc tạo ra và trao đổi các nội dung do người dùng tạo ra." Hơn nữa, phương tiện truyền thông xã hội phụ thuộc vào công nghệ di động và dựa trên web để tạo ra nền tảng tương tác cao thông qua đó các cá nhân và các cộng đồng chia sẻ, cùng nhau tạo ra, thảo luận và sửa đổi nội dung do người dùng tạo ra. Họ giới thiệu những thay đổi đáng kể và mọi nơi để giao tiếp giữa các doanh nghiệp, tổ chức, cộng đồng và cá nhân. Những thay đổi này là trọng tâm của các lĩnh vực đang được nghiên cứu technoself. Phương tiện truyền thông xã hội khác nhau từ phương tiện truyền thông truyền thống và công nghiệp trong nhiều cách, bao gồm chất lượng, đạt, tần số, khả năng sử dụng, cấp bách và lâu dài. Phương tiện truyền thông xã hội hoạt động trong một hệ thống truyền dẫn đối thoại, (nhiều nguồn để nhiều người nhận). Điều này trái ngược với phương tiện truyền thông truyền thống mà hoạt động theo mô hình truyền monologic (một nguồn tới nhiều người nhận).

Phương tiện truyền thông xã hội đang đóng vai trò rất quan trọng cho sự phổ biến của trang web. Hôm nay, tất cả mọi người là trên một số loại mạng xã hội như Facebook, Twitter, Google Plus, vv Tầm quan trọng của việc chia sẻ trên phương tiện truyền thông xã hội là người sử dụng sẽ tìm thấy bài đăng blog của bạn một cách dễ dàng. Nó sẽ làm tăng blog của bạn stat, phổ biến và một số thu nhập quá.



Ở đây tôi đã thiết kế một xã hội Share Buttons với Count cho Blog và trang web. Những cái nhìn rất đơn giản nhưng rất hấp dẫn. Thứ hai, nó cũng cho thấy tổng số cổ phiếu được tính cho tất cả các trang web xã hội phổ biến. Các kịch bản cũng rất đơn giản và không có bất kỳ CSS.

Các bước thực hiện :

Bước 1 : Chèn hai đoạn mã sau trước thẻ </head>
 "

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

"
"<script type="text/javascript" src="http://hsinghhira.github.io/DesignDevta/HSH_Social_Share/js/hsh_socialbutton.js"></script> "

Bước 2 : Chèn đoạn mã ở dưới nơi mà bạn muốn xuất hiện các Social share :

"

<div class="HSH_Social_Share"></div>
<script type="text/javascript">
    $('.HSH_Social_Share').HSHSocialButton(['facebook', 'twitter', 'gplus', 'feedly', 'pocket', 'github', 'addit'], {
        url: 'http://designdevta.blogspot.com/', // Share URL
        githubRepo: 'HSinghHira/DesignDevta', // Github Repository
        feedUrl: 'http://feeds.feedburner.com/DesignDev' // Feedburner URL
    });
</script>

 " 

Vơi những chia sẽ trên rất mong bạn đọc sẽ tạo cho mình một Website hoàn hảo, nếu có thắc mắc gì xin vui lòng để lại comment ở dưới bài viết.

Xem tiếp

Chèn Google +Badge vào website

Để tăng tính tương tác website của bạn với Google+ thì việc chèn Google + Badge vào website là một việc rất đơn giản chỉ việc một hai thao tác thì website của trông chuyên nghiệp hơn. Để thêm fanpage google + vào website bạn vào link này : https://developers.google.com/+/web/badge . Với những tính năng bạn có thể tuỳ chỉnh phù hợp với website của bạn.

Google + Badge

Sau khi bạn tạo Fanpage google +  cho trang bạn vào mục "Người dùng Google+" để lựa chọn Fanpage mà bạn muốn chèn lên Website .

Sau khi lựa chọn bạn tuỳ chỉnh giao diện ở bên dưới, bạn có thể xem bản demo ở bên cạnh. Khi đã ưng ý với giao diện đã chọn bạn copy đoạn mã ở dưới và chèn vào Website của bạn.

Nếu bạn đang sử dụng Wordpress thì bạn vào trong "Appearance -> Widget" và thêm "Text" và chèn mã vừa thao tác ở trên vào mục soạn thảo, sau đó lưu lại và kiểm tra kết quả.
Nếu bạn đang dùng Blogspot thì bạn thêm (Tiện ích = > HTML/ Javascript ) và copy mã lưu lại và xem kết quả.

Chúc bạn thành công !

Xem tiếp

Cách Supmit Sitemap của blogger lên Google WebMaster Tool

Các bạn đang có một Blogspot và bạn muốn mọi người biết tới blog của bạn, lượng truy cập tới blog của bạn nhiều hơn và hơn thế nữa là họ sẽ thấy nội dung của bạn trong công cụ tìm kiếm Google. Với tính năng quản lý web hiệu quả, cung cấp cho bạn các tính năng hiệu quả để hiển thì website của bạn lên google.

Để sử dụng bạn chỉ cần có tài khoản của Google và tạo Supmit file Sitemap lên Google WebMaster Tool là đươc.

Với việc Supmit file sitemap giúp cho google hiểu hơn về blog của bạn, về nội dung mà bạn trình bày trong blog việc này giúp google sẽ tìm kiếm nhanh hơn.

Vậy cách supmit file sitemap của blogger lên Google Webmaster Tool  như thế nào ?

Google Webmaster Tool

Các bạn thực thiện các bước như sau :

•  Đăng nhập vào tài khoản Google WebMaster Tool
•  Bấm chọn phần Sơ đồ trang web

• Bấm chọn THÊM/ KIỂM TRA SƠ ĐỒ TRANG WEB

• Nhập vào box 

"atom.xml?redirect=false&start-index=1&max-results=500 "

Chú ý : Với mã trên thì bạn nhập với số số lượng bài viết của blog có tối đa 500 bài viết

 "atom.xml?redirect=false&start-index=501&max-results=500"

Chú ý :  Với mã trên thì bạn nhập với số số lượng bài lớn hơn 500 bài

• Sau đó bạn bạn bấm chọn "Gửi sơ đồ trang web"

Chúc các bạn thành công !

Xem tiếp

Cách tạo danh sách bài liên quan trong Blogspot

Để tăng lượng tiếp cận tới các bài viết trên blogspot của bạn, thì có rất nhiều cách như chèn link trực tiếp vào key hoặc tạo danh sách các bài liên quan theo lable. Vậy hôm nay mình xin chia sẽ cách tạo danh sách các bài liên quan trong Blogspot theo nhãn của bài viết.

Bài viết liên quan theo nhãn

Hình trên là một ví dụ và mình họa, minh lấy blog của mình làm ví dụ minh họa :


Bước 1 : Bạn vào Mẫu - Tùy chỉnh HTML- Bạn tìm tới dòng

để thao tác nhanh hơn bạn copy mẫu ra một công cụ soạn thảo như : NOTEPAD, Subline text2. Bạn chèn trước thẻ đó với nội dung sau :

<!-- Widget bài viết liên quan (1) -->

<style>

/*Khung chính của bài viết liên quan*/

#related-posts {

float:left;

min-width: 100%;

margin: 30px 5px 30px 0;

font: 11px Tahoma;

}

#related-posts .widget {

List-style-type: none;

margin: 5px 0 5px 0;

padding: 0;

}

#related-posts .widget h2, #related-posts h2 {

color: #940f04;

font-size: 20px;

font-weight: normal;

margin: 5px 7px 0;

padding: 0 0 5px;

}

/*Màu link của bài viết liên quan*/

#related-posts a {

color: #318686;

font-size: 13px;

text-decoration: none;

}

/*Màu link khi rê chuột vào*/

#related-posts a:hover {

color: #C4436A;

text-decoration: underline;

}

#related-posts ul {

border: medium none;

margin: 10px;

padding: 0;

}

#related-posts ul li {

display: block;

background: url(https://lh5.googleusercontent.com/-zKhXxJUpROA/Tmr926k_EBI/AAAAAAAACks/1LrFz96DwAI/List_1.png) no-repeat 0 0;

margin: 0;

padding: 0 0 1px 16px;

margin-bottom: 5px;

line-height: 2em;

border-bottom:1px dotted #cccccc; /*Gạch đích dưới mỗi link bài viết liên quan*/

}

</style>

<script type='text/javascript'>

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;

}

}

}

}

function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i < relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

}

}

relatedTitles = tmp2;

relatedUrls = tmp;

}

function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;

}

function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;

}

i++;

}

}

//]]>

</script>

Bước 2 : Bạn tìm đến đoạn code sau :

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Sau đó bạn chèn đoạn code dưới sau đoạn code trên.

<!-- Widget bài viết liên quan (2) -->

<b:if cond='data:blog.pageType == "item"'>

<div id="related-posts">

<div style='border-top:#AAAE95 1px dashed; margin: 0 50px 0 50px; padding-top:30px;'/>

<font face='Arial' size='16'><b>Bài viết liên quan: </b></font>

<font color='#FF0000'> <!-- Màu chữ label -->

<b:loop values='data:post.labels' var='label'>

<data:label.name/> <!--Dòng code hiện label kế bên bài viết liên quan-->

<b:if cond='data:label.isLast != "true"'>

, <!--Dấu phẩy ngăn cách các label -->

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>

</b:if>

</b:loop>

</font>

<script type='text/javascript'>

removeRelatedDuplicates();

printRelatedLabels();

</script>

</div>

</b:if>

Với  max-results=5 là số bài liên quan bạn có thể tùy chọn số lượng  bài viết theo ý mình

Sau đó bạn lưu mẫu và xem kết quả, nếu bạn nào muốn mầu mè thì có thể chỉnh CSS để có một Template đẹp.
Chúc các bạn thành công!