12 cung hoàng đạo

Sắp đến tết nguyên đán (tết ta) hãy đem chút không khí tết đến site bạn chứ Chỉ với một vài bước đơn giản là bạn đã có được một giao diện mới chào đón năm mới rồi Demo ảnh: Nhãn Hướng dẫn: B1: Chèn đoạn code sau vào temp Extra.css Code: (Click here to copy code to clipboard) /*Cau doi tet*/ #caudoitet_trai{ position:fixed; left:-10px; top:-20px; z-index:-999 } #caudoitet_phai{ position:fixed; right:-5px; top:-20px; z-index:-999 } Bước 2: Chèn đoạn code dưới vào temp header hoặc footer đều ok Code: (Click here to copy code to clipboard) <div id='caudoitet_trai'><img src="https://lh4.googleusercontent.com/-BhcjEFoEuPE/UO901251c_I/AAAAAAAAAEg/Jh-5l6nFkMo/s623/utehy.org---caudoitet_1.png" /></div> <div id='caudoitet_phai'><img src="https://lh6.googleusercontent.com/-1Z33bDZglkc/UO9041vTheI/AAAAAAAAAEo/5PtnQ_kj8Jc/s623/utehy.org---caudoitet_2.png" /></div>

Demo Thông tin: Nền tảng: Blogger Tên Template: Thông tin công nghệ Hướng dẫn: Template Settings Link  Here Tác giả: Vịnh Nguyễn Designer URL Designer Link  Here Thông tin khác: Đây là một theme blogger tùy chỉnh   Mô tả: Template được thiết kế với mục đích phục vụ nhu cầu thông tin công nghệ cũng như mong muốn cung cấp các bài viết liên quan đến lãnh vực Công nghệ thông tin - Viễn thông cho bạn đọc Việt Nam. Sideba tự động lấy nhãn, seo thân thiện, tốc độ tải về nhanh... Sử dụng 2 hệ thống bình luận song song là blogger và facebook Link tải về - Download

Chào các bạn, ở hôm trước mình đã share 1 template blogger nhưng bị lỗi vỡ khung   [Share] Template Mobile Blogger Đẹp Hôm nay mình sẽ share bản đã fix lỗi và chỉnh sửa Demo Online:  [ Demo ] Hướng dẫn: Cách 1: Mẫu  ->  Sao lưu /  khôi phục  -> import template có đuôi  .xml Cách 2: Mở file  .xml  ra copy hết  code  trong đó vào Mẫu  ->  Chỉnh sửa HTML  -> Click vào ô  Mở rộng mẫu tiện ích  -> xóa hết  code  có trong đó đi -> Post hết code vừa copy ở file  .xml  vào Tìm đến: <script src=\"/feeds/posts/default/-/ Teen Story ?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script> Teen Story  là tên label mà nó sẽ lấy bài viết hiển thì ở index Note: Đây là template mình lấy trên mạng từ các nguồn khác nhau mình chỉ edit lại cho đẹp và tối ưu hóa  seo  1 chút thôi  [ Tải xuống Link 1...

Thông thường mặc định mỗi theme của blogspot (trong phần bố cục) là chỉ có cho phép  “Thêm tiện ích”  ở Sidebar (2 bên blog) và ở phần footer (phía dưới blog), vì thế mà mỗi khi ta muốn chèn thêm các Tiện ích(widget) cho phần Main hoặc Header thì ta phải tạo các Tiện ích (widget) ở Sidebar hoặc ở footer rồi di chuyển tới chỗ cần hiển thị. Như vậy rất rườm rà.   Bài viết hôm nay hình giới thiệu 1 mẹo nhỏ để chèn khung “Thêm tiện ích” vào 2 phần  Header  và  Main , giúp cho chúng ta có thể add thêm các  Widget  trực tiếp lên 2 phần này. Để thực hiện việc này, rất đơn giản, bạn thực hiện các bước sau: 1   . Đăng nhập blog 2   . Vào phần  Chỉnh sửa Code HTML . (không cần nhấp vào mở rộng tiện ích) 3   . Để chèn khung  “Thêm tiện ích”  vào phần  Header , ta làm như sau: Tìm đọan code sau: <b:section class=’header’ id=’header’ maxwidgets=’2′ showaddelement=’ no ‘>  (hoặc tìm code tương tự, nhưng phải là Head...

Một thủ thuật blogger rất hay tiếp theo mình giới thiệu tới các bạn là thủ thuật HIỂN THỊ WIDGET (TIỆN ÍCH) Ở TRANG CHỦ HOẶC TRANG RIÊNG BIỆT, TRANG TÙY CHỌN. - Thủ thuật này mình cũng chỉ biết tới khi mình thiết kế blogger cho  Gối handmade  nên các bạn có xem demo thì xem ở đó nhé. Những sản phẩm hiển thị đó mình chỉ cho hiển thị ở trang chủ. Ngoài ra các bạn có thể chỉ định cho nó hiển thị ở các trang các bạn muốn. Trên blog mình có Slide mình cũng làm 1 Widget và chỉ chi hiển thị ở trang chủ. - Bắt đầu vào thủ thuật, thủ thuật này khá đơn giản. Điều quan trọng nhất là các bạn phải xác minh được widget (tiện ích) đó nằm ở đâu trong mẫu chỉnh sửa HTML. ^^ Cái này mình toàn dùng trình duyệt Chrome để xem thông tin phần tử là thấy. Mình ví dụ trên  Blog gối handmade   mình nhé: Xong phần xác định Widget. Tiếp theo các bạn vào Mẫu - Chỉnh sửa HTML và Click vào ô chọn "Mở rộng Mẫu Tiện ích" Trường hợp 1: Chỉ hiển thị Widget (tiện ích) ở trang chủ. Các bạn tìm đoạn code...

Như các bạn biết thì Blogger đã có tính năng tạo trang tĩnh (static page) để dùng tạo các trang giới thiệu, liên hệ, quy định sử dụng, chính sách riêng tư, diễn đàn, … Một đặc điểm đặc trưng của các trang tĩnh là không hiển thị trên trang chủ, các trang nhãn và lưu trữ. Tuy nhiên Blogger cũng giới hạn số trang tĩnh được tạo cho mỗi blogspot là 10 trang. Sự giới hạn này cũng là một hạn chế. Khi tôi sử dụng hết 10 trang tĩnh này thì tôi nghĩ ra cách tạo một số trang bài viết cơ bản và làm sao để không cho chúng xuất hiện trên trang chủ, khi đó chúng sẽ giống như các trang tĩnh chính hiệu vậy. Lấy ví dụ tôi viết một loạt bài viết có tiêu đề lần lượt là Bài viết số 1, Bài viết số 2, Bài viết số 3, Bài viết số 4, Bài viết số 5. Tôi đặt tên nhãn cho các bài viết này theo thông lệ mỗi khi tạo một bài viết. Ở đây tôi muốn Bài viết số 1 và Bài viết số 3 không được hiển thị ở trang chủ, vậy tôi đặt thêm một nhãn chung cho hai bài viết này là Z Label. Phải đặt như thế này để trong trường hợp 2 bà...

<a expr:href='data:post.url'>   Là link liên kết đến bài  viết ở trang chủ <data:post.snippet/>  Là trích dẫn bài viết ở trang chủ VD : <a expr:href='data:post.url'> Read More</a>

Trên blog bạn thường có nhiều Widget, và việc hiển thị chúng cũng làm mất thời gian khi load trang. Bây giờ mình giới thiệu cách tùy chỉnh cho nó hiển thị ở những nơi bạn muốn hiển thị. Nó sẽ giúp bạn có thể sắp xếp các widget ở các trang mà bạn muốn để trang blog hay web của bạn trông thẩm mĩ hơn. Để thực hiện thủ thuật này , trước tiên bạn phải xác định được Widget id  của widget đó như hình bên dưới: ☼Bây giờ là cách để tùy chỉnh Widget đó: 1. Đăng nhập blog 2. Vào chỉnh sửa code  HTML (edit code HTML) 3. Chọn mở rộng mẫu tiện ích  (Expand Widget Templates). 4. Tìm đọan  Widget id  bạn muốn chỉnh  (vd:HTML3) Code thường có dạng mhư bên dưới <b:widget id=' HTML3 ' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class=...