Giới thiệu Template blogger dành cho trang ảnh
Lang thang trên internet thấy có trang này chứa nhiều template dành cho site ảnh, Bạn nào muốn làm blogspot với theme trên thì vô đây nhé http://sorate mplates.com
Bài đăng
Hướng dẫn thay đổi giao diện cho blogger
Coppy bài viết này, post vào đây để cho mem mới và những ai chưa biết thay theme cho blogger tham khảo. Blogger là một dịch vụ cung cấp miễn phí cho người dùng, với lợi thế có sự chống lưng của ông Trùm Google blogger được trang bị khá đầy đủ những yếu tố thích hợp cho một blogger chuyên nghiệp, trong số đó tính năng thay đổi theme (giao diện) là một điểm nhấn chứng tỏ phong cách riêng của mỗi blogger nhưng không quá xa với cộng đồng. Bài viết này mình xin liệt kê lại những bước cơ bản cho những bạn mới làm quen với blogger. Trước tiên bạn cần ĐĂNG NHẬP vào blogger với tài khoản Google của mình. Sau khi đăng nhập thành công hệ thống chuyển bạn sang Portal của blogspot tương tự hình sau: Để tiến hành thay theme (giao diện) bạn nhấn vào liên kết "THIẾT KẾ" ---> chọn menu "CHỈNH SỮA HTML": Bấm vào "CHỌN TIỆP TIN" (thứ tự 3) và chọn file ".XML " của theme bạn muốn thay, sau đó nhấn "TẢI LÊN", Nếu bạn thấy xuất hiện một hộp thoại với nội...
Code popup New tab cho quảng cáo
Một số trang web có phần code Popup rất chuyên nghiệp là mở tab mới chứ không như các popup truyền thống là bật ra màn hình sẽ rất khó chịu, sau đây mình xin chia sẻ các bạn code popup. Mở tab mới code này được một số website như: phimvang.org, thaudem.com, nethoabinh.com .... đang sử dụng hiệu quả popup bật ra tăng gấp 1,5 lần so với code popup truyền thống và chạy được trên tất cả các trình duyệt. Download đính kèm Sau đó chèn đoạn code sau vào chỗ bạn cần hiển thị popup <script type="text/javascript" src="http://kenhdaihoc.googlecode.com/files/popup.js"></script> Thay Đường dẫn đường dẫn popup và chỉnh sửa lại code cho phù hợp nhé Download đính kèm
Congly Blogger Theme - Theme tin tức ( Update )
Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update: + Tối ưu tăng tốc độ load + Slide bài mới nhất có thêm hình ảnh + Fix không lưu được widget ở phần tử trang + Sửa widget nhỏ trang lable ở phần tử trang + Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh + Thêm trang Archive cho blog + Fix tìm kiếm = tìm kiếm blogger + Tạo widget ở sidebar có khung bo viền + Sử dụng phân trang mặc đinh + Loại bỏ Menu sổ ngang + Sử dụng comment phân cấp blogger XEM DEMO DOWNLOAD Hướng dẫn : Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng 1. Thay đổi logo tìm: http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png thay = link ảnh logo của bạn 2. Thay đổi link menu <ul class='menu'> <li><a href='/'><span>Home</span></a></li> <li><a href='/search/label/ Destination '><span> Menu...
Share code liên kết logo chạy qua lại
DEMO online: http://kenhdaihoc.com/forum <!-- ////////////// lien kết logo ///////////////// --> <!-- Affiliate --> <div id="wgo" class="collapse wgo_block block"> <h2 class="blockhead"><font color="#ffff00">TextLink - Logo - Liên Hệ </font> <a href="ymsgr:sendIM? contact_kdh "> <img border="0" src="http://opi.yahoo.com/online?u= contact_kdh &m=g&t=1&l=us"></a><br /> </h2> <div class="blockbody formcontrols floatcontainer"> <!---Liên kết logo---> <table class="tborder" cellpadding="4" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="tcat" align="left"><a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_announce')"...
Share Code quảng cáo hoặc thông báo cho Blogspot
Nhân dịp mới chuyển giao diện trang này nên nay mình share giới thiệu với các bạn 1 code rất hay, với code này có thể làm quảng cáo hay thông báo gì cũng được DEMO Hoặc ảnh bên dưới Chèn code này vào HTML/Javascript <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb">...
Hướng dẩn chèn comment của facebook vào blogspot
Facebook đã trở nên phổ biến và quen thuộc mỗi khi chúng ta muốn lên đây để ... "chém gió". Và hôm nay mình sẽ hướng dẫn cho các bạn đem cái công cụ "chém gió" này vào blog của các bạn. Với việc thay thế comment của blogspot bằng comment của facebook hy vọng blog của các bạn sẽ sôi động hơn. Có thể nói thủ thuật chèn comment của facebook vào mỗi bài viết blogspot cũng không mới lạ gì, 1 số blog thủ thuật nước ngoài đã đăng tải rồi (các bạn có thể vào google search với từ khóa facebook comments for blogger là có kết quả ngay). Tuy nhiên phải nói là cách thực hiện nó cũng khá phức tạp. Ngay cả mình cũng chưa thực hiện thành công khi làm theo các bước hướng dẫn. Có lần mình đã cố thử vào trang http://developers.facebook.com/setup/ mà không được, không biết có phải facebook hạn chế đối với user ở Viện Nam ko nữa. Và ở thủ thuật này, các bạn sẽ chỉ cần copy và paste code là xong, không cần phải thiết lập hay tạo App trên facebook. Xem DEMO dưới bài viết này Bước đầu tiê...
Sử dụng Template Designer để tùy biết giao diện blogspot
Tôi tham gia blogger từ đầu năm nay.Qua một khoảng thời gian đủ ngắn khi gia nhập môi trường này, tôi cũng 'ngộ' ra được một vài điều nho nhỏ giúp cuộc sống của mình trở nên thú vị hơn. Blogger - ngoài hiệu ứng làm cho con người ta chết mê chết mệt ra thì nó chẳng có mấy điều là thú vị cả. Nhất là mấy vấn đề liên quan đến giao diện hay một vài tiện ích html/javascript khó hiểu, gây ra cho tôi, người mới bước chân vào viết blog, rất nhiều rắc rối mà gần như là không thể nào khắc phục nổi. Và thế là Tôi thường xuyên phải phục hồi lại hoàn toàn giao diện ban đầu ( số lần phục hồi giao diện còn nhiều hơn cả số bài viết đã đăng trên blog! ) vì luôn gặp phải bế tắc. Công việc chỉ trở nên nhẹ nhàng hơn khi một dịp tôi định chỉnh sửa màu nền cho blog của mình nhưng lại bắt gặp đoạn css như thế này: background:$(body.background); font: $(body.font); color: $(body.text.color); Nó khác hẳn với những gì mà tôi từng biết với đống kiến thức nông cạn của mình về CSS. Vậy là tôi lao vào tìm hi...
Muốn lập trình blogspot thì cần những kiến thức gì?
Blog là một cấu trúc như bao ngôn ngữ lập trình khác. Nếu bạn am hiểu một ngôn ngữ nào đó thì việc vọc Blog với bạn đôi khi lại cực kỳ đơn giản. Nhiều bạn khi làm Blog chỉ nghĩ rằng "Blog của anh này đẹp thật." . Rồi lao đầu vào học HTML , CSS . Nhưng quả thực bạn đã giỏi và làm được như họ. Lý do vì đâu ? Nguyên nhân chính là bạn chưa hiểu gì về Blog, bạn đã bao giờ thử tự hỏi bản thân rằng mình đã làm ra một template mà không cần sự hộ trợ từ một template đã có sẵn, hay các thủ thuật được cung cấp sẵn trên mạng? Bạn đã đạt được bao nhiêu phần trăm nhận thức sau những gì mình đã làm ? Chắc chưa thể trả lời ngay được, nhưng câu hỏi đơn giản hơn là bạn đã thuộc bao nhiêu thủ thuật bạn copy về, bao nhiêu thuộc tính của một widget... Bạn nghĩ mình cần bổ sung cái gì là cốt lõi. Nhiều bạn mình gặp đều chỉ chăm chăm tập trung làm một cái Blog cho chính mình từ CSS, HTML để được ca ngợi từ mọi người. Nhưng họ không biết làm sao hiển thị được bài đăng ra ngoài trang của Blog. Hay ...
Topic giới thiệu theme dành cho Blogger [ Đẹp ] - Update liên tục
Xem -Download - Và nhiều hơn nữa tại topic bày http://kenhdaihoc.com/forum/showthread.php?t=4781
Nút thích 4 trong 1 bật ra từ bên phải cho blogspot gồm( facebook, twitter, google+ và feed)
Hôm nay mình hướng dãn các bạn thêm tiện ích nâng cấp của tiện ích cũ, nó bao gồm nút thích Facebook, twitter, google+ và feed Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3928 <style> img,a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 196px; height: 340px; overflow: hidden; } #twitter_div { width: 246px; height: 353px; overflow: hidden; } #google_plus_div { width: 152px; height: 97px; overflow: hidden; margin-left: 50px; margin-top: 10px; } #knfeedburner_div { width: 300px; height: 97px; overflow: hidden; margin-top: 5px; margin-left: -4px; } #kakinetwork_div { width: 300px; height: 97px; overflow: hidden; }/* right side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 196px; height: 353px; position: fixed; right: -200px; } #facebook_right img { position: absolute; top: -2px; left: -35px; } #facebook...
[Chia sẻ] - Tạo hộp thoại thông báo cho blog
Việc tạo 1 hộp thoại nhỏ cho blog để thông báo 1 sự kiện hoặc 1 vấn đề nào đó cho blog xem ra cũng khá cần thiết cho blog. Có nó ta sẽ không phải mất công viết hẳn 1 bài viết để thông báo (nếu như nó sự kiện đó không cần phải dùng 1 bài viết để thông báo). Thay vào đó ta chỉ cần hiển thị 1 đoạn text nhỏ là được. Có 1 số bạn xin code phần thông báo của mình, mình đã ok. Còn 1 số khác thì chưa rành việc view code nên có yêu cầu mình chia sẻ đoạn code của hộp thoại thông báo này. Hôm nay mình viết hẳn 1 bài viết để chia sẻ nó. Một vài thông tin về hộp thông báo nhỏ này: - Hiển thị được nhiều thông báo. - Các thông báo sẽ hiển thị random (ngẫu nhiên) sau mỗi lần load trang. - Có button cho phép đóng phần thông báo lại. Hình ảnh minh họa từ blog của mình: - Để cho chọn vị trí hợp lý, mình khuyên các bạn nên đặt hộp thông báo này ở phần header của blog. - Sau khi xác định được vị trí đặt hộp thông báo, các bạn tạo 1 widget HTML/Javascript và dán code bên dưới vào : <style type="text...