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

Thứ Tư, 13 tháng 3, 2013

Easy TVL - Responsive template


Chính thức ra mắt Easy TVL - Responsive template. Đúng như tên gọi của nó, template này mang một phong cách đơn giản, gọn nhẹ, tối ưu hóa tốc độ tải trang. Ngoài ra, template còn hỗ trợ chức năng tự động thay đổi kích thước cho phù hợp với thiết bị sử dụng (Responsive Design). Sau đây mình xin giới thiệu một số tính năng thú vị của Easy TVL
  1. Hiển thị tốt trên mọi thiết bị như các di động, máy tính bảng. Bạn có thể kiểm tra mức độ responsive của Easy TVL tại đây
  2. Hiển thị tốt trên IE nhưng không hỗ trợ chức năng responsive
  3. Auto readmore nhưng vẫn giữ được các thẻ html như in đậm, nghiêng, ghạch chân, và màu sắc ...
  4. Tự động lấy 3 widget trên cùng tại sidebar phải và gộp thành các tab để không chiếm diện tích blog và trông pro hơn
  5. Comment phân cấp mặc định của blogger với style bắt mắt phù hợp với giao diện blog và hỗ trợ chức năng chèn Emoticons cho comment
  6. Hỗ trợ bảng điều khiển chỉ hiển thị cho admin với các chức năng như đăng bài mới, chỉnh sửa HTML, chỉnh sửa bố cục và quản lý nhận xét...
  7. Hiển thị thống kê số lượng bài viết và comment cho blog
Và một số tính năng khác đang chờ bạn khám phá
Template vẫn đang trong giai đoạn thử nhiệm nên còn nhiều thiếu sót vì vậy mong mọi người góp ý nhiệt tình nha!

Download template


Download Easy TVL Template Demo For Easy TVL Template

Tùy Chỉnh

1.Bảng điều khiển cho admin:

Sau khi cài đặt template quay lại trang chủ của blog bạn sẽ thấy một widget Admin chạy dọc blog như sau
Click vào biểu tượng cờ-lê sau đó dán vào phần nội dung đoạn code sau:
<div style="text-align: center;"><span style="font-size: large;">

<a href="http://www.blogger.com/post-create.g?blogID=4053054262763327427">Đăng bài</a></span></div>

<div style="text-align: center;"><span style="font-size: large;">

<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#template" target="_blank">HTML</a></span></div>

<div style="text-align: center;"><span style="font-size: large;">

<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#pageelements" target="_blank">Bố cục</a></span></div>

<div style="text-align: center;"><span style="font-size: large;">

<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#publishedcomments/src=dashboard" target="_blank">Nhận Xét</a></span></div>
  • Thay toàn bộ 4053054262763327427 thành ID blog của bạn và lưu lại
Cách lấy ID blog
Vào blogger > Chọn blog bạn muốn lấy ID sau đó nhìn lên thanh trình duyệt web, ID sẽ có dạng như các con số được đóng khung ở hình bên dưới


2.Thiết lập hiển thị thống số lượng bài viết và comment cho blog
Tìm trong template đoạn code sau (tìm đoạn code được bôi màu xanh)
<script>function showpostcount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script>
<div id='count_blog'>
<a href='http://template.trollvl.com' target='_blank'><h2 class='count_comment'><script src='http://template.trollvl.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount'/><small>Comments</small></h2></a>
<a href='http://template.trollvl.com' target='_blank'><h2 class='count_post'><script src='http://template.trollvl.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount'/><small>Posts</small></h2></a>
</div>
Và thay đổi các dòng bôi màu vàng thành link blog của bạn
3.Tùy chỉnh menu bằng cách chỉnh sửa lại đoạn code sau trong template (tìm đoạn code được bôi màu xanh)
<nav id='nav'>       <ul id='menuhlng1'>
           <li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
           <li><a href='#'>About</a></li>
           <li><a href='#'>Archive</a>
<ul class='submenu hidden'>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul>
</li>
           <li><a href='#'>Comments</a></li>
       </ul>
    </nav>

theo Trollvl

Chủ Nhật, 10 tháng 3, 2013

Bộ mặt cười cho blogger comment với style của Noct-land

Yêu cầu của bạn Minh Khánh Bùi
Chèn Emoticons giống http://noct-land.blogspot.com thì làm cách nào được bác

Demo
Cũng vừa đúng lúc mình muốn sử dụng bộ mặt cười với style của Noct-land để áp dụng cho Easy TVL template - tác phẩm đầu tay của mình. 

Chèn code hiển thị mặt cười cho blog

Bước 1: Đăng nhập vào bloger → Mẫu → Chỉnh sửa HTML
Bước 2: Mở rộng mẫu tiện ích
Bước 3: Dán code bên dưới trước thẻ </body>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMRv7QP1Gkp54L5OUqNzFGRtP0j4VusTmIT6Egs3jGG8_qw1tqz4ae2W31Mi0TCgXR3KODA9nqsIc6CUch4WkkTCzeonEZ0EHDbchYV-f_Kh_tGNz6n5NPRdUG2Qsc9vBpDWn6k5zqjY2/s1600/sexy_girl.gif'/>");
theText = theText.replace(/:\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhESs1v0gzQZa3qmJ-AA4f03Mh3FTlYWQWjUuUueuQER54FTTXoYTwd3uXTJC40shr0iDeeo0zk3IrBKffmunJEBV-U5a60TpkGw1thvmgvYK1V3Qsmrrv210bpZ2_ZEkiWtgw31OMWU-P7/s1600/haha.gif'/>");
theText = theText.replace(/X-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPJQdDNrx2Ww5s7uC-zYUuPPccRsjx_b6oUXGI-QE2sK6Bc1OfG_C08QQFAtaVIkJIQ_SJB35Evwus8cA2kz3mq_diJ_s56CIO53Yn7QXX-Q8oSO-4wo1K8KsAwonrSEZ9O-eqP2QL3M5/s1600/angry.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Kw_6whR5HpbkZZaRvOXcdcwZ7WzYLkmEJsZHhqYXQn0DR_ul-EpX_55N75mz15X4vn_i59WmQzyMuHv8Lq_XbcIT0gZzI-ho0XPgpOdPaNmCRGAz67dDsGzvFb1mRvKDIbemjVli_kAM/s1600/too_sad.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4MBBei2vtyEqhbKq2alQaZx0YRIGR9XD05bvhyphenhyphensWSg2b-lBHJ0XNHIKj96t2RrP8kE3exn4eF5WqRhjJXf_2mKl1aGWcDMpZspC_IPq_YB9Y58VCWO12KrkYKqkcZ5yaHuacmD-kDdGK/s1600/beat_brick.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilU6SC9OhqHAt9t_sb3mRP44g6bEsW_6CeNCo4Ek9v6e1IjVL4fPe7r1c8t7o4OFlotEZjDW4kUV-wi5n1UGnadkDUXcg3IevxJUMt6zRQ-CZOJ1kd7QA1rXDmWPh0ry0YX8SGQ4RYc6i/s1600/beauty.gif'/>");
theText = theText.replace(/b-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9JqJagnO5q4u07ZcUL6ypfUHicdK0ZaPndKD5KEq7bwbplLGjIKc1CaiMlvY9Dbw-4DxTd1E1pf696pBTFwHR_2K8oD_jhaIxNNvb5pWYVVttWxONYKL-1Ki4oPsxrdoy7XIPXDnP-5_/s1600/boss.gif'/>");
theText = theText.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg53eBjbKnXiOEIr3xaZmWJRg_w3jiGyJDcBWw8q8xIKXHXMEV0dIHMji9Im3drlhcJjM1TNaqLZXwFzBnYYCO-hLF4Cq4ktZD6IWIgQLfyRiyWueCQyLKVUMKeKsCBeK2WXhyphenhyphenED_FWnoA9/s1600/big_smile.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYD_CStQzBv_sKzfM_3-QgxoALOhMRQlm4eliwIgEFE5oKj29hXQdIJjuXYO7GenzO-Wphqfu7TXxCvfAv9pUxrkuXnsMZ7A3MIJzpPliYqmuldLsewXXwMqauLgZbXwR-Ofui9EPUrFAQ/s1600/doubt.gif'/>");
theText = theText.replace(/:-&gt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DpHFtdhSDXgycxeBXyYUFAV6MKOaE53GSEbPQuCxDRTffvcr0c_qksV9fk8K_Yd43toXiNbcnCWHqOJuxQh_AZujSNjv5CDvHkNUIAUcc3yLSQa6MA2sPwxXppZuk57xVzVurcHosBRz/s1600/look_down.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd3QnyGgzDVsXby4nVgFpxjmfFA_EL6PQssUagGOQ-4w52BVJ_LgTUqm6ShuHST9BXQLtOvLUgaii3dOhGySoJZem4NCmOvZjiA4Wpvis1RWLjpW-EqULy4y232MVgtB4EXHJiQ3Dga4QC/s1600/oh.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dve28i7ZlQvR5Q7TqMo0l_l_2k9vAAVn_iTTX0gzhXAb9r70V7NyEP1hECz-NFjWp305bWlwkeTBy520-2Nzurz0CGfao52OBP1uiN8cN51Dqrj6Q3RiRuPu6LIUS71KC7v3eMATHCX9/s1600/smile.gif'/>");
theText = theText.replace(/\[-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAEr0bm59YgoS2JV1d7o9MrLohLOqPqz47BNHqW_RLyoFks8bEkNOGomnu_oMtN7J3LfgSgu8nRiLRvcijqIWFMzeSpibnEs8sF7SMvJMC7GNhEz0kqdxXi0E47cG5DED5OSBhF9lkmgV/s1600/nosebleed.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQD4hErsAJ31msA1zF6-ekfkP4upEBbFX58zwPj0wfp-Uzlfzbng1nxEBL-MyJBkgcC9zRSeKaHQGFuyG1VNBYEiJ2lETVyBlUdUDSuXoHRfrB3AOwfZ6NzRKBxBR2jT10TlofLLLfwiZP/s1600/ops.gif'/>");
theText = theText.replace(/:-s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJ731LQa7uRx-cHXMsxmp2hbUxu9jB27JOnaxeYHrccrt6TmcwAu-YMm6AY_ZNx7Wr6rsyEhXJ-Qt1JSKWO-oD_8uD03FD7v21s8sHLZ6IR-Zo3hSOpRoYXciWhmEARMrs-ppKVliyK9T/s1600/pudency.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEThGsfg_imyp-9obtmJW99hxtFFJh45SQU7BVFY1703UzzYcq5vmiqq46OQ7cKc9sCdT8PUl0_nJJuokBkfpwBLGbc8FQ4hAb0VgxvT6Y8sBu9pRYNq4ahoH_xPqXNlA66EQb1qSxKymg/s1600/sad.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUzM62MfT7cB1x7aV0sd8T5sjwRjERmQxUBKmCz8WRQWA6Oay_YLPeQpsMFWtF42fb6DSgEXNf2ZNk_2UEMkAiTvAGp-x5fp9vfLOQO_UmRQkNpithczvt9cZmTDjmE3yPxwMT4R9P01D8/s1600/still_dreaming.gif'/>");
theText = theText.replace(/:\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXsLEDcXBBmBxHQrhzDvmeAqconk6pTJT_tjiQQ4O6tF6cU454ds43pXJ8IpAG3e7RBzChaMNLgBn13voB7mBjO_9GoppTbfWK226wrfodXnUPXBWKmf2Q0HjM3OJusr031hv22USsv3FK/s1600/sweet_kiss.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
Bước 4: Đối với những blog sử dụng thread comment của blogger thì tìm code sau
bodyText = document.getElementById("emocomments");
Và thay thế bằng
bodyText = document.getElementById("comment-holder"); 
 Bước 5: Thêm thẻ bên dưới vào trước đoạn <b:loop values='data:post.comments' var='comment'> trong template của bạn
<div id='emocomments'>
Tìm thẻ đóng </b:loop> của đoạn code trên và thêm code bên dưới vào sau nó
</div>
 Sau khi thêm 2 đoạn code trên ta sẽ có như sau
Trong đó đoạn màu được bôi màu xanh là những code ta đã thêm vào

Hiển thị ký tự và mặt cười tương ứng trên blog

Bước 1: Tìm <data:blogTeamBlogMessage/> và dán ngay sau đoạn code cuối cùng bạn tìm được trong template đoạn code sau:
<h2 class='the-tooltip top left emo'>
Chèn Emoticons
<div class='comment_emo_list'>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhESs1v0gzQZa3qmJ-AA4f03Mh3FTlYWQWjUuUueuQER54FTTXoYTwd3uXTJC40shr0iDeeo0zk3IrBKffmunJEBV-U5a60TpkGw1thvmgvYK1V3Qsmrrv210bpZ2_ZEkiWtgw31OMWU-P7/s1600/haha.gif'/><span> :))</span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Kw_6whR5HpbkZZaRvOXcdcwZ7WzYLkmEJsZHhqYXQn0DR_ul-EpX_55N75mz15X4vn_i59WmQzyMuHv8Lq_XbcIT0gZzI-ho0XPgpOdPaNmCRGAz67dDsGzvFb1mRvKDIbemjVli_kAM/s1600/too_sad.gif'/><span> :((</span> </div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg53eBjbKnXiOEIr3xaZmWJRg_w3jiGyJDcBWw8q8xIKXHXMEV0dIHMji9Im3drlhcJjM1TNaqLZXwFzBnYYCO-hLF4Cq4ktZD6IWIgQLfyRiyWueCQyLKVUMKeKsCBeK2WXhyphenhyphenED_FWnoA9/s1600/big_smile.gif'/><span> :D </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEThGsfg_imyp-9obtmJW99hxtFFJh45SQU7BVFY1703UzzYcq5vmiqq46OQ7cKc9sCdT8PUl0_nJJuokBkfpwBLGbc8FQ4hAb0VgxvT6Y8sBu9pRYNq4ahoH_xPqXNlA66EQb1qSxKymg/s1600/sad.gif'/><span> :( </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMRv7QP1Gkp54L5OUqNzFGRtP0j4VusTmIT6Egs3jGG8_qw1tqz4ae2W31Mi0TCgXR3KODA9nqsIc6CUch4WkkTCzeonEZ0EHDbchYV-f_Kh_tGNz6n5NPRdUG2Qsc9vBpDWn6k5zqjY2/s1600/sexy_girl.gif'/><span> =)) </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4MBBei2vtyEqhbKq2alQaZx0YRIGR9XD05bvhyphenhyphensWSg2b-lBHJ0XNHIKj96t2RrP8kE3exn4eF5WqRhjJXf_2mKl1aGWcDMpZspC_IPq_YB9Y58VCWO12KrkYKqkcZ5yaHuacmD-kDdGK/s1600/beat_brick.gif'/><span> b-( </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dve28i7ZlQvR5Q7TqMo0l_l_2k9vAAVn_iTTX0gzhXAb9r70V7NyEP1hECz-NFjWp305bWlwkeTBy520-2Nzurz0CGfao52OBP1uiN8cN51Dqrj6Q3RiRuPu6LIUS71KC7v3eMATHCX9/s1600/smile.gif'/><span> :) </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUzM62MfT7cB1x7aV0sd8T5sjwRjERmQxUBKmCz8WRQWA6Oay_YLPeQpsMFWtF42fb6DSgEXNf2ZNk_2UEMkAiTvAGp-x5fp9vfLOQO_UmRQkNpithczvt9cZmTDjmE3yPxwMT4R9P01D8/s1600/still_dreaming.gif'/><span> :P </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd3QnyGgzDVsXby4nVgFpxjmfFA_EL6PQssUagGOQ-4w52BVJ_LgTUqm6ShuHST9BXQLtOvLUgaii3dOhGySoJZem4NCmOvZjiA4Wpvis1RWLjpW-EqULy4y232MVgtB4EXHJiQ3Dga4QC/s1600/oh.gif'/><span> :-o </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXsLEDcXBBmBxHQrhzDvmeAqconk6pTJT_tjiQQ4O6tF6cU454ds43pXJ8IpAG3e7RBzChaMNLgBn13voB7mBjO_9GoppTbfWK226wrfodXnUPXBWKmf2Q0HjM3OJusr031hv22USsv3FK/s1600/sweet_kiss.gif'/><span> :* </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJ731LQa7uRx-cHXMsxmp2hbUxu9jB27JOnaxeYHrccrt6TmcwAu-YMm6AY_ZNx7Wr6rsyEhXJ-Qt1JSKWO-oD_8uD03FD7v21s8sHLZ6IR-Zo3hSOpRoYXciWhmEARMrs-ppKVliyK9T/s1600/pudency.gif'/><span> :-s </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAEr0bm59YgoS2JV1d7o9MrLohLOqPqz47BNHqW_RLyoFks8bEkNOGomnu_oMtN7J3LfgSgu8nRiLRvcijqIWFMzeSpibnEs8sF7SMvJMC7GNhEz0kqdxXi0E47cG5DED5OSBhF9lkmgV/s1600/nosebleed.gif'/><span> [-( </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQD4hErsAJ31msA1zF6-ekfkP4upEBbFX58zwPj0wfp-Uzlfzbng1nxEBL-MyJBkgcC9zRSeKaHQGFuyG1VNBYEiJ2lETVyBlUdUDSuXoHRfrB3AOwfZ6NzRKBxBR2jT10TlofLLLfwiZP/s1600/ops.gif'/><span> @-) </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilU6SC9OhqHAt9t_sb3mRP44g6bEsW_6CeNCo4Ek9v6e1IjVL4fPe7r1c8t7o4OFlotEZjDW4kUV-wi5n1UGnadkDUXcg3IevxJUMt6zRQ-CZOJ1kd7QA1rXDmWPh0ry0YX8SGQ4RYc6i/s1600/beauty.gif'/><span> =d&gt; </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9JqJagnO5q4u07ZcUL6ypfUHicdK0ZaPndKD5KEq7bwbplLGjIKc1CaiMlvY9Dbw-4DxTd1E1pf696pBTFwHR_2K8oD_jhaIxNNvb5pWYVVttWxONYKL-1Ki4oPsxrdoy7XIPXDnP-5_/s1600/boss.gif'/><span> b-) </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYD_CStQzBv_sKzfM_3-QgxoALOhMRQlm4eliwIgEFE5oKj29hXQdIJjuXYO7GenzO-Wphqfu7TXxCvfAv9pUxrkuXnsMZ7A3MIJzpPliYqmuldLsewXXwMqauLgZbXwR-Ofui9EPUrFAQ/s1600/doubt.gif'/><span> :-? </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DpHFtdhSDXgycxeBXyYUFAV6MKOaE53GSEbPQuCxDRTffvcr0c_qksV9fk8K_Yd43toXiNbcnCWHqOJuxQh_AZujSNjv5CDvHkNUIAUcc3yLSQa6MA2sPwxXppZuk57xVzVurcHosBRz/s1600/look_down.gif'/><span> :-&gt; </span></div>
<div class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPJQdDNrx2Ww5s7uC-zYUuPPccRsjx_b6oUXGI-QE2sK6Bc1OfG_C08QQFAtaVIkJIQ_SJB35Evwus8cA2kz3mq_diJ_s56CIO53Yn7QXX-Q8oSO-4wo1K8KsAwonrSEZ9O-eqP2QL3M5/s1600/angry.gif'/><span> X-( </span></div>
</div>
</h2>
 Bước 2: Dán đoạn code bên dưới trước thẻ ]]></b:skin>
.the-tooltip {position: relative}
.the-tooltip :focus + :last-child, .the-tooltip:focus > :last-child, .the-tooltip:hover > :last-child {opacity: 1;-webkit-transition: 0.4s 0s;-moz-transition: 0.4s 0s;-ms-transition: 0.4s 0s;-o-transition: 0.4s 0s;transition: 0.4s 0s;visibility: visible}
.the-tooltip > :last-child {border: solid 1px;border-radius: 5px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;font-size: 17px;line-height: 1.5;opacity: 0;padding: 10px 20px;position: absolute;-webkit-transition: 0.2s 0s;-moz-transition: 0.2s 0s;-ms-transition: 0.2s 0s;-o-transition: 0.2s 0s;transition: 0.2s 0s;visibility: hidden;width: 250px;z-index: 999}
.the-tooltip.emo > :last-child{font-family: sans-serif;width:100%;margin-bottom:2px !important;padding:10px;background-color:#fff;border-color:#e3e3e3;color:#161d00;text-shadow:none}
.the-tooltip.emo > :last-child:after{border-color:#fff}
.the-tooltip.emo > :last-child:before{border-color:#d3d3d3}
.the-tooltip > :last-child * {max-width: 100%}
.the-tooltip > :last-child:after, .the-tooltip > :last-child:before {border: solid 11px;content: "";display: block;margin: 0 20px 0 20px;position: absolute}
.the-tooltip.left > :last-child{left:0}
.the-tooltip.left > :last-child:after,.the-tooltip.left > :last-child:before {left:10px}
.the-tooltip.right > :last-child {right:0}
.the-tooltip.right > :last-child:after, .the-tooltip.right > :last-child:before {right:0}
.the-tooltip.center > :last-child {left: -125px;margin-left: 50%;}
.the-tooltip.center > :last-child:after, .the-tooltip.center > :last-child:before {left: 50%;margin-left: -10px}
.the-tooltip.top > :last-child{bottom:100%;margin-bottom:15px}
.the-tooltip.top > :last-child:after {margin-top: -1px}
.the-tooltip.top > :last-child:after, .the-tooltip.top > :last-child:before {border-bottom-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;top: 100%}
.the-tooltip.top > :last-child:before {margin-top: 0px}
.the-tooltip.bottom > :last-child {margin-top: 15px;top: 100%;}
.the-tooltip.bottom > :last-child:after {margin-bottom: -1px;}
.the-tooltip.bottom > :last-child:after, .the-tooltip.bottom > :last-child:before {border-left-color: transparent !important;border-right-color: transparent !important;border-top-color: transparent !important;bottom: 100%;}
.the-tooltip.bottom > :last-child:before {margin-bottom: 0px;}
.the-tooltip.auto-width > :last-child {white-space: nowrap;width: auto}
.the-tooltip.full-width > :last-child {left: 0;margin-left: 0;width: 100%}
.comment_emo {max-width: 40px;max-height: 40px;vertical-align: middle}
.comment_emo_list .item{float:left;padding:0 10px 10px;text-align:center}
.comment_emo_list span{display:block;font-weight:bold;font-size:13px;letter-spacing:1px}

  • Do cấu trúc mỗi template một khác nên cách thực hiện có thể khác nhau một chút nên trước khi thực hiện nhớ lưu lại template và trong quá trính thực hiện hãy tùy biến một chút cho phù hợp
  • Nhược điểm của bộ mặt cười này là chỉ hiển thị khi đã có 1 comment, mình sẽ tìm cách khắc phục sau

4 yếu tố cần đa dạng hóa trong chiến lược SEO 2013



4 yếu tố cần đa dạng hóa trong chiến lược SEO 2013
Vậy làm thế nào để có thể bảo vệ các thành quả mà các bạn đã xây dựng trong năm 2012? SEO 2013 sẽ rất khác so với những gì đã diễn ra trong thế giới SEO năm 2012, bạn cần phải thay đổi...
Như chúng ta đã biết trong năm 2012, Google không thích các nội dung bị trùng lặp, các liên kết có giá trị thấp. Google đã cập nhật Penguin, Panda và đã thông báo về việc giảm sức mạnh của domain key. Thực tế là tôi chỉ có thể thống kê một cách chính xác các thuật toán của Google đã update chứ không thể nào cho các bạn biết các thay đổi tiếp theo của Google là gì? Vậy làm thế nào để có thể bảo vệ các thành quả mà các bạn đã xây dựng trong năm 2012? Và trong năm 2013 liệu có sự thay đổi nào từ Google không?

Tôi nhận ra rằng hầu như tất cả SEOer tại Việt Nam cũng như thế giới đều đang có sự thay đổi rất mạnh trong chiến lược làm SEO. Tại bài viết này tôi sẽ chia sẻ với các bạn 4 yếu tố cần đa dạng trong chiến lược SEO 2013

1. Đa dạng hóa Anchor Text

Hãy bắt đầu với việc đơn giản nhất. Chúng tôi đã góp ý rất nhiều về việc không nên sử dụng cùng một anchor text một cách quá nhiều cho 1 liên kết, và khi Google cập nhật thuật toán Penguin chắc chắn đã củng cố thêm thông điệp đó của tôi. Nếu tất cả các liên kết của bạn đều được sử dụng bằng một anchor text bạn sẽ nhanh chóng bị Google cho rằng bạn đang Spam.

Tất cả các anchor text không phải tự nhiên thì sẽ không có ích cho trang web của bạn, và bạn có biết điều đó? Bạn có muốn tìm hiểu cách làm nào sẽ giúp cho các neo văn bản của bạn có vẻ "tự nhiên" hơn? Hãy đặt các anchor text vào trong các ngữ cảnh phù hợp, không nên "cố ý" chèn anchor text vào văn bản một cách vô nghĩa. Anchor text là một yếu tố vô cùng quan trọng để giúp từ khóa của bạn lên TOP, tuy nhiên nếu bạn cố tình spam anchor text bạn sẽ khó thoát khỏi các hình phạt của Google trong năm 2013.

2. Đa dạng hóa liên kết của bạn

Những backlink bạn có được từ các bài viết đăng trên diễn đàn hầu hết đều rất có ích, tuy nhiên nếu không cẩn thận sẽ là một mầm họa cho các bạn. Bất kỳ chiến thuật xây dựng liên kết nào bạn đang áp dụng cũng có thể là chất lượng thấp nếu bạn lạm dụng nó. Ví dụ bạn có một bài viết rất hay có những liên kết rất hữu ích cho trang web của bạn, tuy nhiên bạn hoặc ai đó đọc và chia sẻ, xuất bản lên hàng ngàn trang web. Sau đó, bạn sẽ tự hỏi tại sao thứ hạng của họ giảm?

Xây dựng liên kết là một công việc không hề đơn giản. Nếu bạn chỉ trông chờ vào việc sử dụng phần mềm phát triển liên kết, các chiến thuật quá dễ dàng như comment trên các diễn đàn, blog... sẽ thật khó để bạn có thể cạnh tranh các vị trí cao trên bảng xếp hạng của Google và cũng rất dễ bị Google phạt nếu bạn xây dựng không đúng cách. Vì vậy, hãy kiểm soát lại toàn bộ liên kết của bạn đã làm trong năm 2012 và cố gắng xây dựng một cái gì đó tươi mới hơn trong năm 2013. Đa dạng hóa các hồ sơ của bạn sẽ là cách giúp bạn đa dạng hóa các rủi ro gặp phải trong quá trình xây dựng liên kết.

3. Đa dạng hóa Nguồn lưu lượng

Hầu hết chúng ta đang quá phụ thuộc vào lượng truy cập từ Google. Bạn sẽ làm gì nếu có sự thay đổi bất ngờ sau một đêm? Tất cả các chiến thuật SEO của tôi đều thuộc trường phái SEO mũ trắng và tôi làm theo các quy tắc quản trị web của Google 100%, còn bạn bạn thuộc trường phái SEO nào? Giả sử rằng bạn hiểu rõ các quy tắc của Google và thực sự thực hiện theo các tiêu chí của Google đưa ra, tuy nhiên điều gì sẽ xảy ra nếu Google thay đổi thuật toán đó?

Càng nghiên cứu các thuật toán, tôi nhận ra rằng Google càng ngày càng quan tâm tới các cảm nhận của người dùng cũng như giao diện có tính thẩm mỹ cao, thậm chí có thể còn quan trọng hơn các thuật toán cốt lõi. Điều gì sẽ xảy ra nếu đối thủ cạnh tranh của bạn đột nhiên xuất hiện trên vị trí của bạn, hoặc bạn đang TOP10 còn trên SERP giảm xuống chỉ còn 9 kết quả, hoặc đối thủ của bạn chạy quảng cáo Google Adwords rất nhiều để thu hút truy cập còn bạn có thể không khả năng chi trả?

Bạn cần phải nghĩ xa hơn Google. Tôi biết đó là khó khăn, và nó sẽ mất thời gian cũng như tiền bạc, nhưng nếu tất cả nguồn truy lượng truy cập của bạn đều từ Google bạn đang có nguy cơ rủi ro rất cao.

Chính vì thế, hay cố gắng tìm các nguồn lưu lượng từ nhiều kênh khác, đừng chỉ trông chờ từ Google (mặc dù Google là kênh quan trọng nhất). Hãy tích cực hoạt động quảng bá thương hiệu cũng như hình ảnh của bạn trên các diễn đàn, blog, website khác. Hãy cố gắng không bị phụ thuộc vào Google.

4. Đa dạng hóa các quan điểm của bạn

Trong năm 2013, công việc làm SEO sẽ khó khăn và nhàm chán hơn trước đây rất nhiều. Nếu bạn đang chán bởi những việc bạn đang làm, rất có thể khách hàng của bạn cũng cảm thấy như vậy. Hãy dành thời gian để thư giãn và thử đặt mình vào vị trí của người dùng khi đang tìm kiếm thông tin trên Internet và đang cố gắng tìm kiếm thông tin nào đó, làm vậy bạn sẽ có thêm nhiều ý tưởng giúp bạn tối ưu trang web của bạn thân thiện với người dùng hơn, và chắc chắn Google cũng thích như vậy.

Tóm lại:

Để có thể chiến lược SEO 2013 thành công, bạn cần phải đổi mới và đa dạng hóa các phương pháp làm SEO hiện tại. Hãy hướng tới người dùng nhiều hơn, và chắc chắn rằng Google cũng như người dùng luôn yêu thích những trang web chứa nhiều nội dung hữu ích, mang lại trải nghiệm tốt cho người dùng.

Trên đây là 4 quan điểm của tôi về chiến lược SEO 2013, vậy còn bạn? Bạn có quan điểm nào không? Hãy chia sẻ bằng các bình luận bên dưới nhé.
Tác giả: Lê Nam (vietmoz.ne)

Thứ Năm, 7 tháng 3, 2013

TẠO TAB CHO BLOG (MẪU 4)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện hành sẽ đổi màu khác biệt so với các TAB khác...
Thủ thuật này cũng khá đơn giản.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)







Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head>  và dán tất cả code phía dưới trên lệnh </head> và bấm Lưu mẫu.







<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
    $(document).ready(function() {
        $("#tabs").tabs();
    });
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/sunny/jquery-ui.css" type="text/css" />




Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.






<div id="tabs">
<ul>
<li><a href="#tabs-1">Tiêu đề tiện ích 1</a></li>
<li><a href="#tabs-2">Tiêu đề tiện ích 2</a></li>
<li><a href="#tabs-3">Tiêu đề tiện ích 3</a></li>
</ul>
<div id="tabs-1">Nhập nội dung tiện ích 1 vào đây</div>
<div id="tabs-2">Nhập nội dung tiện ích 2 vào đây</div>
<div id="tabs-3">Nhập nội dung tiện ích 3 vào đây</div>



Bây giờ, bạn có thể thay tên hiển thị và dán nội dung của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.

Thứ Ba, 5 tháng 3, 2013

Cách dùng Google Site dể chứa file CSS


Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/
Hostting free để chứa các file javarscrip luôn là nỗi chăn trở của các blogger ít kinh phí. Ngoài tính miễn phí ra thì phải đảm bảo về tốc dộ, giới hạn banwith là bao nhiêu. namkna đã từng giới thiệu cho các bạn 2 dịc vụ chất lượng tương đối tốt là google code tuy nhiên nó chỉ có thẻ lưu trữ được các file .Js còn các file .CSS thì không lưu được. Hôm nay namkna sẽ giới thiệu cho các bạn chách dùng google site để lưu trữ file CSS.

1. Đầu tiên, bạn truy cập vào trang: https://sites.google.com/?hl=vi&pli=1
- Và đăng nhập bằng tài khoản Gmail của mình. Bước kế tiếp, bạn tạo cho mình một trang Web mới (chủ yếu để mình upload file .CSS nên bạn không cần chú ý đến giao diện hoặc bố cục của trang Web này).
Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/
Ấn vào hình để phóng to
Bạn điền đầy đủ thông tin để tạo một trang web mới
Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/
Bám vào hình để phóng to
Sau khi tạo được trang Web mới, bạn đăng nhập vào trang Web bấm chọn thẻ Tác vụ khác và chọnQuản lý trang Web.
Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/
Bấm vào hình để phóng to
Tiếp theo một trang mới xuất hiện, bạn chọn mục Tài liệu đính kèm nằm ở khung bên trái của trang Web.
Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/
Bấm vào hình để phóng to
Kế tiếp, bạn bấm thẻ Tải lên ở menu trên cùng để upload file flash , bạn chờ vài giây sau khi thành công thì file CSS sẽ hiện ở khung bên tay phải đi kèm theo là tên của file CSS và thời gian upload...Bây giờ bạn bấm vào chữ Xem để xem và lấy link.
Cach dung Google Site de chua file CSS - http://namkna.blogspot.com/

 - Như vậy bạn đã có 1 host chứa code không giới hạn banwith rùi đó.
- Ngoài google site bạn cũng có thể dùng Dropbox để lưu trữ file CSS và Js tuy nhiên trang đó cho phép giới hạn banwith 1 ngày là 10G.
Chúc thành công!

Labels

111 am-nhac An ninh Xã hội arsenal Aston Villa ban-tre barca Barce Bayern ben-le bóng đá bong-da-24h ca nhạc ca nhạc Âu Mỹ Ca Nhạc Châu Á ca nhạc việt nam cac-loai-kem cac-loai-pho cac-mon-xoi Cặp Đôi Hoàn Hảo Champions League chelsea Chém Chuối Cuối Tuần Chuyện Công Sở Chuyển Nhượng Cine Clip Game clip-vui cong-nghe Cô Gái Đại Dương Công Nghệ dac-san Dạy nấu ăn dien-anh Dinh dưỡng bà bầu Dinh_Duong_Ba_Bau Do_uong Download Du Thien Đẹp Fulham Funny Giải Trí giai-tri giam-stress giao-duc Girl Xinh Gương Mặt Thân Quen Hài Hài Tết 2013 hình ảnh đẹp Juventus khoa-hoc khoa-hoc-cong-nghe kim-chi Kinh Tế kinh-te La Liga Làm đẹp lập trình Leeds Liverpool Mach_Nho man city messi Milan Mon_Bo Mon_Canh_Ngon Mon_Ga Mon_Vit mon-an-tot-cho-suc-khoe mon-an-vat mon-banh mon-ca mon-chao mon-chay mon-che mon-chien mon-dua-muoi mon-goi mon-hai-san mon-heo mon-khac mon-lau mon-luon mon-nem mon-ngon-tu-dau-phu mon-nom mon-oc mon-salad mon-suon mon-tom mon-trung mon-xao mu Newcastle Ngoại Tình nhip-song-tre oto-xe-may phap-luat Phim Phim ảnh Phim Âu Mỹ Phim Châu Á Phim Việt Nam Premier League QPR Reading Real Ronaldo Rooney Serie A Sevilla Siêu Kinh Điển Sinhk33 Southanpton Stoke suc-khoe Sunderland Swansea Tài Chính tam-su Tevez the-gioi the-thao Thị Trường Thiên Trường - Địa Hải thit-ech thoi-trang Thơ Tình Thời trang thủ thuật thủ thuật blog Thư Tình Tin Game tin trong nước tin tức tin tức quốc tế tin-tuc tin-tuc-sao Tình Yêu tottenham Truyền Hình Truyện ngắn Tự học HTML 5 Valencia Van Persie Video video-huong-dan Wigan xa-hoi