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 MoreCó 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 MoreNế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 MoreHô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 MoreCode 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 MoreMộ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 MoreKhi 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 MoreCó 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 MoreBà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 MoreVớ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