Tạo Bảng - Table đa màu sắc Responsive bằng Blogger Shortcode

Create Shortcode For Responsive HTML Tables!

Bảng HTML là một trong những thành phần quan trọng trong thiết kế giúp bạn sắp xếp nội dung thành các hàng và cột. Cú pháp để thiết kế thường khá rối rắm với các thẻ table, td, tr... và thường không có responsive khi bạn xem bằng di động hoặc máy tính bảng sẽ bị vỡ bố cục. Nhằm khắc phục những nhược điểm trên hôm nay Iris Tips sẽ giới thiệu cho các bạn một plugin khác của Blogger Shortcode đó là HTML Table Shortcode. Chỉ với một vài dòng code đơn giản và có hỗ trợ responsive HTML Table Shortcode đáng là plugin để bạn sử dụng.

• DEMO

Xem thêm

Tạo ra Đường Phân Cách CSS3 với nút Back To Top bằng Shortcode

Horizontal Divider Line With Back-To-Top Button

Tiếp tục Series Blogger Shortcode hôm nay Iris Tips sẽ giới thiệu cho các bạn một tiện ích khác của plugin này. Đó là tạo ra Đường Phân Cách với nút Back To Top bằng Shortcode.

Xem thêm

Tạo CSS3 Tooltip bằng Shortcode cho Blogger

Create CSS3 Tooltip with Shortcode for Blogger

CSS3 Tooltips là 1 hộp bong bóng được sử dụng để hiện thị thêm thông tin cho người đọc. Chúng có thể được sử dụng trong nhiều cách khác nhau ví dụ, để cung cấp phụ đề cho hình ảnh, hoặc mô tả dài hơn đối với các siêu liên kết, hoặc bất kỳ thông tin hữu ích bằng cách rê chuột trên các phần tử có chứa các class tooltip. Nhờ Blogger Shortcode Plugin bây giờ bạn có thể tạo Tooltips với đầy hiệu ứng màu sắc để tăng cường giao diện người dùng cho Blogspot của bạn.

Xem thêm: Hiển thị chú thích khi rê chuột vào chữ cho Blogger/Blogspot

Xem thêm: Hiển thị chú thích khi rê chuột vào chữ cho Blogger/Blogspot (ver2)

• DEMO

Xem thêm

jQuery Accordion Shortcode cho Blogger

jQuery Accordion Shortcode For Blogger

Đã bao giờ bạn tự hỏi làm thế nào để tạo jQuery accordions với hiệu ứng Toggle. Nay với Blogger Shortcode Plugin bạn sẽ thực hiện điều đó một cách dễ dàng chỉ với 1 dòng code.

• DEMO

Xem thêm

jQuery "Tabs Shortcode" cho Blogger

jQuery "Tabs Shortcode" For Blogger

Ở một bài viết trước: Thêm Multi Tabbed Sidebar vào Blogger Iris Tips đã chia sẻ cho các bạn cách tạo Multi Tab cho sidabar. Hôm nay cũng là Multi Tab nhưng được tạo bằng Shortcode. Dòng lệnh đơn giản chỉ với 1 dòng code, ngoài ra bạn cũng có thể thêm vào bao nhiêu tab bạn thích cũng được và đặc biệt là bạn có thể thêm Multi Tab ở bất kỳ nơi nào trong blog: sidebar, bài viết, bình luận...

• DEMO

Xem thêm

Facebook Page Plugin Shortcode cho Blogger

Facebook Page Plugin Shortcode For Blogger

Như các bạn đã biết Facebook Like Box plugin sẽ ngừng hoạt động vào 23/06/2016. Facebook đã đề nghị sử dụng một Plugin mới để thay thế. Vì vậy Iris Tips sẽ giới thiệu cho các bạn Blogger Shortcode cho Facebook Page Plugin cho phép bạn dễ dàng nhúng và quảng bá bất kỳ trang Facebook nào trên trang web hoặc blog của bạn, độc giả có thể thích và chia sẻ các trang mà không cần phải rời khỏi trang web của bạn. Bạn có thể nhúng Plugin này bên trong bài viết, sidebar hoặc thậm chí cả bên trong comment chỉ với 1 dòng code.

• DEMO

Xem thêm

Tạo CSS3 Notification Boxes cho Blogger bằng "Shortcodes"

Create CSS3 Notification Boxes in Blogger using "Shortcodes"

Notification boxes, Alert boxes hoặc Messages boxes là một cách tuyệt vời để thông báo cho người sử dụng một loạt các tin nhắn, chẳng hạn như: cảnh báo, cập nhật, thông báo, báo lỗi, thành công, cảnh báo.. v.v. Tin tốt là chúng tôi đã phát triển shortcodes cho Blogger Notification Boxes giúp bạn chèn một Responsive Message Box bất cứ nơi nào trên blog của bạn chỉ với một dòng code.

• DEMO

Xem thêm

YouTube Shortcode cho Blogger

YouTube Shortcode For Blogger

Sau khi có shortcodes phát triển cho SoundCloud và Image, bây giờ là thời gian để bắt đầu nhúng YouTube Video Player và YouTube Playlists bất cứ nơi nào bạn muốn. YouTube Shortcode cho phép bạn chèn các player bên bài viết của bạn, widget và thậm chí trong phần nhận xét chỉ với một dòng mã.

• DEMO

Xem thêm

Buttons Shortcode - Tạo nút bấm bằng CSS3 cho Blogger

Buttons Shortcode là một code thú vị khác của Blogger Shortcode Plugin, chỉ với một dòng code bạn có thể chèn các nút với đầy đủ màu sắc cùng các liên kết và các biểu tượng bất cứ nơi nào trên blog blogger của bạn. Bạn có thể thêm các biểu tượng font-Awesome và các liên kết đến các nút của bạn và chọn bất kỳ màu nền gradient bạn muốn! Các nút có ba kích cỡ, nhỏ, vừa và lớn. Bạn cũng có thể quyết định khi nào cần chèn thuộc tính nofollow vào liên kết trong các nút. Các nút có thể được thêm vào trong bài viết, bình luận và widget sidebar... hầu như bất cứ nơi nào.

• DEMO

Xem thêm

Image Shortcode - Nhúng hình ảnh vào bình luận Blogger

Image Shortcode - Embed Images in Blogger Comments

Image shortcode cho phép bạn chèn hình ảnh bất cứ nơi nào trên Blogger của bạn với một dòng code đơn giản. Cũng giống như bạn chèn hình ảnh trong các diễn đàn, bây giờ bạn có thể chèn hình ảnh vào trong ô nhận xét Blogger. Bạn có thể tùy chỉnh chiều rộng và chiều cao của hình ảnh của bạn, chèn liên kết vào hình ảnh, thêm thuộc tính nofollow hoặc chỉ đơn giản là chèn các hình ảnh ở độ phân giải thực tế của nó với một mã đơn giản.

• DEMO

Xem thêm

SoundCloud Shortcode cho Blogger

SoundCloud Shortcode For Blogger

SoundCloud shortcode cho phép bạn nhúng SoundCloud Music Players vào trong Blogger của bạn. Sử dụng Blogger shortcode plugin, bây giờ bạn có thể nhúng Audio và danh sách lưu trữ tại SoundCloud tại bất cứ nơi nào trên blog của bạn, bạn có thể chèn MP3 bên trong bình luận, bài viết, trang tĩnh và Widget HTML/Javascript.

• DEMO

Xem thêm

Syntax Highlighter Shortcode cho Blogger

Syntax Highlighter Shortcode For Blogger

• DEMO

Xem thêm

Giới thiệu Plugin Blogger Shortcode

Introducing Blogger Shortcode Plugin

Blogger Shortcode được phát triển bởi STCnetwork, plugin sẽ cho phép bạn thêm, chỉnh sửa các yếu tố web một cách nhanh chóng mà không cần sử dụng các cú pháp coding dài dòng, phức tạp. Bây giờ bạn có thể chèn video, âm thanh, hình ảnh, tab, accordions,... vv chỉ với một dòng code trong bài viết của mình, trong các widgets, sidebars và bạn đoán thử xem còn nơi nào khác? Còn cả bên trong phần bình luận nữa. Thêm code chưa bao giờ dễ dàng đến thế. Hãy cùng bắt đầu nào!

Xem thêm