Posts

Showing posts from November, 2014

Thủ thuật thêm chữ Admin sau tên tác giả Blogspot

Image
Bạn là một admin blogspot , bạn muốn tên của mình nổi bật trong những comments trả lời dưới bài viết blog của bạn mà không biết làm sau. Hôm nay Hồng Designer chia sẻ cho bạn một  Thủ thuật thêm chữ Admin sau tên tác giả Blogspot . Thủ thuật thêm chữ Admin sau tên tác giả Blogspot Bước 1 :  Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML, tìm đến thẻ ]]></b:skin> và thêm vào trước nó đoạn code sau : .comments .comments-content .icon.blog-author{font:bold 13px Segoe UI;position:absolute;width:55px;height:20px;display:block;top:15px;margin-left:90px;border-radius:3px;background:#0f8528;box-shadow:0 1px 3px rgba(0,0,0,0.1)} .comments .comments-content .icon.blog-author::before{content:"Admin";position:absolute;text-shadow:0 1px 0 rgba(0,0,0,0.5);color:white;top:2px;left:8px} Bước 2 : Lưu template lại và vào một bài viết nào đó kiểm tra thành quả. Lưu ý :  Thủ thuật này chỉ áp dụng với comments mật định, comments mặc định có nghĩa là những comments chính...

Thủ thuật tạo widget mạng xã hội đẹp cho Blogspot

Image
Thủ thuật tạo widget mạng xã hội đẹp cho Blogspot , chia sẻ cho các bạn widget mạng xã hội cực đẹp cho blogspot tích hợp Google +, Facebook, Tweeter. XEM DEMO   Các tính năng CSS Creation.  Responsive Style.  Thanh lịch & cao cấp Theme.  Giống như Facebook, Tweeter theo dõi, Google Plus theo dõi.  Dễ dàng cài đặt.  Twitter, Google Plus, Facebook Follower Liên kết + số người theo dõi. Hướng dẫn cài đặt Bước 1 : Đăng nhập vào blogger >> template >> chỉnh sửa HTML , tìm đến đoạn code <data:post.body/> Bước 2 : Dán đoạn code sau ngay bên dưới nó <b:if cond='data:blog.pageType == "item"'> <link href='https://googledrive.com/host/0B3omcK7jIprqRm95VVpQZDJHRzQ' rel='stylesheet'/> <div class="wpr"> <a class="social" id="twitter" href="your-twitter-account-link" title=""> <div class="icon"></div> <div class="shutter_frame"> <di...

Thủ thuật tạo Widget đăng kí nhận bài đăng cho Blogspot

Image
Bài này là Thủ thuật tạo Widget đăng kí nhận bài đăng cho Blogspot . Hộp đăng ký có Facebook, Twitter, RSS Feed, đăng ký e-mail . Widget này được dựa trên một chủ đề bằng gỗ. Facebook, Twitter, liên kết RSS Feed được hiển thị như đồng ý Chú ý gỗ tự nhiên.Trong hướng dẫn này tôi đang bổ sung thêm một e-mail hộp đăng ký mới với chủ đề bằng gỗ. Thủ thuật tạo Widget đăng kí nhận bài đăng cho Blogspot Bước 1 :  Đăng nhập vào Blogger >> Bố cực >> HTML/Javascrip. Bước 2 :  Thêm đoạn code sau vào < style   type =" text/css " >   /* Delete form Here*/     img.beintouch:hover {     background: none repeat scroll 0 0 #D6D6D6;     border-radius: 16px 16px 16px 16px;     box-shadow: 0 0 10px #565656; } /* Delete to Here*/ .emailtext {     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj86RjFOrwbnw0zpDS_W_8xAgOiI7Xw4GZ2I0zj2-Wa4NlW_-WAA8vb-rmIjNPwq3glthMI2Uao8BU_oJ...

Share miễn phí template blogspot bán hàng đẹp

Image
Hôm nay nhân một ngày đẹp trời Hồng Designer   Share miễn phí template blogspot bán hàng đẹp , đầy đủ tính năng, có tính năng giỏ hàng thanh toán qua ngân lượng. Share miễn phí template blogspot bán hàng đẹp Có tính năng giỏ hàng Tích hợp thanh toán ngân lượng Chuẩn SEO google Giao diện đẹp Tích hợp comments mới Tích hợp bài viết liên quan dưới bài đăng Có slider ở trang chủ Widget label sắp xếp theo kiểu menu dọc XEM DEMO DOWNLOAD Demo Trang Chủ Demo Trang Bài Viết Hướng dẫn cài đặt : Các bạn đăng bài theo đoạn code sau : [giaban]1,850,000 VNĐ[/giaban]<br /><br />[tomtat]<br /><span style="color: #333333; font-family: lucida grande, tahoma, verdana, arial, sans-serif;"><span style="line-height: 18px;">Yến sào nguyên chất đã làm sạch lông và tạp chất&nbsp;</span></span><br /><span style="color: #333333; font-family: lucida grande, tahoma, verdana, arial, sans-serif;"><span style="line-heigh...

Thủ thuật Tạo đường dẫn phân cấp cho blogspot (Breadcrumb)

Image
Đường dẫn phân cấp là gì? Nó còn có tên gọi là Breadcrumb . Tạo Breadcrumb cho blogspot là một trong những tiêu chí mà Google đưa ra để xếp blog, website của bạn thân thiện hơn với searcher và các search engine. Và hiển nhiên với các tác dụng trên Breadcrumb sẽ giúp bạn seo bài viết tốt hơn –>> khả năng seo cho website, blog sẽ tăng lên. Demo  Breadcrumb trên blogspot : Và trên Google search Vậy còn chần chờ gì nữa chúng ta bắt đầu thôi. Thủ thuật Tạo đường dẫn phân cấp cho blogspot (Breadcrumb) Bước 1 : Đăng nhập vào template blogspot tìm đến đoạn code sau : <b:include data='top' name='status-message'/> và thêm vào dưới nó đoạn code : <b:include data='posts' name='breadcrumb'/> Bước 2 : Tìm đến đoạn code <b:includable id='main' var='top'> và thêm vào trên nó đoạn code sau : <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl...

Những thủ thuật SEO cần thiết cho một blogspot mới

Image
Chào các bạn hôm nay Hồng Designer lại đến với các bạn nhằm giới thiệu cho các bạn một thủ thuật blogspot mới. Như các bạn đã biết là khi tạo một blogspot mới hoặc chọn một template blogspot nào đó thì làm sao cho nó chuẩn SEO Google . Đó là một điều nan giải đúng không nào. Cho nên hôm nay mình giới thiệu tới các bạn Những thủ thuật SEO cần thiết cho một blogspot mới. Những thủ thuật SEO cần thiết cho một blogspot mới Mô tả blog : việc đầu tiên của một blogspot mới là cài đặt mô tả cho nó, mô tả là mô tả về nội dung của blogspot bạn. Để làm việc này các bạn vào phần Cài đặt >> Cơ Bản chọn vào phần mô tả, và viết mô tả cho blogspot của bạn. Tương tự cài đặt mô tả cho bài viết các bạn vào Cài đặt >> Tùy chọn tìm kiếm. Robots.txt : Robots.txt là file nói nôm na là file này nhằm để nói cho google biết là cần index những trang nào và những trang nào không cần index. Mình giới thiệu cho các bạn một mẫu robots.txt chuẩn nhất hiện nay. User-agent: Mediapartners-Google Disal...

Template Blogspot chia sẻ thủ thuật chuẩn SEO

Image
Hồng Designer chia sẻ thêm choc các bạn một template chuẩn SEO , thích hợp làm blogspot chia sẻ thủ thuật blogger , tin tức, giải trí, luật ... Template Blogspot chia sẻ thủ thuật chuẩn SEO Blogger template chuẩn SEO Footer 4 cột Thiết kế widget label (nhãn) đẹp Tích hợp bài viết liên quan dưới bài đăng Có like, share bên phải blog Beautiful drop-down menu Related posts XEM DEMO  -  DOWNLOAD

Thủ thuật thêm widget bài viết phổ biến cho blogspot

Image
Bài viết phổ biến trên blogger đang được luôn luôn hiển thị với phong cách mặc định của Blogger , và nó cũng được hiển thị với phong cách khác nhau trong tùy chỉnh template blogspot . Tuy nhiên, nó là rất dễ dàng để tùy chỉnh bài viết phổ biến trong Blogger, bạn chỉ cần đến mục tiêu đó là ID ngẫu nhiên mà được tự động tạo ra bởi Blogger khi bạn thêm một bài viết phổ biến từ phụ tùng trang Layout của bạn. Chúng tôi đã xuất bản một hướng dẫn về Thủ thuật thêm widget bài viết phổ biến cho blogspot . Nhưng hướng dẫn của ngày hôm nay là trước nhiều hơn thế, bởi vì tôi đã một widget tùy chỉnh màu cho bạn mà sẽ làm cho bài viết phổ biến của bạn siêu đẹp. Widget này đã được tạo ra bởi người khác, nhưng tôi đã tuỳ chỉnh nó và cố định lỗi của nó, bây giờ nó sẽ được làm việc tốt trên tất cả các mẫu blogger bao gồm những tùy chỉnh. Chỉ cần chúng ta hãy bắt đầu như thế nào để thêm nó vào blogger. Sau khi thêm widget này vào blog của bạn, các bài viết phổ biến trên blog của bạn sẽ được tìm ki...

Thủ thuật xóa phần Cung Cấp Bởi Blogger cho Blogspot

Image
Chào các Blogger thân mến chắc hẳn ai trong số chúng ta cũng thường gặp vấn đề này. Đó là ở một số template blogspot hay là template mặc định của Blogger thì nó sẽ có một Widget bản quyền là Cung Cấp Bởi Blogger . Đôi khi nó rất gay khó chịu cho chúng ta, nhưng lại không thể nào xóa nó được, vì đây là widget mặc định của Blogger (như hình). Cho nên hôm nay Thủ Thuật Blogger hướng dẫn các bạn Thủ thuật xóa phần Cung Cấp Bởi Blogger cho Blogspot. Thủ thuật xóa phần Cung Cấp Bởi Blogger cho Blogspot Để xóa được widget này các bạn làm theo 2 bước sau Bước 1 : Đăng nhập vào Blogger => Mẫu => Chỉnh sửa HTML. Tiếp theo các bạn bấm tổ hợp phím Ctrl + F và tìm kiếm từ Attribution . Khi đó nó sẽ hiện ra một dòng code như sau : <b:widget id=’Attribution1′ locked=’true‘ title=” type=’ Attribution ’> Khi đó các bạn Thay phần locked=’true’ thành locked=’false‘ và nhấn Lưu Template Bước 2 : Quay trở lại trang chủ của Blogspot của các bạn nhấn F5 và tìm đến widget bản quyền Cun...

Trendy Blogger Template

Image
Trendy Blogger Template chủ đề, đó là một mẫu Blogger Responsive sáng tạo, phù hợp cho blog cá nhân hoặc hiển thị các danh mục đầu tư. Hoàn toàn đáp ứng, nó có cái nhìn thực sự tuyệt vời và rất hấp dẫn trên mọi thiết bị. Nó cung cấp tất cả mọi thứ bạn cần để tạo ra một trang Blogspot chuyên nghiệp. Trendy đi kèm với hai mẫu thiết kế - nền đỏ và nền xanh. XEM DEMO DOWNLOAD Đặc điểm của Trendy Blogger Template Responsive: Thiết kế hoàn toàn Responsive Hình ảnh tự động thay đổi kích thước hình ảnh thu nhỏ Well Documentation Threaded Comment Tối ưu hóa SEO Tuỳ chỉnh Lỗi 404 Hai bố trí Quảng cáo sẵn sàng Related Post Widget Tương thích với các trình duyệt chính (IE8 +, Mozilla, Chrome, Safari) Bố trí quản trị chuyên nghiệp, giúp bạn dễ dàng làm việc với blog layout.

Litemag Blogger Template Responsive

Image
Litemag Blogger Template Responsive là một Responsive Template Blogger miễn phí tuyệt vời mà mang thiết kế đơn giản và sạch sẽ. Đó là lý tưởng cho việc viết blog. Nó rất linh hoạt, tùy biến và máy có tùy chọn Framework. Bạn sẽ yêu thích trải nghiệm người dùng trơn tru và nhanh chóng. Theme này hoàn hảo cho Công cụ Tìm kiếm Tối ưu hóa thích hợp làm blogspot tin tức, tạp chí hay là blog cá nhân ...Hỗ trợ lựa chọn tác giả đa của nó thông qua google plus. DEMO - DOWNLOAD Đặc điểm của Litemag Blogger Template Responsive : Thiết kế hoàn toàn Responsive Trước Search Engine Optimization Hình ảnh tự động thay đổi kích thước hình ảnh thu nhỏ Lựa chọn nhiều tác giả Quảng cáo Ready Vâng Tài liệu Threaded Comment Bài viết liên quan hỗ trợ Auto Author ảnh Responsive Template Tuỳ chỉnh Lỗi 404 Tương thích với các trình duyệt chính (IE8 +, Mozilla, Chrome, Safari) Bố trí quản trị chuyên nghiệp, giúp bạn dễ dàng làm việc với blog layout.  

Làm sao để chèn quảng cáo Googge Adsense vào bài viết?

Image
Chắc hẳn các bạn là một Blogger nghiệp dư hay chuyên nghiệp đều biết đến Google Adsense . Google Adsense là một dịch vụ quảng cáo của Google được đưa ra vào giữa năm 2003. Người viết web hay thậm chí cả Blog có thể đăng kí cho mình một tài khoản để tham gia chương trình này và đăng các quảng cáo của Google lên trang web của họ. Khi các bạn tạo blogspot một thời gian thì sẽ đăng kí được Google Adsense và chèn quảng cáo vào blog của mình để kiếm tiền, để chèn quảng cáo vào blogspot thì có rất nhiều cách. Ví dụ : chèn vào widget ở sidebar, chèn vào header ... Nhưng hôm nay mình sẽ hướng dẫn các bạn Làm sao để chèn quảng cáo Googge Adsense vào bài viết? Làm sao để chèn quảng cáo Googge Adsense vào bài viết? Để chèn được Google Adsense vào bài viết thì mình xin giới thiệu với các bạn 2 cách : Cách 1 : Chèn quảng cáo vào đầu tất cả bài viết ngay dưới tiêu đề bài viết blogspot. Đăng nhập vào Blogger => Mẫu => Chỉnh sửa HTML và tìm đến đoạn code sau : <div class='post-header-...

Template Blogspot Tin Tức Tối Ưu Chuẩn SEO

Image
Template Blogspot Tin Tức Tối Ưu Chuẩn SEO là một mẫu blogger đẹp hiện đại. màu phẳng sạch sẽ và tươi mới của nó dựa trên thiết kế blogger đáp ứng và người dùng cao thân thiện blogger template .Template hoàn hảo cho các tin tức, tạp chí và các trang web cá nhân. Template Blogspot Tin Tức Tối Ưu Chuẩn SEO 100% Thiết kế Responsive Hỗ trợ RTL Widgets Kéo và thả hỗ trợ Không giới hạn Tùy Màu Tiến Editor: Thay đổi màu nền, tải hình nền, màu sắc, phông chữ, phông chữ kích thước. Responsive Mega menu Auto Blog Post Tóm tắt Tối ưu hóa SEO Tự động phát hiện flickr và hình ảnh khác mở ra cho Lightbox Tabbed menu Nhiều tác giả được hỗ trợ Jquery hình ảnh hiệu ứng lớp phủ với các biểu tượng 4 Cột Footer Area Hỗ trợ video YouTube (Bất kỳ phong cách bài) Responsive rao Widget (Hỗ trợ Google Adsense) Flexslider Responsive Tin tức Mã CK CSS3 + HTML Dropdown Menu Recent Post By Nhãn (16 bài viết style) Thông tin tác giả Widget Chất lượng cao hình ảnh Tối ưu hóa  Bài viết liên quan mát Widget Jquer...

Thêm Contact Form Page cho Blogspot

Image
Blogger đưa ra đó là phiên bản chính thức đó là hôp liên hệ nhưng sài trên widget Blogger , nó chỉ hoạt động trên Blogger Sidebar . Nếu bạn không muốn thêm các hình thức liên lạc để sidebar Blog của bạn nhưng muốn nó xuất hiện trên một trang cụ thể, sau đó hướng dẫn này sẽ giúp bạn ra ngoài. Tôi không muốn các hình thức liên lạc xuất hiện mọi nơi trên blog của tôi. Vì vậy, tôi đã chuyển nó cho một riêng biệt đó là nằm trên một trang. Làm thế nào để chuyển Contact Form Blogger vào một trang riêng biệt Bước 1 : Thực hiện theo các bước dưới đây để di chuyển Form liên hệ đến một trang riêng biệt. Bước 2 : Đầu tiên, thêm các Blogger Contact Form Widget để sidebar của bạn. (Chúng tôi sẽ ẩn các hình thức liên lạc sau này trong hướng dẫn này, nhưng bạn phải thêm nó). Bước 3 : Bây giờ tạo ra một trang mới trong blog của bạn, Chuyển sang trình soạn thảo HTML và dán vào đó đoạn code sau: <form name='contact-form'> <div>Your Name : </div> <input class='contact-for...

Template Blogspot shop quần áo miễn phí

Image
Share  Template Blogspot shop quần áo miễn phí cho các bạn có nhu cầu, template tuy không có giỏ hàng nhưng rất sang trọng và đẹp mắt, template blogspot này được Việt Hóa từ một template nước ngoài. Template blogspot thích hợp bán quần áo, mỹ phẩm, ... Template Blogspot shop quần áo miễn phí Thiết kế đẹp mắt Chuẩn SEO Tích hợp bài viết liên quan dưới bài đăng Tích hợp Like và Share dưới bài viết Hiện giá sản phẩm ở trang chủ Template Blogspot đã được tối ưu template DEMO - DOWNLOAD Hướng dẫn chỉnh sửa trang chủ giống DEMO Đăng nhập vào blogger => Bố cục, các bạn sẽ thấy 3 tiện ích nằm ngang ở trên bài đăng trên Blog. Chọn nó mà chọn tiện ích HTML/Javascrip và lần lượt thêm 3 đoạn code sau vào 3 tiện ích đó Đoạn 1 : <style> .welcome_body {   margin:30px; } .feat_container {   background-color:#DFDFDF;   background-position:initial initial;   background-repeat:initial initial;   font-weight:bold;   height:40px;   margin:0;   width:...