Làm thế nào để thêm Facebook Pixel vào Blogspot?

Có phải bạn đang gặp khó khăn khi không thể thêm <b>Facebook Pixel</b> vào trang <b><a href="http://www.tranbadat.info/search/label/Blogspot">Blogspot</a></b> của mình để theo dõi đối tượng người dùng của blog? Không sao, ở bài viết này mình sẽ hướng dẫn các bạn cách khắc phục vấn đề không thêm được <i>Facebook Pixel vào Blogspot</i> cũng như chi tiết hướng dẫn thêm Facebook Pixel vào blog của bạn.<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Làm thế nào để thêm Facebook Pixel vào Blogspot?" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4NtIUPsm1K2v8pvOI-1QgApzWDQV306Xj918fX-ou5HK1oMCIZgCpy0nfASxbPp-6i5sriQLvRNrripH6d9etkCOCoaJdxwDsuLAUWvdXhaZ_aU5x6JoCgnVsvokSAkB1GI69V-xK1waF/s1600/pixel-facebook-for-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Làm thế nào để thêm Facebook Pixel vào Blogspot?"></td></tr><tr><td class="tr-caption" style="text-align: center;">Thêm Pixel Facebook cho Blogspot</td></tr></tbody></table><a href="http://www.tranbadat.info/2016/04/lam-nao-de-them-facebook-pixel-vao-blogspot.html#more">Read more »</a>

Làm thế nào để thêm Facebook Pixel vào Blogspot?

Có phải bạn đang gặp khó khăn khi không thể thêm Facebook Pixel vào trang Blogspot của mình để theo dõi đối tượng người dùng của blog? Khô...

Đọc thêm »

Hướng dẫn hiển thị đúng số bài viết ở trang chủ Blogspot

Có phải bạn đang gặp phải lỗi <i><a href="http://www.tranbadat.info/search/label/Blogspot" target="_blank">Blogspot</a> không hiển thị đúng số bài viết ngoài trang chủ</i> không? Như bạn cài đặt là hiển thị 6 bài viết nhưng khi kiểm tra ở trang chủ thì số bài viết hiển thị chỉ là 1-5.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn hiển thị đúng số bài viết ở trang chủ Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIFiMaXIDuNQ7t-pXdfeHuDYrrJkY9fTKp1n1ll0luUV6BpgN9FjkhUufVFYaacpiR0pCC2PRbPeYRvJqpf8Dckzd8Fgi-JNXuKwzmMry_Fai7Ufyg2DybF6X2Hl2INkwLaHqgKPYZZ_Le/s1600/hien-thi-dung-so-bai-viet.jpg" title="Hướng dẫn hiển thị đúng số bài viết ở trang chủ Blogspot"></div><a href="http://www.tranbadat.info/2016/04/huong-dan-hien-thi-dung-so-bai-viet-o-trang-chu-blogspot.html#more">Read more »</a>

Hướng dẫn hiển thị đúng số bài viết ở trang chủ Blogspot

Có phải bạn đang gặp phải lỗi Blogspot không hiển thị đúng số bài viết ngoài trang chủ không? Như bạn cài đặt là hiển thị 6 bài viết nhưng...

Đọc thêm »

Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot

Hôm nay là ngày 30-12-2015 rồi, 1 ngày nữa là sang năm mới tức là tết tây; ngoài ra nay cũng đã là cuối tháng 11 âm, còn hơn 1 tháng nữa là tới Tết của người Việt chúng ta. Không khí tết rộn ràng thì ai cũng thích, và cũng là lúc mọi người tranh thủ thời gian đi ngắm pháo hoa tại các địa điểm trên cả nước.<br><div><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsWyM5cxYuNW7MlvqMWgWd8l3o7QK6LReDOvid3gWmeMNO6lFQkRaEcJ6m_eFEhITTsZXCNFr9HusYR3H1SpSTfels1kXdTy9ZVal8XGOQB2S4zVsgHBq8SYY5wIRUSgWFkWrQCogMK-Ga/s1600/tao-phao-hoa-cho-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot"></td></tr><tr><td class="tr-caption" style="text-align: center;">Cách tạo pháo hoa cho Blogspot</td></tr></tbody></table></div><a href="http://www.tranbadat.info/2015/12/huong-dan-tao-phao-hoa-mung-nam-moi-cho-blogspot.html#more">Read more »</a>

Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot

Hôm nay là ngày 30-12-2015 rồi, 1 ngày nữa là sang năm mới tức là tết tây; ngoài ra nay cũng đã là cuối tháng 11 âm, còn hơn 1 tháng nữa là ...

Đọc thêm »

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

Ngày càng đến gần ngày Noel, không khí ngày càng lạnh. Thành phố Hồ Chí Minh nay trời âm u cả ngày, ra đường se se lạnh mang cho con người ta cảm giác Giáng sinh đang đến gần.<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Tạo giàn chuông Giáng sinh trang trí cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpsQox1nSLoGX2XSjKzwa77TTaqmu33AiYcZlRRbZAmOD5ARnwDi4oY0fAcZsQA9G7Y_gABR3FeB3ktjGuqasbxTpjp5mSz1VBI3PXIr2uxuoJevJvYYsQddsnzxZ6tj1Qbh9JcA1wXA9f/s1600/gian-chuong-giang-sinh-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Tạo giàn chuông Giáng sinh trang trí cho Blogspot"></td></tr><tr><td class="tr-caption" style="text-align: center;">Tạo giàn chuông Giáng sinh trang trí cho Blogspot</td></tr></tbody></table><a href="http://www.tranbadat.info/2015/12/tao-gian-chuong-giang-sinh-trang-tri-cho-blogspot.html#more">Read more »</a>

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

Ngày càng đến gần ngày Noel, không khí ngày càng lạnh. Thành phố Hồ Chí Minh nay trời âm u cả ngày, ra đường se se lạnh mang cho con người t...

Đọc thêm »

Trang trí giáng sinh với Ông già Noel cho Blogspot

Trời dần chuyển lạnh như đang chào đón những ngày Noel sắp đến. Chúng ta đã dần cảm thấy cuộc sống xung quanh như đang chuẩn bị chào đón ngày Giáng sinh này. Các bạn có thể thấy ở rất nhiều cửa hàng, trung tâm thương mại đã trang hoàng để chào đón giáng sinh. Đó là ở bên ngoài, bước lên mạng internet, sẽ không có gì lạ khi bắt gặp những trang web đã thay đổi một giao diện tràn ngập giáng sinh. Vậy những Blogger như chúng ta cũng phải theo cho kịp xu thế chứ?<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Trang trí giáng sinh với Ông già Noel cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VL7fZNUBjXvWdqz0PsSSQw_pMwuMvAHW9ABzPpFUv1O0PIlLUcDOJjXBzSeCgkS_JC8G4tSkwsWdMHRHM6-DGZ6LFK8RGUvshP1jubNTGrQtgVBSfwTLfs784-RiiiwLvjyF2m4QMJPm/s1600/ong-gia-noel-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Trang trí giáng sinh với Ông già Noel cho Blogspot"></td></tr><tr><td class="tr-caption" style="text-align: center;">Tạo ông già Noel bay trong Blogspot</td></tr></tbody></table><a href="http://www.tranbadat.info/2015/12/trang-tri-giang-sinh-voi-ong-gia-noel-cho-blogspot.html#more">Read more »</a>

Trang trí giáng sinh với Ông già Noel cho Blogspot

Trời dần chuyển lạnh như đang chào đón những ngày Noel sắp đến. Chúng ta đã dần cảm thấy cuộc sống xung quanh như đang chuẩn bị chào đón ngà...

Đọc thêm »

Cách tạo tuyết rơi cho Blogspot đón mừng Giáng sinh

<div class="tr_bq">Giáng sinh cũng sắp đến rồi, không khí Noel cũng tràn ngập các con đường ở những thành phố lớn. Và cũng rất nhiều website, đã thay đổi để tạo nên một không khí noel hòa cùng với cuộc sống. Dù sự thay đổi đó là lớn như thay đổi hoàn toàn giao diện web, hay chỉ nhỏ và đơn giản như tạo tuyết rơi.</div><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách tạo tuyết rơi cho Blogspot đón mừng Giáng sinh" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JZv2E7jAO6D6tYGzpQUkYdkxwC_TD1esnt9qoU5SWc_cCfwe0iEiSbxcJ6Pz7oFjjbXl8bKfCXGchrudK90nFPv6E92_mBVh77tsQXC7Hbzo-rEjSm8BTMX8TrnjylFMTxA1OKdfXMKO/s1600/tao-tuyet-roi-cho-blogspot.jpg" title="Cách tạo tuyết rơi cho Blogspot đón mừng Giáng sinh"></div><a href="http://www.tranbadat.info/2015/12/cach-tao-tuyet-roi-cho-blogspot-don-mung-giang-sinh.html#more">Read more »</a>

Cách tạo tuyết rơi cho Blogspot đón mừng Giáng sinh

Giáng sinh cũng sắp đến rồi, không khí Noel cũng tràn ngập các con đường ở những thành phố lớn. Và cũng rất nhiều website, đã thay đổi để tạ...

Đọc thêm »

Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot

Bạn tham gia MMO và muốn tìm <b>cách tạo widget cố định khi cuộn trang</b> cho <a href="http://www.tranbadat.info/search/label/Blogspot">Blogspot</a> của mình để tăng tỉ lệ click? Hay bạn muốn hướng người đọc đến những nội dung nổi bật của website mình bằng cách cố định một phần widget của mình khi cuộn trang nhằm gây chú ý cho người đọc?<br><div><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq2LlMxvyyKqolGoUvajOBcd262cTL4SDrejZd6VBeHoU1hHWG2DQRXRWOEp22BWB0zwGXGoQGKWbafvp3us169bM9MoToFIoBMaZIwiEqsYRQm1vqACq_7gMeEMSdLHMAEsbMQnCp7O6K/s1600/tao-widget-co-ding-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot"></td></tr><tr><td class="tr-caption" style="text-align: center;">Hướng dẫn tạo widget cố định khi cuộn trang</td></tr></tbody></table></div><a href="http://www.tranbadat.info/2015/12/tao-widget-co-dinh-sticky-widget-khi-cuon-trang.html#more">Read more »</a>

Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot

Bạn tham gia MMO và muốn tìm cách tạo widget cố định khi cuộn trang cho Blogspot của mình để tăng tỉ lệ click? Hay bạn muốn hướng người đọ...

Đọc thêm »

Cách tạo RSS Feedburner và thêm Feed vào Blogspot

<b>RSS hay Feedburner</b> là nguồn cấp dữ liệu miễn phí được Google cung cấp giúp các webmaster có thể quảng bá, quảng cáo, tối ưu hóa cũng như kiếm thêm thu nhập từ quảng cáo.<br><br>Cùng với đó, RSS hay Feed là rất cần thiết cho một website. Ví dụ, chúng ta có thể sử dụng RSS hay Feed để sử dụng làm một nguồn cấp dữ liệu qua mail cho những người dùng đăng ký. Ở bài viết trước <b>_CTPG_</b> có hướng dẫn các bạn cách tạo hộp mail để người dùng theo dõi qua email, các bạn có thể xem <a href="http://www.tranbadat.info/2015/11/huong-dan-tao-hop-feedburner-theo-doi-qua-email.html"><b><span style="color: blue;">tại đây</span></b></a>. Đó chính là một ứng dụng của <i>RSS - Feed</i>.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách tạo RSS Feedburner và thêm Feed vào Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijU6J2XGRppb3DoBYU6X7VahilY3NX5UAQ_bf3aZIJ5w4cfD-mzgdCYW_TgSnLB0N8kNGxscQaRyp1BGXEe-TFK1HHDZOXtdJS_gHG53CL3lt0NF3K2p8Gdh4S53lxRL7vtL2eCpOi3Vpz/s1600/tao-rss-feedburner.jpg" title="Cách tạo RSS Feedburner và thêm Feed vào Blogspot"></div><a href="http://www.tranbadat.info/2015/12/cach-tao-rss-feedburner-va-them-feed-vao-blogspot.html#more">Read more »</a>

Cách tạo RSS Feedburner và thêm Feed vào Blogspot

RSS hay Feedburner là nguồn cấp dữ liệu miễn phí được Google cung cấp giúp các webmaster có thể quảng bá, quảng cáo, tối ưu hóa cũng như ki...

Đọc thêm »

Hướng dẫn tạo hộp Feedburner theo dõi qua email

Nhiều bạn thường xuyên hỏi <b><a href="http://www.tranbadat.info/">_CTPG_</a></b> cách tạo <b>hộp Feedburner theo dõi qua email</b> như ở thanh sidebar của mình. Hộp theo dõi qua email này nhìn rất đơn giản nhưng không kém phần đẹp mắt và hiệu quả.<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Hướng dẫn tạo hộp Feedburner theo dõi qua email" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWOPeIryc6LWvtoPnbttboFF3Y7UZC8ffqbzc1yOaOA3iEgJcuXrSvlHChozKQz8UfZvE4mnKYs8VHZKYT-rvQqX7UclKQzRGtoNzLQ1CbOwsmmRW1Wy3c0J1CNztF1EOhWqSMVjh7euoO/s1600/hop-theo-doi-qua-email.jpg" style="margin-left: auto; margin-right: auto;" title="Hướng dẫn tạo hộp Feedburner theo dõi qua email"></td></tr><tr><td class="tr-caption" style="text-align: center;">Hướng dẫn tạo hộp Feedburner theo dõi qua email</td></tr></tbody></table><a href="http://www.tranbadat.info/2015/11/huong-dan-tao-hop-feedburner-theo-doi-qua-email.html#more">Read more »</a>

Hướng dẫn tạo hộp Feedburner theo dõi qua email

Nhiều bạn thường xuyên hỏi _CTPG_ cách tạo hộp Feedburner theo dõi qua email như ở thanh sidebar của mình. Hộp theo dõi qua email này nhìn...

Đọc thêm »

Hướng dẫn tối ưu label thành một bài viết cho Blogspot

Mặc dù label của Blogspot theo nhiều người dùng thì rất khó tối ưu và gần như không SEO được. Tuy nhiên, đó chỉ là vấn đề bó hẹp với kiến thức của họ mà thôi. Bạn vẫn có thể <i>tối ưu label</i> tốt, thậm chí biến label của Blogspot thành một bài viết, dễ dàng chỉnh sửa và tối ưu.<br><br>Ở bài viết trước, <b>_CTPG_</b> đã hướng dẫn các bạn cách tối ưu label bằng cách <i>tối ưu tiêu đề và tối ưu mô tả</i> cho các label. Các bạn có thể xem ở đây: <a href="http://www.tranbadat.info/2015/08/toi-uu-seo-blogspot-cho-label-cuc-don-gian.html"><span style="color: blue;">http://www.tranbadat.info/2015/08/toi-uu-seo-blogspot-cho-label-cuc-don-gian.html</span></a> . Nhưng nếu với chỉ nhiêu đó, thì bạn cần một lượng backlink lớn hay SEO một từ khóa dễ mới có thể đưa các label này lên top dễ dàng.<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Tối ưu SEO Blogspot - Tối ưu label thành một bài viết" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgDg_NoS4NCye2jPywkV-1tox1a2OI6dsc393nUuGrbKqZiTH5KR0ZHa3EOvrl57EySDwDWHXclhsgfDFc7RHLT0KsVRGynuUDgynZRVkqg34OaFZmRwi8B0CcvmxhKkMyA1mqT8Z8i29y/s1600/toi-%25C6%25B0u-label-thanh-mot-bai-viet-blogspot-1.jpg" style="margin-left: auto; margin-right: auto;" title="Hướng dẫn tối ưu label thành một bài viết cho Blogspot"></td></tr><tr><td class="tr-caption" style="text-align: center;">Tối ưu label thành một bài viết</td></tr></tbody></table><a href="http://www.tranbadat.info/2015/11/huong-dan-toi-uu-label-thanh-mot-bai-viet-trong-blogspot.html#more">Read more »</a>

Hướng dẫn tối ưu label thành một bài viết cho Blogspot

Mặc dù label của Blogspot theo nhiều người dùng thì rất khó tối ưu và gần như không SEO được. Tuy nhiên, đó chỉ là vấn đề bó hẹp với kiến th...

Đọc thêm »

Cách tùy chỉnh quảng cáo Adsense trên giao diện mobile

<b>Cách tùy chỉnh hiển thị quảng cáo trên giao diện Mobile trên Blogspot</b>? là câu hỏi được rất nhiều bạn giúp mình giải đáp. Do thời gian gần đây hơi bận nên chưa viết hướng dẫn được, hôm nay có rảnh tí nên viết bài này để hướng dẫn các bạn <b><a href="http://www.tranbadat.info/search/label/Google-Adsense">tối ưu quảng cáo Google Adsense</a></b> trên cả giao diện Mobile.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách tùy chỉnh quảng cáo Adsense trên giao diện mobile" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7bnyQUN-nhT-ZhLNTq8rWG30PCwydzw_fkQmS1pNtl91RyO5EuzxuLo_Txyoa3xZLcxD7LDEC7T05KhyEpDTk3km5NyUDr8VEIm2H0FdQ11SPbe_MWEZJc4K-7guyboe1t8E4BM-eqqzR/s1600/toi-uu-adsense-cho-mobile.jpg" title="Cách tùy chỉnh quảng cáo Adsense trên giao diện mobile"></div><a href="http://www.tranbadat.info/2015/11/cach-tuy-chinh-quang-cao-adsense-tren-mobile.html#more">Read more »</a>

Cách tùy chỉnh quảng cáo Adsense trên giao diện mobile

Cách tùy chỉnh hiển thị quảng cáo trên giao diện Mobile trên Blogspot ? là câu hỏi được rất nhiều bạn giúp mình giải đáp. Do thời gian gần đ...

Đọc thêm »

Cách khắc phục ảnh bị lỗi do VNPT chặn bằng Javascript

Ở bài viết <b><a href="http://www.tranbadat.info/2015/07/cach-hien-thi-anh-blogspot-du-bi-vnpt-chan.html">Cách hiển thị ảnh Blogspot bị VNPT chặn</a></b>, _CTPG_ đã hướng dẫn các bạn cách xử lý vấn đề bị chặn ảnh bởi nhà mạng này một cách thủ công. Tuy nhiên, cách này chỉ nên được áp dụng nếu bạn tự quản lý được hình ảnh post ở Blogspot.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách khắc phục ảnh bị lỗi do VNPT chặn bằng Javascript" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjaZOOW79sDeMZK3pKGU2Odi3KhiSnCmJ-VBWvoS6zxoG_ZdmX_EggZ7R8KX7ZYKNmYhJkAadDpJD_B5vbjdF54_JWTwyyRTgr5H5PmAWNxmfI2FiQNL__HUWDNcwyfA4-zya3tiek9Kgz/s1600/khac-phuc-anh-bi-chan-blogspot.jpg" title="Cách khắc phục ảnh bị lỗi do VNPT chặn bằng Javascript"></div><a href="http://www.tranbadat.info/2015/11/cach-khac-phuc-anh-bi-loi-do-vnpt-chan.html#more">Read more »</a>

Cách khắc phục ảnh bị lỗi do VNPT chặn bằng Javascript

Ở bài viết Cách hiển thị ảnh Blogspot bị VNPT chặn , _CTPG_ đã hướng dẫn các bạn cách xử lý vấn đề bị chặn ảnh bởi nhà mạng này một cách thủ...

Đọc thêm »

Cách tối ưu Blogspot có 2 thẻ H1 trên 1 trang

Đa phần hiện nay, các bạn đều sử dụng những <a href="http://www.tranbadat.info/search/label/Template-Blogspot">template Blogspot</a> tùy chỉnh được chia sẻ trên mạng để làm giao diện cho Blogspot, vì nhiều lý do, trong đó lý do chính là giao diện đó đẹp, được tối ưu và phù hợp nhu cầu làm blog của các bạn.<br><br><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Cách tối ưu Blogspot có 2 thẻ H1 trên 1 trang" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCDSrTkSInTEeXXOJqVhinqrGq-_QSleeX-uA35e2jZHETp7GBBjRVOUh1Y3RVrnaRB7ZJ2EfRVVkqm0Xp_upef6Ca4MxKw_ROq5oxi7Q_M_ny6kqRKMzwpXEQy0r98y7YRfXFhqqlVPMy/s1600/loi-2-the-h1-blogspot.jpg" style="margin-left: auto; margin-right: auto;" title="Cách tối ưu Blogspot có 2 thẻ H1 trên 1 trang"></td></tr><tr><td class="tr-caption" style="text-align: center;">Tối ưu Blogspot có 2 thẻ H1</td></tr></tbody></table><a href="http://www.tranbadat.info/2015/11/cach-toi-uu-blogspot-co-2-h1.html#more">Read more »</a>

Cách tối ưu Blogspot có 2 thẻ H1 trên 1 trang

Đa phần hiện nay, các bạn đều sử dụng những template Blogspot tùy chỉnh được chia sẻ trên mạng để làm giao diện cho Blogspot, vì nhiều lý d...

Đọc thêm »

Hướng dẫn tạo nút chia sẻ bài viết Blogspot hiệu ứng trượt đẹp mắt

Lâu lâu trở lại với Blogspot, nay <b>_CTPG_</b> xin hướng dẫn các bạn <a href="http://www.tranbadat.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot">thủ thuật</a> tạo nút <a href="http://www.tranbadat.info/2015/07/them-nut-chia-se-mang-xa-hoi-vao-bai-viet-blogspot.html">chia sẻ (share) bài viết</a> có hiệu ứng trượt mở rất độc đáo và đẹp mắt.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn tạo nút chia sẻ bài viết Blogspot hiệu ứng trượt đẹp mắt" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5gSpoxLUrWCdX1N3p_a3JTFA0t2SDQgAWdo5rRFJoIGQ3pUj57V8dzgWuLqt1YK3Pm51Kclggs3x-TeP8pPr-DO67dau9KIryCrFZeQMVoj8_ws-BnlJtgzjcKn5x0V6n-kty_7GQW29/s1600/nut-chia-se-bai-viet-blogspot.jpg" title="Hướng dẫn tạo nút chia sẻ bài viết Blogspot hiệu ứng trượt đẹp mắt"></div><a href="http://www.tranbadat.info/2015/11/huong-dan-tao-nut-chia-se-bai-viet-blogspot.html#more">Read more »</a>

Hướng dẫn tạo nút chia sẻ bài viết Blogspot hiệu ứng trượt đẹp mắt

Lâu lâu trở lại với Blogspot, nay _CTPG_ xin hướng dẫn các bạn thủ thuật tạo nút chia sẻ (share) bài viết có hiệu ứng trượt mở rất độc đá...

Đọc thêm »

Cách thiết kế giao diện responsive cho Blogspot

<b><span style="color: #cc0000;">Thiết kế giao diện responsive</span></b> hiện nay là một phần của một trang web chuyên nghiệp, và cả bạn, tôi và nhiều người khác đều thích một trang web có giao diện responsive. Hiện nay giao diện responsive đã trờ thành sống còn, khi các công cụ tìm kiếm ưu tiên nó hơn, và việc phải thiết kế 1 phiên bản di động cho website làm tốn chi phí nhiều hơn nữa.<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Cách thiết kế giao diện responsive cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOk4Kt7fKaJ7Gm6DX8l7e_PmuJt7Qef0gEj53qJ4M7D2E4MWEwxifxCqB2Zu_Bg7VAR6H8WAIephgP2cSDQVfA3Ix7IoBmziW2Ay_FqagM9pR59Sip1q_4QQPShr0-Ymf3r1Yg2XoQGauc/s1600/giao_dien_responsive_cho_blogspot.jpg" title="Cách thiết kế giao diện responsive cho Blogspot" /></div><br />Rất nhiều <a href="http://www.tranbadat.info/search/label/Template-Blogspot">template tùy chỉnh cho blogspot</a> có responsive, tuy nhiên nhiều template bạn thích lại không có giao diện responsive này? Vậy điều bạn nên làm chính là tùy chỉnh lại giao diện cho blogspot theo hướng dẫn ở bài viết này để trang web của bạn có một giao diện responsive tương thích với mọi kích cỡ màn hình.<br /><br /><h3><b><span style="color: blue; font-size: large;">Trước tiên, giao diện responsive là gì?</span></b></h3>Giao diện responsive dễ hiểu nhất là làm cho trang web tương thích với mọi thiết bị có kích cỡ màn hình khác nhau như PC, laptop, tablet, phablet, smartphone...<br /><br />Thời gian gần đây rất nhiều blog được thiết kế có giao diện responsive để thay thế giao diện di động mặc định được cung cấp cho Blogger. Vì vấn đề xảy ra là giao diện cho di động chỉ tương thích với điện thoại, trên các máy tính bảng thì giao diện này không thể sử dụng được, vì thế giao diện responsive sẽ là giải pháp.<br /><br /><h3><b><span style="color: blue; font-size: large;">Câu hỏi đặt ra là: giao diện responsive tốt hơn giao diện di động mới chổ nào?</span></b></h3><ol><li>Giao diện responsive sẽ thân thiện với SEO hơn giao diện di động</li><li>Thiết kế responsive có thể tự điều chỉnh cho phù hợp với kích thước màn hình như máy tỉnh bảng, phablet...</li><li>Thiết kế responsive giúp giảm tốc độ tải trang, tức là giúp tổng thể trang web được tối ưu hơn</li><li>Nếu bạn sử dụng Google Adsense, thì quảng cáo đáp ứng sẽ tốt hơn rất nhiều trên giao diện responsive, giúp bạn tăng thu nhập</li></ol><!-- adsense --><h2><b><span style="color: blue; font-size: x-large;">Hướng dẫn thiết kế giao diện responsive cho Blogspot</span></b></h2>Để có thể thiết kế được <b>giao diện responsive</b> cho trang blogspot của bạn, đầu tiên đòi hỏi bạn phải có những kiến thức cơ bản về html và css đã, vì những hướng dẫn bên dưới này chỉ là những hướng dẫn chung, bạn muốn tùy chỉnh chính xác cho website của mình thì bạn phải nắm rõ thành phần của web mình đã.<br /><br />- Truy cập trang quản trị của Blogger, tiếp tục vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Cách thiết kế giao diện responsive cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUxqOvV3v3laJmIRo_Ye2FnZ5GPCYGuWJJZJcQa4TNrL9C2RDBI6q7aANY5LP7qWZrAEpEFzatCQ6yxmI_MOmtz-Jgm2qqTrT7My1y8CQ8y97EDfxK7dKYQj_0dqrcwH2t6B2to-aMznTR/s1600/Toi_uu_SEO_1.jpg" title="Cách thiết kế giao diện responsive cho Blogspot" /></div><br />- Click vào vùng code, và tìm đến thẻ <i><head>,</i> thêm code sau bên dưới nó:<br /><blockquote class="tr_bq"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/></blockquote>- Tiếp tục tìm đến thẻ <i>]]></b:skin></i>, và thêm đoạn code này vào phía trên nó:<br /><blockquote class="tr_bq">@media screen and (max-width : 1280px) {<br />/* Cho kích thước màn hình nhỏ hơn 1280 ---*/<br />/* code css cho desktop ---*/<br />}<br />@media screen and (max-width : 1024px) {<br />/* Cho kích thước màn hình nhỏ hơn 1024 ---*/ <br />/* code css cho tablets ---*/<br />}<br />@media screen and (max-width : 768px) {<br />/* Cho kích thước màn hình nhỏ hơn 768 ---*/ <br />/* code css cho tablets nhỏ ---*/<br />}<br />@media screen and (max-width : 640px) {<br />/* Cho kích thước màn hình nhỏ hơn 640 ---*/<br />/* code css cho iphone ---*/<br />}<br />@media screen and (max-width : 480px) {<br />/* Cho kích thước màn hình nhỏ hơn 480 ---*/<br />/* code css cho smartphone ---*/<br />}<br />@media screen and (max-width : 320px) {<br />/* Cho kích thước màn hình nhỏ hơn 320 ---*/<br />/* code css cho điện thoại nhỏ ---*/<br />} </blockquote>Đây là code css tương ứng với từng thiết bị và kích thước màn hình. Bây giờ bạn có thể tùy chỉnh code các thành phần tương ứng với các kích thước màn hình được rồi.<br /><br />Thay thế <i>/ * code css cho...---* /</i> bằng các id và class của tiêu đề, body, sidebar, footer và các phần khác của blog của bạn.<br /><br />(max-width: ** px) là chiều rộng tối đa mà code sẽ làm việc giống như nếu bạn đặt mã trong phần max-width là 320px thì khi kích thước màn hình nhỏ hơn 320 px thì đoạn code trên sẽ được áp dụng, còn lớn hơn 320px thì code này sẽ không có tác dụng<br /><br />Nếu bạn đặt css cho ID1(ví dụ thôi) trong max-width 480 nhưng không phải đặt 320 thì có nghĩa là code css ID1 đó sẽ áp dụng cho khoảng kích thước màn hình từ (0-480), nhưng nếu cả css ID1 trong max-width 320 (Có tùy chỉnh thông số) thì code css sẽ áp dụng: ID1 (tùy chỉnh thông số) từ (0;320) và ID1 từ (320-480).<br /><br />Ví dụ:<br /><blockquote class="tr_bq">@media screen and (max-width: ****px)<br />{<br />#main-wrapper  { width:100%; margin:0px auto; }<br />.header-wrapper {  width:100%;  }<br />#content {   margin-right:0; width:100%; float:left;  }<br />#sidebar {  display:none;  }<br />#footer-wrapper { display:none; }<br />}</blockquote><h3><b><span style="color: blue; font-size: large;">Một số css quan trọng trong thiết kế giao diện responsive:</span></b></h3><ol><li>Chiều rộng luôn sử dụng %, không được sử dụng px, ví dụ như width:100%</li><li>Luôn sử dụng đơn vị em cho kích thước, thay thế cho px. Ví dụ 10em thay cho 10px</li><li>Margin:auto để tự động căn giữa và nếu muốn cách các mép một giá trị nào đó thì sử dụng đơn vị % nhé</li><li>Display:none để ẩn các thành phần khác</li></ol>Chú ý: Các đơn vị chiều dài trong giao diện responsive nên là đơn vị % nhé, để tránh trường hợp một số thành phần bị lỗi không hiển thị được.<br /><ul><li>Xem thêm: <a href="http://www.tranbadat.info/2015/07/cach-tuy-chinh-widget-hien-thi-trong-blogspot.html"><span style="color: #cc0000;">Cách ẩn / hiện widget trong Blogspot</span></a></li></ul>Hy vọng với bài viết này đã giúp cho bạn "thông não" được các vấn đề liên quan đến <b>giao diện responsive</b>, và hy vọng bạn sẽ thiết kế được một giao diện responsive tốt cho blogspot của bạn. :D

Cách thiết kế giao diện responsive cho Blogspot

Thiết kế giao diện responsive hiện nay là một phần của một trang web chuyên nghiệp, và cả bạn, tôi và nhiều người khác đều thích một trang ...

Đọc thêm »

Hướng dẫn thêm widget tác giả bài viết cho Blogspot

Bạn vào rất nhiều blogspot thường thấy cuối mỗi bài viết có 1 widget về tác giả bài viết đó, ví dụ như của mình. <b>Widget tác giả bài viết</b> này nhằm cung cấp thông tin cho người dùng về tác giả của bài viết, bạn có thể tùy viết gì trong đó miễn bạn thấy hợp lý và gây ấn tượng cho người xem.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thêm widget tác giả bài viết vào Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiShmCYb-L8tvEfK4J1U545Ksw6bDUKA-VK5iwxHd_pZSlEoQgt3WnBmL7xuZZjv9X7hpro5av8frH6WsnrH36Z7phvCUGKqMXbs21TOWFvbdE7h19CucUOESRqnK1OHXwI1o_DAs0q4wsI/s1600/widget_tac_gia_bai_viet_blogspot.jpg" title="Hướng dẫn thêm widget tác giả bài viết vào Blogspot"></div><a href="http://www.tranbadat.info/2015/08/them-widget-tac-gia-bai-viet-cho-blogspot.html#more">Read more »</a>

Hướng dẫn thêm widget tác giả bài viết cho Blogspot

Bạn vào rất nhiều blogspot thường thấy cuối mỗi bài viết có 1 widget về tác giả bài viết đó, ví dụ như của mình. Widget tác giả bài viết nà...

Đọc thêm »

6 thủ thuật cơ bản tối ưu SEO Onpage cho Blogspot

Trong SEO nói chung và SEO Blogspot nói riêng, onpage và offpage là 2 kĩ thuật mà bắt buộc chúng ta phải luôn thực hiện trong quá trình phát triển website. Trong đó, <b><span style="color: blue;">SEO Onpage</span></b> là kĩ thuật quan trọng mà bạn phải bắt đầu thực hiện nó từ khi website được tạo ra.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="6 thủ thuật cơ bản tối ưu SEO Onpage cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3Cn_5FZcN5oDGykJvJtcVGqTGtNuuInTney2-fHNW3o2Aqnvh3U0c5Gdvo8BK22-AUbpQRoCSaJXoNgu8fovWsMa63AXtjxsOOS9dkHCs2BWa3f74pqaHF7_fdasqiPtVzv30aUvvWdd/s1600/seo_onpage_blogspot.jpg" title="6 thủ thuật cơ bản tối ưu SEO Onpage cho Blogspot"></div><a href="http://www.tranbadat.info/2015/08/6-thu-thuat-co-ban-toi-uu-seo-onpage-cho-blogspot.html#more">Read more »</a>

6 thủ thuật cơ bản tối ưu SEO Onpage cho Blogspot

Trong SEO nói chung và SEO Blogspot nói riêng, onpage và offpage là 2 kĩ thuật mà bắt buộc chúng ta phải luôn thực hiện trong quá trình phát...

Đọc thêm »

Cách đặt nofollow các link out trong Blogspot

<b>Nofollow những liên kết trỏ ra ngoài blogspot</b> là một điều vô cùng cần thiết để giữ những bọ tìm kiếm ở lại trang web của các bạn. Việc thêm nofollow sẽ giúp web bạn có độ trust hơn và hỗ trợ SEO cho Blogspot tốt hơn.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách tự động thêm nofollow liên kết ngoài trong Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HdweGPSxDh_je0KXuRlI8n622ozlMmXod7dcpHzkuYPDUgoSezJk1B2_4zaGRefz9o-x2clP7E5fmh1gFinSs4LTcb8RMWvPaVhPAf5sH86mvZDKIAtzlAyreJZe1j9oAUFSVpmH_LNB/s1600/them_nofollow_cho_blogspot.jpg" title="Cách tự động thêm nofollow liên kết ngoài trong Blogspot"></div><a href="http://www.tranbadat.info/2015/08/cach-tu-dong-them-nofollow-lien-ket-ngoai-blogspot.html#more">Read more »</a>

Cách đặt nofollow các link out trong Blogspot

Nofollow những liên kết trỏ ra ngoài blogspot là một điều vô cùng cần thiết để giữ những bọ tìm kiếm ở lại trang web của các bạn. Việc thêm...

Đọc thêm »

Tự động tải lại (refresh) trang cho Blogspot

Bạn muốn tăng view cho Blogspot của bạn? Vậy thì hãy nghĩ đến việc làm cho Blog của bạn <b>tự động tải lại (refresh) trang</b> sau 1 thời gian. Mỗi lần refresh như thế thì với bộ đếm của Blogspot sẽ tính cho bạn một lượt view.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Tự động tải lại (refresh) trang cho Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oAawBA-cAg_hPgBPhg6JZeclY2WGUFh4qgXbq-k3byqKSf4jDLlulF2YMn3IqF3R50XR2B1pG0JJyfWUj6D-vQoedgDZPp2aKW-XxtFGImLaaiO4C5mGkqmQcVfS8BKzxrJSA3vNEWJj/s1600/auto_refresh_blogspot.jpg" title="Tự động tải lại (refresh) trang cho Blogspot"></div><a href="http://www.tranbadat.info/2015/08/tu-dong-tai-lai-refresh-trang-cho-blogspot.html#more">Read more »</a>

Tự động tải lại (refresh) trang cho Blogspot

Bạn muốn tăng view cho Blogspot của bạn? Vậy thì hãy nghĩ đến việc làm cho Blog của bạn tự động tải lại (refresh) trang sau 1 thời gian. Mỗ...

Đọc thêm »

Cách chuyển hướng Redirect 301 trong Blogspot

<b>Chuyển hướng Redirect 301</b> là thuật nghĩa dùng để chỉ việc chuyển hướng liên kết cũ sang liên kết mới, giúp chuyển hướng người dùng và bọ tìm kiếm từ đường dẫn cũ sang đường dẫn mới.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách chuyển hướng Redirect 301 trong Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZjfE-FDmd2Bi8MwErWinS8CKqS6sXKHletJpq3c3-qjM1JQrk_5WxN7GHeaaX37LFIJhIw4ev8YNMaTLYz6sNXTxzaIMPMPkxXI87MlWzUQlTTroM99f_o3ohMi3yOEf2YFRXqxVINn9/s1600/redirect_301_blogspot.jpg" title="Cách chuyển hướng Redirect 301 trong Blogspot"></div><div class="separator" style="clear: both; text-align: center;"><br></div><a href="http://www.tranbadat.info/2015/08/cach-chuyen-huong-redirect-301-trong-blogspot.html#more">Read more »</a>

Cách chuyển hướng Redirect 301 trong Blogspot

Chuyển hướng Redirect 301 là thuật nghĩa dùng để chỉ việc chuyển hướng liên kết cũ sang liên kết mới, giúp chuyển hướng người dùng và bọ tì...

Đọc thêm »