Posts

Showing posts from December, 2014

Lugas Blogger Templates image Blogspot

Image
Lugas Blogger Templates là một template blogspot với thiết kế trang chủ show ảnh với hiệu ứng khi rê chuột vào sẽ hiện ra bài viết, trang chủ được chia thành 5 cột, footer 3 rất rộng rãi, thích hợp làm trang chia sẻ ảnh hoặc là chia sẻ template blogspot cho các blogger có nhu cầu. Các đặc điểm chính của Lugas Blogger Templates. Nhìn chung template đơn giản  Được thế kế với đầy đủ các tiện ích cần thiết Hỗ trợ SEO tốt Có bài viết liên quan và các nút like share mạng xã hội. XEM DEMO DOWNLOAD

Template Blogspot Giống Bittemplates

Image
Bittemplates là một blogspot chia sẻ template chắc có lẽ ai cũng biết, nay mình giới thiệu một mẫu template blogspot giống hệt bittemplates cho các bạn có nhu cầu chia sẻ template hoặc làm trang chia sẻ ảnh đều rất phù hợp. Các tính năng chính Footer 4 cột Bài viết liên quan tích hợp sẵn dưới bài viết Các nút chia sẻ mạng xã hội Và còn rất nhiều hãy xem demo để khám phá. Footer 4 cột Các nút chia sẻ mạng xã hội Bài viết liên quan... Xem chi tiết tại : http://www.faptemplate.com/2014/07/folio360-mau-template-dep-danh-cho-trang-anh.html Footer 4 cột Các nút chia sẻ mạng xã hội Bài viết liên quan... Xem chi tiết tại : http://www.faptemplate.com/2014/07/folio360-mau-template-dep-danh-cho-trang-anh.html Footer 4 cột Các nút chia sẻ mạng xã hội Bài viết liên quan... Xem chi tiết tại : http://www.faptemplate.com/2014/07/folio360-mau-template-dep-danh-cho-trang-anh.html Footer 4 cột Các nút chia sẻ mạng xã hội Bài viết liên quan... Xem chi tiết tại : http://www.faptemplate.com/2014/07/f...

Tubemag Blogger Responsive Template video Blogspot

Image
TubeMag là một miễn phí video mẫu blogger . Hỗ trợ up video từ Youtube, Vimeo và Dailymotion trang web video. Mẫu này sẽ giúp bạn thiết lập trang web video chuyên nghiệp trong một phút. TubeMag blogger template là một sự lựa chọn hoàn hảo làm một blogspot phim và  video website. XEM DEMO Với các tính năng nổi bật sau : Sạch và Elegant Design Miễn phí Premium Template 2 Cột Layout Banner quảng cáo Ready Nổi bật và Top video Mục Liên quan đến video Mục 3 Cột Phần Footer Các video Sidebar Widget Tối ưu hóa công cụ tìm kiếm Thiết kế hoàn toàn Responsive Auto Resize Thumbnails Mục Video gần đây - Danh sách và Grid View Hầu hết các mục được ưa thích video Top Headlines Ticker Dễ dàng tùy chỉnh với các tùy chọn nâng cao Tuỳ 404 Lỗi trang Sidebar bên phải Phổ biến của trình duyệt tương thích Tiếp theo và Chia sẻ Buttons Hộp tìm kiếm Đa Option Tác giả Top Dropdown Menu Bar Hệ thống luồng Bình luận Vàng, đen và trắng Color Scheme DOWNLOAD

Blogspot template đăng ảnh cho blogger

Image
Chia sẻ thêm một template blogspot cực đẹp dùng để chia sẻ ảnh hót, nói chung là ảnh gì cũng đc, template với giao diện trang chủ cực kỳ hợp để chia sẻ ảnh. Một giao diện mà mình nghĩ là một blogger nào nhìn vào cũng thích cả. Blogspot template đăng ảnh cho blogger Thumbnail đẹp Hiện admin, comments, label dưới thumbnail Sắp xếp trang chủ cực kỳ hợp lý Template đã tối ưu hóa nên chạy rất mượt Comments bài đăng với nhiều icon hài hước khá đẹp XEM DEMO DOWNLOAD

5 Blogger Template SEO Friendly 2014

Image
Tiếp tục chia sẻ 5 template blogspot chuẩn seo tháng 12/2014 , template blogspot tin tức chuẩn seo , cũng có thể làm trang blogspot cá nhân, trang chia sẻ thủ thuật. Tất cả 5 template blogspot này đều tích hợp SEO tốt nên các bạn cứ yêu tâm. 1. TreTans Blogger Templates XEM DEMO DOWNLOAD 2 . Super SEO Blogger Templates XEM DEMO   DOWNLOAD 3. Simple Faster V3 Responsive XEM DEMO   DOWNLOAD 4. Fast Loading SEO Friendly Template V.04 XEM DEMO   DOWNLOAD 5. SEO TXT Fast Loading Blogger Templates XEM DEMO   DOWNLOAD

Thủ thuật Blogspot đăng bài chuẩn SEO

Image
Chào các bạn nói đến SEO Blogspot thì một blogger dù là chuyên nghiệp hay nghiệp dư thì đều muốn blogspot của chúng ta có thứ hạng cao trên Google search , đặc biệt là top 10. Để làm được điều này thì bài trước Hồng Designer đã hướng dẫn cài đặt blogspot chuẩn SEO , bài tiếp theo này sẽ hướng dẫn thủ thuật blogspot cách đăng bài chuẩn SEO . Thủ thuật Blogspot đăng bài chuẩn SEO : Để đăng bài chuẩn SEO theo mình thì các bạn cần chú ý 5 chi tiết như hình trên (đây là theo quan điểm của mình nhé) Liên kết trở ra ngoài cho link bài viết : Là những link ví dụ như Demo, download ...hay là bất cứ link nào đó mà các bạn trở ra ngoài trong bài viết. Theo mình nghĩ thì những liên kết như vậy đối với những website có thứ hạng cao hơn blogspot của bạn thì không sao, nhưng đối với những website có thứ hạng thấp hơn blogspot của bạn thì các bạn nên thêm thuộc tính rel=nofollow cho link để blog được load nhanh hơn. SEO hình ảnh bài viết : Đối với hình ảnh khi các bạn viết bài chèn hình ảnh vào ...

Làm sao để mã hóa bản quyền cho template Blogspot

Image
Có nhiều bạn là một nhà thiết kế teamplate Blogspot chuyên nghiệp muốn share template do mình thiết kế mà không biết làm sao để giữ bản quyền template của mình. Do yêu cầu nên hôm nay Hồng Designer chia sẻ cho các bạn cách mã hóa bản quyền cho template Blogspot để giữ lại bản quyền cho template do mình thiết kế. Làm sao để mã hóa bản quyền cho template Blogspot Bước 1 : Đăng nhập vào Blogger >> Chỉnh sửa template và tìm đến thẻ đóng </head> thêm đoạn code sau bên trên thẻ </head>. <script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/> <script type='text/javascript'>  //<![CDATA[ $(document).ready(function () { $('#hdcopyright').html('<a href=" http://www.thuthuatblogger.org/url1 " > Hồng Designer </a>'); setInterval(function () {  if (!$('#kslcopyright:visible').length) window.location.href = ' http://www.thuthuatblogger.org/url2' }, 1000) }) //]]> </sc...

Bluemagtheme - Mẫu giao diện Responsive cực đẹp

Image
Bluemagtheme là mẫu giao diện blogspot được thiết kế chuyên nghiệp về cách bố trí cũng như màu sắc, rất thích hợp làm blogspot dành cho công nghệ hoặc là website trưng bày sản phẩm khá đẹp mắt. Bluemagtheme - Mẫu giao diện Responsive cực đẹp Thiết kế Responsive HTML5, CSS3 Drop menu cực đẹp Thích hợp nhiều trình duyệt Hỗ trợ SEO khá tốt XEM DEMO DOWNLOAD

Bài viết phổ biến 3 cột có thumbnail cho Blogspot

Image
Bài đăng phổ biến hay còn gọi là Recent Posts thì hầu như Blogspot nào cũng có, nhưng đôi khi những template blogspot lại có Recent Posts mặc định thấy không vừa mắt cho lắm. Muốn thay đổi mà không biết làm cách nào, vì lẽ đó nên hôm nay Hồng Designer chia sẻ  Bài viết phỏ biến 3 cột có thumbnail cho Blogspot đẹp. Bài viết phổ biến 3 cột có thumbnail cho Blogspot Các bạn vào Bố cục→Thêm tiệc ích HTML→Thêm đoạn code sau: <style type="text/css"> #vanvietblog-rc-3cot {width:350px;} table#vanvietblog-rc-3cot {border:1px solid #ccc;} #rc-3cot {padding:0 8px;width:30%;} #rc-3cot p{padding:0;margin:0 0 5px 0;} #rc-3cot img {margin:8px 0 2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;} #rc-3cot a:link {font:normal 12px arial;} #vanvietblog-rc-3cot h2 {background:#098047; padding:5px 0 14px 15px; font:bold 15px Arial; margin:0px; color:#fff; text-align: center; } </style> <script type="text/javascript"> home_page = "http://vanvi...

Thêm player vào blogspot bằng ANCMusic

Image
Nói đến chơi nhạc thì chúng ta nghĩ ngay tới ANCMusic , ANCMusic  rất được các blogger ưu chuộn bởi sự chuyên nghiệp của nó bởi nó tích hợp get link từ rất nhiều sever khác nhau như :  zippy, nhac số, mp3 ...  Nay Hồng Designer sẽ hướng dẫn cho bạn thủ thuật blogspot cách tích hợp trình chơi nhạc ANCMusic  vào blogspot. Thêm player vào blogspot bằng ANCMusic  Bước 1 : Thêm đoạn code sau nào nơi cần hiển thị player, có thể trước hoặc sau thẻ  <data:post.body/> <div id="hong_pl"/> Bước 2 : Chèn đoạn code bên dưới trên thẻ đóng </body> <script type='text/javascript'> //<![CDATA[ var $_ = function (_0x5ce8x3) { if (document['getElementById']) { return document['getElementById'](_0x5ce8x3); }; }, M = new ANCMusic; function ANCMusic() { m_w = this['width']; i_1 = this['id1']; i_2 = this['id2']; au = this['auto']; this['r'] = funct...

Code tạo trang xem tivi online cho Blogspot

Image
Chào các bạn hôm nay mình sẽ chia sẻ các bạn một thủ thuật Blogspot cho các bạn có nhu cầu về tích hợp xem tivi online cho blogspot là mình sẽ chia sẻ hai mẫu xem tivi online cho trang blogspot.  Code tạo trang xem tivi online cho Blogspot Mẫu 1 :  Code : <style> button { border : 1px solid #6a8da4; cursor : pointer; width:83px; height:22px; text-transform:uppercase; font-size:10px; } button:hover { color: #ffffff; border : 1px solid #000000; cursor : pointer; width:83px; height:22px; text-transform:uppercase; font-size:10px; } </style> <iframe bottommargin="0" frameborder="0" id="MPlayer" leftmargin="0" marginheight="0" marginwidth="0" name="MPlayer" nosize="" rightmargin="0" scrolling="no" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkiVvEHM06jlqvkth4IEQOOlryTyR_4RAJaHe9s1VeWHdnsZHMIOktcyAWLz7RNv7CD4wOUElmsRxvIz5D_nKYW7lF_c3ITTNqK1LMt54zy3Jbc...

Tabber comments Facebook và Blogger cho Blogspot

Image
Theo mặt định thì blogspot của chúng ta chỉ có comments google blogger thôi, nay Hồng Designer sẽ hướng dẫn các bạn một thủ thuật blogspot mới đó là thêm comments facebook kết hợp với comments blogger vào blogspot. Tabber comments Facebook vaf Blogger cho Blogspot Bước 1 :  Đưng nhập vào template blogspot của bạn tìm đến thẻ </head> và chèn đoạn code sau trên thẻ </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="640"></div>'; //]]> </script> Lưu ý : 640 là chiều rộng của comments Bước 2 : Tiếp tục chèn đoạn code sau trên 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.cr...

Slider bài viết giống mp3.zing.vn cho Blogspot

Image
Hôm nay Hồng Designer giới thiệu các bạn một thủ thuật blogspot đó là một dạng slider bài viết đẹp giống như slider bài viết trên mp3.zing.vn.  Slider bài viết giống mp3.zing.vn cho Blogspot Bước 1 : Thêm một widget nằm trên bài đăng của Blog Đăng nhập vào template blogspot của bạn tìm đến thẻ  ]]></b:skin> và thêm đoạn code sau trên thẻ  ]]></b:skin> /* Slide Content ----------------------------------------------- */ .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; word-wrap: break-word; overflow: hidden;} .slide {color: #666666;line-height: 1.3em;} .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;} .slide li {margin:0;padding-top:0; padding-right:0;padding-bottom:.25em; padding-left:0px;text-indent:0px;line-height:1.3em;} .slide .widget {margin:0px 0px 6px 0px;} Tiếp tục tìm đến đoạn code <div id='main-wrapper'> và thêm đoạn code dưới đây vào sau nó. <b:if cond='data:blog.url == data:blog.homepage...