Hiển thị các bài đăng có nhãn Blogger. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogger. Hiển thị tất cả bài đăng

18/3/16

Thêm hiệu ứng hoa mai với hoa đào cho blogger

Thêm hiệu ứng hoa mai cho blogger, thêm hiệu ứng hoa đào cho blogger, code thêm hiệu ứng hoa mai cho blogger, code thêm hiệu ứng hoa mail với hoa đào cho blogger, wibget code thêm hoa mai cho blogger
Thêm hiệu ứng hoa mai với hoa đào cho blogger, hiệu ứng hoa mai cho blogger, hiệu ứng hoa đào cho blogger, hiệu ứng hoa rơi cho blogger, code hiệu ứng hoa đào rới, code hiệu ứng hoa mai rới

vào bố cục Blogger→Thêm tiện tích HTML/JavascriptThêm đoạn code bên dưới đây.

Hoa Đào Và Hoa Mai

<script src="https://dongviet.googlecode.com/svn/hoadao-dongvietblog.com.js" type="text/javascript"></script>
<script src="https://dongviet.googlecode.com/svn/hoamai-dongvietblog.com.js" type="text/javascript"></script>

15/3/16

Code Tạo hộp chatbox hỗ trợ online cho blogger

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget thêm hộp chát vào blogspot, thêm pop out chat box cho blogger, live chat facebook mới nhất

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget thêm hộp chát vào blogspot, thêm pop out chat box cho blogger, live chat facebook mới nhất

LiveChat của Facebook không thực sự chuyên nghiệp như các phần mềm Chat như Zopim, LiveChat, vChat… nhưng nó có một lợi thế giúp bạn tương tác trực tiếp được với khách hàng qua hệ thống Chat Fanpage không hỗ trợ với Group và trang cá nhân. Điểm yếu của tính năng này rất đơn giản nếu khách hàng không có tài khoản Facebook không thể chat được. Và không biết khách hàng đang xem tài liệu gì trên trang đến từ đâu, điều này cũng ảnh hưởng không nhỏ tới việc tư vấn cho khách hàng. Tuy nhiên tính năng này sẽ hữu dụng với khách hàng đa phần từ Facebook, vậy bạn là chủ Website hãy làm theo hướng dẫn của tôi để tự tích hợp LiveChat Facebook vào web của mình nhé

Bước 1: Hướng dẫn tích hợp vào website

Sử dụng mã nguồn dưới đây đưa vào file footer.php nếu bạn Sử dụng WordPress bằng cách Vào bằng phần mềm FTP hoặc qua hệ thống quản lý file của Cpanel host -> wp-content -> themes -> theme của web -> footer.php sau đó chèn đoạn mã trên vào trước thẻ đóng body và thay Anonsec bằng tên Fanpage Facebook của bạn-> Lưu lại và xem kết quả

Vào Edit HTM => Rồi Dán Phần Này Ở dưới </body>

<script language='javascript'>
var f_chat_vs = "Version 2.1";
var f_chat_domain = "https://anonsecvn.blogspot.com/";
var f_chat_name = "Hỗ trợ trực tuyến";
var f_chat_star_1 = "Chào bạn!";
var f_chat_star_2 = "Bạn cần hỗ trợ gì ?";
var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
var f_chat_fanpage = "anonsecteamvn"; /* Đây là địa chỉ Fanpage*/
var f_chat_background_title = "#1092da"; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
var f_chat_color_title = "#fff";
var f_chat_cr_vs = 21; /* Version ID */
var f_chat_vitri_manhinh = "right:10px;"; /* Right: 10px; hoặc left: 10px; hoặc căn giữa left:45% */
</script>
<!-- $Chat Javascript (không được xóa) -->
<script src='https://googledrive.com/host/0BwmpCrgbCc5waVpBWVdDc1Eyc0k'/>
<!-- $Chat HTML (không được xóa) -->
<div id='fb-root'></div>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'></i> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'></i><label id='f_chat_name'></label><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'></div>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'></div><div class='msg_b fb_hide' id='f_enter_2'></div><br/><p align='center' class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><p align='center' class='fb_hide' id='f_enter_4'></p></div><div class='chat-single' id='f_chat_source'></div></div></div>
<!-- #CHAT -->
-Anonsecteamvn : Là Địa Chỉ Fanpage Facebook

- Nếu Bị Lỗi Icon không Xuất Hiện Thì Thêm Đoạn Code Này Vào Phía Trên Phần </Head> :

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>

12/3/16

Nút dowload blogger đẹp [ Mới Nhất ]

Button dowload blogger đẹp, tạo button dowload blogger, nút dowload blogger đẹp, nút tải blogger 2016, Tạo nút download cho bài viết Blogger, Tạo nút download động bằng CSS3, code nút tải cho website, code nút tải cho blogspot

Button dowload blogger đẹp, tạo button dowload blogger, nút dowload blogger đẹp, nút tải blogger 2016, Tạo nút download cho bài viết Blogger, Tạo nút download động bằng CSS3, code nút tải cho blogspot

Nút dowload cho blogger đẹp với hiệu ứng css , cách thêm nút Download và Demo bằng css đẹp cho blogger. Tối ưu hóa thẻ heading

Đầu tiên các bạn tới Mẫu => tới Chỉnh sữa html => Rồi chèn code Vào phía dưới b:skin 
.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
Khi đăng bài mới, bạn chuyển qua phần  HTML  Code , copy code bên dưới và chèn link của bạn vào chỗ YOUR-LINK-THERE khi muốn tạo nút Download và Demo
<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

10/3/16

Tối ưu thẻ H1 Heading cho blogger 2016

Tối ưu thẻ H1 Heading cho blogger 2016

Tối ưu thẻ H1 Heading cho blogger 2016

Mặc định các thẻ Heading của blogspot sẽ hiện thị có có dạng

Thẻ heading trang chủ blogspot

<H1>Blog của bạn Tiêu đề </H1>
<H3>Tiêu đề tất cả bài viết</H3>
<H2>Các tiêu đề tiện ích bên cột Sidebar</H2>

Thẻ heading trang bài viết

<H1>Tiêu đề Blog</H1>
<H3>Tiêu đề bài</H3>
<H2>Các tiêu đề tiện ích bên cột Sidebar</H2>

Các thẻ trên hổ trợ seo blogger chưa chuẩn seo, do đó các bạn nên dùng template chuẩn seo để dễ lên top google.Bộ meta chuẩn seo xem tại đây

Người dùng thường search các từ khóa để xem các bài viết do đó template blogspot chuẩn SEO thì trang bài viết tiêu đề bài viết phải là thẻ H1, lúc đó tiêu đề blog sẽ chuyển về thẻ H2.Do đó bài viết này mình sẽ hướng dẫn các bạn tối ưu các thẻ heading này cho blogspot

Thẻ heading chuẩn SEO cho blogspot

Thẻ heading trang chủ blogspot

<H1> Tiêu đề Blog </H1>
<H2> Tiêu đề bài viết </H2>
<H4> Các tiêu đề tiện ích bên cột Sidebar </H4>


Thẻ heading trang bài viết

<H2> Tiêu đề Blog </H2>
<H1> Tiêu đề bài viết</H1>
<H4> Các tiêu đề tiện ích bên cột Sidebar </H4>

Tối ưu hóa blogger bằng thẻ H1

Nguồn : toilaquantri

4/3/16

Bộ thẻ meta seo blogger 2016

Bộ thẻ meta seo blogger 2016

Bộ meta seo blogger 2016

  1. Tối ưu hóa tiêu đề
  2. Tối ưu hóa ngôn ngữ
  3. Tối ưu hóa nhãn
  4. Tối ưu hóa lưu trữ
  5. Tối ưu hóa lỗi 404
  6. Tối ưu hóa mạng xã hội
  7. Tối ưu hóa index [ Submit ]
  8. Tối ưu hóa thiết bị di động
  9. Tối ưu hóa seo blogger 2016

 <!-- Bộ thẻ meta chuẩn seo anonsecvn.blogspot.com -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='TỪ KHÓA' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>
<link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/>
<link href='https://plus.google.com/GOOGLE+ID' rel='me'/>
<meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/>
<meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/>
<meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/>
<meta content='Sylhet, Bangladesh' name='geo.placename'/>
<meta content='TÊN BLOG CỦA BẠN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='Bangladesh' name='geo.country'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta name="language" content="english"/>
<meta content='TRANG CÁ NHÂN FACEBOOK' property='article:author'/>
<meta content='FANPAGE FACEBOOK' property='article:publisher'/>
<meta content='FACEBOOK-APP-ID' property='fb:app_id'/>
<meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/>
<meta content='Anonsec' name='twitter:site'/>
<meta content='Anonsec' name='twitter:creator'/>
<!-- Bộ thẻ meta chuẩn seo anonsecvn.blogspot.com -->