Nút chia sẽ cuối bài đăng cho blogspot

Mặc định blogspot đã có sẵn các nút chia sẽ lên facebook, google plus, twitter, pinterest ở cuối mỗi bài đăng trong blog. Tuy nhiên những nút đó nhìn không đẹp chút nào. Và cũng có rất nhiều hướng dẫn viết một cái code hẵn hoi để tạo ra những nút chia sẽ đẹp cho bài đăng của bạn.Ở bài này mình không dùng các cách mà mọi người thường chia sẽ (tạo chia sẽ facebook với javascript), mà mình tận dụng lại những gì có sẵn của google. Mình…

Read More

Menu dropdown đẹp cho website

Có rất nhiều code để làm một menu xổ xuống đẹp cho blogger hay website của bạn. Hôm nay mình tìm được một code làm menu xổ xuống mình thấy khá đẹp nên chia sẽ lại để mọi người có thể dùng khi cần. Code CSS div#below-logo-container { background-image: -webkit-linear-gradient(top, #0fa7d0, #0a72a8); padding:0.25em 0;}#below-logo-container, #below-logo-container .sw_navigation, #below-logo-container .sw_nav a, #below-logo-container #navsearch { text-transform: uppercase; font-size:16px;}/** Wednesday 20th of September 2017 09:23:35 AM (core) **/#mega-menu-wrap-below-logo, #mega-menu-wrap-below-logo #mega-menu-below-logo, #mega-menu-wrap-below-logo #mega-menu-below-logo ul.mega-sub-menu, #mega-menu-wrap-below-logo #mega-menu-below-logo li.mega-menu-item, #mega-menu-wrap-below-logo #mega-menu-below-logo a.mega-menu-link { -moz-transition: none; -o-transition: none;…

Read More

Slider chạy ảnh với nhiều kiểu khác nhau

Nếu bạn là người ghét sự lặp lại một cách nhàm chán thì với những slider mà hình cứ chạy qua chạy lại đúng một kiểu thì quả là không thể chịu nỗi.Chính vì lẽ đó nên bài viết này sẽ cung cấp cho bạn 2 kiểu slider với nhiều hiệu ứng chạy ảnh khác nhau. Kiểu 1: Code CSS để làm đẹp cho slider /* — slider — */#sliderFrame { position: relative; width: 700px; margin: 0 auto 40px;}#slider { width: 700px; height: 306px; /* Make it the same size…

Read More

Slider BXSlide chạy ảnh reponsive đẹp.

Hôm nay tham khảo được một code slider reponsive rất đẹp chạy trên codeseo.net. Nên lưu lại đây để bản thân cũng như nhân rộng kết quả tìm kiếm cho một số bạn cần dùng. Bước 1: Thêm đoạn code để chạy jQuery dưới đây vào sau thẻ “<head>” <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script> Bước 2: Tìm “]></b:skin>” trong phần chỉnh sửa HTML của chủ đề và dán vào ngày trước nó đoạn CSS sau /*– slider —*/.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1; width:70%;}.bx-wrapper img{width:100%;max-width:100%;display:block}.bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper…

Read More

Code tạo banner quảng cáo banner chạy dọc 2 bên Blogspot và web

Code tạo banner quảng cáo banner chạy dọc 2 bên Blogspot và web để kiếm thêm tiền thu nhập từ quảng cáo giúp tăng doanh thu cho cá nhân cũng như cho công ty.Web bạn hay blogspot của bạn có lượng vitsit lớn, khách hàng muốn mua quảng cáo nhưng các vị trí quảng cáo có thể chèn hết rồi bây giờ chỉ còn 2 bên chưa chèn, bạn muốn bán quảng cáo 2 bên đó nhằm kiếm thêm thu nhập, hôm nay chia sẻ 69 xin hướng dẫn đến với…

Read More

Làm dòng chữ chạy bằng CSS

Một số trang web có dòng chạy thông báo dạng như tin nóng hay và bạn cũng muốn gắn cái đó vào blog của mình cho nó giống với một website thật thụ. Đặc biệt là blog của bạn bán hàng online thì nó lại càng cần thiết để bạn thông báo hàng mới về hay khuyến mãi…. Vậy làm cái dòng chạy chạy đó ra sao, dưới đây là những gì bạn cần để làm nó. Bước 1: Thêm vào trước ]]></b:skin> đoạn CSS dưới đây /*—-chu chay—–*/.marquee { height:…

Read More

Bài đăng cũ hơn, bài đăng mới hơn cho blogspot

Khi xem bài viết trong blogspot bạn sẽ thấy cuối bài viết thường có chữ bài đăng cũ hơn, bài đăng mới hơn để người chơi có thể nhấp vào đó để xem các bài trước đó hoặc sau đó. Bài viết dưới đây sẽ hướng dẫn bạn thay đổi  tính năng mặc định của blogspot, để nó trông thân thiện và bắt mắt hơn. Bước 1:  Các bạn truy cập vào mục chủ đề trong blogger.com và chọn chỉnh HTML. Tìm ]]></b:skin> và dán vào trước nó đoạn code…

Read More

Phân trang cho Blogspot đơn giản mà đẹp

Có rất nhiều bài viết trên mạng hướng dẫn về phân trang và tất cả đều rất đẹp và hay tuy nhiên có một nhược điểm mà các bài viết đó để lại là nhìn vào thèm mà không làm gì được.Điểm chung của các bài viết này hình như là lấy nguồn của nhau và cùng dung chung một cách thức đó là up javascript lên trên host của google nên khi google thay đổi chính sách thì tất cả đều ngủm và không ai rãnh để mà cập…

Read More

Làm Slider có resposive đẹp cho blogspot

Bài viết này sẽ cung cấp cho mọi người cách làm một slide có tính năng responsive đẹp cho blogspot. Cách làm này kết hợp giữa jQuery và CSS. Bước 1: CSS code Đăng nhập vào blogger rồi vào mục chủ đề (template) và chọn chỉnh sửa HTML.Tiếp đó bấm ctrl + F và tìm ]]></b:skin> sau đó chèn đoạn CSS dưới đây vào trước thẻ  ]]></b:skin> trong /* #########################################################CSS code cho slider######################################################### *//* Browser Resets */.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus { outline: none; }.slides,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style:…

Read More

Làm ảnh động từ video

Với nhu cầu phát triển của mạng xã hội ngày nay thì việc đăng xờ-tấy-tợt-s hàng ngày là một công việc hết sức thường xuyên. Tuy nhiên xờ-tấy-tợt-s như thế nào mới hấp dẫn và nhận được nhiều cái thích từ bạn bè . Đăng cái ảnh thì bình thường ai cũng làm rồi, đăng cái video thì có vẻ hoành tráng hơn, nhưng thế cũng chưa hấp dẫn lắm. Phải chi có cái gì đó giống như một tấm ảnh nhưng lại nhúc nhích như cái video thì hay…

Read More