Posts

Showing posts with the label Widget

Recent post dạng hình ảnh 3 cột cho blogspot

Image
Recent post dạng hình ảnh 3 cột cho blogspot là một mẫu bố trí bài đăng cực đẹp. Các bạn có thể cho recent post này hiển thị ngoài trang chủ thay bài cách hiển thị mặc định của blogspot. Các ưu điểm của Recent post này 3 cột Hiển thị bài viết theo từng label hoặc toàn bộ bài đăng Hiển thị hình ảnh và có tiêu đề bài viết bên dưới Thiết kế chuyên nghiệp Cách thực hiện Bước 1 :  Đă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> . #hong-anhhinho li {float: left;list-style: none;height:190px;width: 217px;overflow: hidden;margin-left: 5px;} #hong-anhhinho img {float: left;width:215px;height:130px;margin-bottom: 5px;} #hong-anhhinho a {float: left;overflow: hidden;color: #333;font: BOLD 12PX ARIAL;width: 223px;} #hong-anhhinho a.slider_title { float: left !important; } Bước 2 : Tiếp tục tìm đến thẻ </head> và chèn đoạn code bên dưới vào trước thẻ </head> . <script type='text/javascri...

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...

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êm hộp tìm kiếm nâng cao cho Blogger

Image
Vài ngày trước, chúng tôi đã thảo luận về  Làm thế nào để Thêm Công cụ Tìm kiếm Tuỳ chỉnh Google Blogger  và hôm nay chúng ta sẽ chia sẻ Thêm hộp tìm kiếm nâng cao cho Blogger . Hộp tìm kiếm là một trong những yếu tố quan trọng nhất của một blog cho phép truy cập của bạn để tìm kiếm nội dung.   Nó cho phép độc giả tìm kiếm thông qua tất cả các nội dung của bạn và tìm thấy chính xác những gì họ đang tìm kiếm.   Tại sao nó quan trọng để Thêm một hộp tìm kiếm?  Bởi vì bạn của bạn không có nhiều thời gian để di chuyển qua mỗi bài viết mà bạn đã từng viết.   Vì vậy, bằng cách thêm một hộp tìm kiếm, truy cập của bạn có thể dễ dàng tìm kiếm và tìm thấy những nội dung mà họ đang tìm kiếm.   Nó chỉ giống như một công cụ tìm kiếm nội bộ cho blog của bạn và nó cũng sẽ làm cho blog của bạn sử dụng.   Theo Mặc định blogger thì vẫn có ô tìm kiếm riêng của mình nhưng thiết kế của nó là xấu xí và không hấp dẫn.   Hôm nay trong bài viết này chúng ta sẽ c...

Labels cloud widget Blogger

Image
Blogger Labels mặc định chỉ là một widget , không quá nhiều hấp dẫn và người dùng được chán với nhãn xấu xí với widget đó.   Hãy xem xét rằng trang web của bạn có sạch sẽ, phong cách và cái nhìn đẹp nhưng label đó làm mất đi sự chuyên nghiệp, vì vậy một ấn tượng xấu của nó đối với độc giả của bạn / khách.   Mặc định blogger nhãn phụ tùng điện toán đám mây không phải là quá hấp dẫn, vì vậy hôm nay chúng tôi sẽ chia sẻ một kỹ thuật đơn giản để tùy biến blogger Labels cloud widget Blogger . Dưới đây là một thủ thuật nhỏ giúp chỉnh sửa  Labels cloud widget Blogger . Hãy tìm hiểu cách tùy chỉnh  Labels cloud widget Blogger . Cách thực hiện Labels cloud widget Blogger Bước 1 :  Chỉnh sửa widget label của bạn như hình dưới và nhấn save Bước 2 : Đăng nhập vào Template Blog và chỉnh sửa HTML Bước 3 : Bấm Ctrl + F và tìm thẻ  ]]> </ b: skin> và thêm đoạn code sau đây trước nó .sidebar .label-size {   position:relative;   text-trans...

Làm thế nào để Thêm Box Tìm kiếm Google cho Blogger

Image
Hộp tìm kiếm luôn luôn là một giải pháp tốt hơn nhiều vấn đề của các blogger . Nó giúp khách truy cập của nhiều bài viết của trang web của bạn thông qua như một từ khóa đơn giản. Số lượt truy cập có thể gõ từ khóa của họ trong hộp tìm kiếm và nó cho thấy tất cả các bài viết theo từ khóa. Vì vậy, nó là một điều tốt và nhận được rất nhiều lợi ích để thêm nó vào blog / trang web blogger của bạn. Đó là lý do tại sao ngày hôm nay tôi sẽ chỉ  Làm thế nào để Thêm Box Tìm kiếm Google cho Blogger . Vì vậy, chúng ta hãy có một cái nhìn về các bước sau. Làm thế nào để Thêm Box Google Custom Search Trong Blogger? Trước hết đi Google Custom Search Trang nhớ bạn phải đăng nhập vào tài khoản Gmail của bạn hoặc Google bây giờ thêm URL trang web của bạn và bấm vào nút Create. Bây giờ bạn có thể thấy một trang mới, nơi ba lựa chọn đi 'Lấy Mã', 'URL công cộng "và" Control Panel "nếu bạn muốn tùy chỉnh nút vào Control Panel nhưng nếu bạn muốn đơn giản và chúng tôi cũng ...

Top 5 trang web chia sẻ video trực tuyến - cho các blogger

Image
Hello!   cho người dùng thân yêu của chúng tôi, tôi là người giúp đỡ mới của bạn, hy vọng tất cả các bạn thích công việc của tôi.   Đây là bài viết đầu tiên của tôi cho Blogger Widget của tôi và  Top 5 trang web chia sẻ video trực tuyến - cho các blogger mới .   Trong lỗ thế giới 60% người dân đã sử dụng internet để xem các blogger videos.We miễn phí có thể có được lợi thế của video chia sẻ các trang web. Chỉ cần chúng ta phải làm việc trên một số video và tải chúng lên các trang web chia sẻ video miễn phí với một liên kết đến blog của chúng tôi.   Ở đây bạn sẽ nhận được một danh sách  Video Top 5 trang web chia sẻ trực tuyến.   Vì vậy!   bạn có thể tự do tải lên video của bạn vào các trang web.   Ngoài ra, bạn có thể xem và tải video yêu thích của bạn. Nếu bạn muốn lưu lượng truy cập và thứ hạng tốt hơn các video của bạn sau đó nhúng video của bạn trong bài viết blog của bạn.   Làm thế nào Video Làm cho Tạo giao thông trên Blog? Làm ch...

Slider bài viết nổi bật cho Blogger

Image
Cho đến ngày tôi có Slider bài viết nổi bật cho Blogger của tôi cho thanh trượt nội dung trên page. Là nhà nghĩ rằng các blogger muốn thêm Slider nội dung nổi bật để blog. Featured Content Slider giúp bạn để hiển thị tự động trượt nội dung đặc trưng của bạn trên trang chủ của bạn.   Đây là mẹo tuyệt vời để hiển thị nội dung quan trọng nhất của bạn là nổi bật nội dung trên trang chủ của bạn.   Nội dung Nổi bật trượt cũng giúp tăng lượt xem và giảm tỷ lệ trả lại của blog của bạn.   Thêm  Slider bài viết nổi bật cho Blogger. Bước 1:    Đăng nhập vào Blogger =>Bố Cục => HTML/Javascrip thêm một widget ở nơi bạn muốn hiển thị slider bài viết. Bước 2:  Dán đoạn code bên dưới vào trong widget <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"/></script><script src="http://dl.dropboxusercontent.com/s/2tuqn164c49bv4l/mbt-slider-0-01-jis.js" type="text/javascript"/></script...

Tạo widget bài viết theo label cho blogspot

Image
Chia sẻ thêm cho các bạn cách  Tạo widget bài viết theo label cho blogspot mới nữa cho blogspot cực đẹp. Widget có thumbnail hình tròn khi rê chuột vào nó xoay tròn rất đẹp. DEMO Để tạo widget này rất đơn giản, các bạn chỉ cần vào Bố cục => HTML/Javascrips và dán code sau vào <style type="text/css"> /*<![CDATA[*/ img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px} img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-sha...

Widget mạng xã hội và theo dõi cho Blogger

Image
Hôm nay Hồng Designer giới thiệu cho các bạn Widget mạng xã hội và theo dõi cho Blogger đẹp có thể thêm vào trong chân của bài viết blog blogger của bạn. Widget này giới thiệu Facebook, Twitter và Feedburner hội nhập. Widget này đã được tối ưu hóa cho blog với chiều rộng nhỏ hơn và trông quá hoàn hảo trên tất cả các blog. Các widget sử dụng Jquery, CSS và HTML để làm việc của mình. Cách thực hiện như sau : Trước hết bạn cần phải thêm mã. Đầu tiên vào Blogger => Mẫu => Edit HTML . Nhấn Ctrl. + F và tìm kiếm <data: post.body /> mã trong mẫu của bạn và dán mã dưới đây đưa ra ngay dưới <data: post.body/>. Chú ý: Có thể có nhiều hơn một (thường là 2-4) <data: post.body /> do đó hãy chắc chắn rằng bạn đã chọn một trong những quyền. Nếu các widget không xuất hiện hãy thử thay đổi vị trí của mã. <section class="newsletter"> <h2> Tired of checking for new posts ? </h2> <div id="form-newsletter"> <div class="social fa...