Hướng dẫn cài đặt template Igniplex

Cách cài đặt

Trước tiên bạn cần phải tải file Template Igniplex v3 về từ link bên dưới:

igniplex_v3.zip 187kb

Sau khi tải xuống Igniplex, hãy giải nén tệp .ZIP và tìm tệp có tên Igniplex v3.min.xml. Đó là tệp mẫu được sử dụng.

Sau đây là cách cài đặt mẫu Igniplex. Có hai cách để lựa chọn:

1. Sao chép HTML (Khuyến nghị)

Phương pháp này được khuyến khích vì nó sẽ ngay lập tức tạo ra màn hình giống 100% so với phiên bản demo trực tiếp. Rủi ro là toàn bộ nội dung của tiện ích sẽ bị mất. Hãy đảm bảo lưu tất cả mã tiện ích trước khi thực hiện việc này.

Mở tệp Igniplex v3.min.xml bằng trình soạn thảo văn bản như Notepad hoặc các trình soạn thảo khác.
Vào menu Chủ đề > Chỉnh sửa HTML.
Sao chép toàn bộ mã mẫu và dán vào.
Cuối cùng nhấp vào nút Lưu chủ đề.

2. Upload XML

Phương pháp này an toàn vì tất cả các tiện ích đã cài đặt trước đó sẽ không bị xóa. Nhưng có khả năng bố cục tiện ích sẽ lộn xộn vì nó không khớp với mã HTML của mẫu Igniplex. Cách khắc phục rất dễ, chỉ cần trượt vị trí trong menu Bố cục.

Vào menu Chủ đề > Sao lưu/Khôi phục.
Nếu bạn muốn sao lưu mẫu đang sử dụng, hãy nhấp vào nút Tải xuống chủ đề.
Sau đó, hãy tải ngay mẫu Igniplex lên bằng cách nhấp vào nút Chọn tệp và tìm vị trí của tệp .xml.
Cuối cùng, nhấp vào nút Tải lên.

Việc cần làm sau khi cài đặt →

Việc quan trọng cần làm sau khi cài đặt

Nếu bạn đã có Quảng cáo AdSense, hãy đảm bảo nhập liên kết AdSense vào cấu hình mẫu. Để biết thêm chi tiết.
Thay đổi thuộc tính lang của HTML theo ngôn ngữ được sử dụng. Theo mặc định, nội dung là id-ID.
Để thay thế, hãy tìm mã <html (có, không có thẻ đóng) ở đầu mẫu. Có một mã lang='id-ID'. Thay đổi phần id-ID theo ngôn ngữ của blog. Ví dụ: Nếu bạn sử dụng tiếng Anh thì hãy đổi thành vi-VN hoặc en-US.
Thay đổi loại bình luận thành Nhúng để trông giống với blog demo. Vào Cài đặt > Vị trí bình luận > Nhúng.

← Cách cài đặt Thẻ meta →

Thẻ meta

Phần này khá quan trọng về mặt SEO và bổ sung các thuộc tính khi chia sẻ liên kết trên mạng xã hội.

1. Hình ảnh blog

Hình ảnh này sẽ xuất hiện khi chia sẻ liên kết chính (trang chủ) trên mạng xã hội. Thay thế những mục đã đánh dấu bằng URL của biểu ngữ hoặc logo blog của bạn.

<!-- THUMBNAIL -->
<b:if cond='data:view.featuredImage'>
  <meta expr:content='data:view.featuredImage' property='og:image'/>
  <meta expr:content='data:view.featuredImage' name='twitter:image'/>
<b:elseif cond='data:blog.postImageUrl'/>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
  <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhDuNLIXODiQ1ASu8wcJ6oenFH38MSePV59ynKfXrIkbzqKi2lsT7fnKGTzdGh_rYyOIQ7FUXA5xNp0rHu10Wx5zXnUKskzsHu2FvJGrOHJOo7xJPshZNwIPAwjyrA5kW_TaWqRFbNrhCSlO-6-msqO36M33kMZIqpsYGfiPvhE2klbNyXdfMSc3Gsg/s0/igniplex-v3-thumbnail.png' property='og:image'/>
  <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhDuNLIXODiQ1ASu8wcJ6oenFH38MSePV59ynKfXrIkbzqKi2lsT7fnKGTzdGh_rYyOIQ7FUXA5xNp0rHu10Wx5zXnUKskzsHu2FvJGrOHJOo7xJPshZNwIPAwjyrA5kW_TaWqRFbNrhCSlO-6-msqO36M33kMZIqpsYGfiPvhE2klbNyXdfMSc3Gsg/s0/igniplex-v3-thumbnail.png' name='twitter:image'/>
</b:if>

2. Từ khóa

Thay thế bằng từ khóa hoặc từ khóa tìm kiếm blog. Phân tách bằng dấu phẩy.

<!-- THUMBNAIL -->
<meta content='Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc' name='keywords'/>
<meta content='Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc' property='article:tag'/>

3. Thông tin tác giả

<!-- AUTHOR -->
<meta content='Your Name' name='author'/>
<meta content='Your Name' property='article:author'/>
<link href='https://www.blogger.com/profile/ID BLOGGER PROFILE' rel='me'/>
<link href='https://www.blogger.com/profile/ID BLOGGER PROFILE' rel='author'/>
<link href='https://www.blogger.com/profile/ID BLOGGER PROFILE' rel='publisher'/>
<meta content='ID FACEBOOK' property='fb:admins'/>
<meta content='https://www.facebook.com/ID FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/ID FACEBOOK' property='article:publisher'/>
<meta content='@USERNAME TWITTER' name='twitter:site'/>
<meta content='@USERNAME TWITTER' name='twitter:creator'/>

4. Mã theo dõi

Để xác minh Google Search Console, Bing Webmaster. Nếu bạn không có, chỉ cần xóa hết các dòng mã này. Nếu có mã xác minh từ một trang web khác, hãy nhập mã đó vào đây.

<!-- TRACKING CODE -->
<meta content='xxxxxxxxx' name='google-site-verification'/>
<meta content='xxxxxxxx' name='msvalidate.01'/>

← Việc cần làm sau khi cài đặt Cấu hình tính năng mẫu →

Cấu hình tính năng mẫu

Đây là menu để thiết lập các tính năng tùy chỉnh có sẵn trong Igniplex. Nó sẽ rất quan trọng và liên quan chặt chẽ đến vẻ bề ngoài. Để sửa đổi, hãy vào menu Bố cục và chọn tiện ích CONFIGURATION.

Nếu bất kỳ phần nào của tập lệnh bị xóa vô tình gây ra lỗi, hãy sao chép mã mặc định sau vào lại tiện ích.

const igniplex = {
  ads: {
    url: '',
    lazyAds: true,
    adblock: false,
    adblockTitle: 'Matikan AdBlock',
    adblockText: 'Agar blog ini tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist. Terima kasih.',
    adblockClose: 'Tutup'
  },
  noimage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsIrfaJQ2BytaxI1q1G7q2EUA3g5TlaVeDxmihX66oHzidd9bewbuP7_cQJXgRuDF0dps3MCJcQPHEQ1SPTE8nd-Hj4uXLq5I9pK88gD6n6Z5WmUz5v7bq2g0rxn5dRg7WmNB51iNxqaGjeE2vh6jl4KzeGlb3eKBUE5J1Lh4Dw3wfrjTuQ5AKahQRQ/s0/igniplex-noimage.png',
  syntax: 'Kode berhasil disalin',
  youtube: 'sddefault',
  infiniteScroll: {
    load: 'Muat artikel',
    loading: 'Memuat...',
    loaded: 'Selesai',
    error: 'Error',
  },
  pagination: {
    titleText: 'Halaman:',
    allText: 'Lihat Semua',
  },
  postEmpty: {
    label: 'random',
    num: 4,
    showImage: true,
    showComment: true,
    showLabel: true,
  },
  relatedBottom: {
    num: 6,
    showImage: true,
    showSnippet: true,
    showTime: true,
  },
  relatedMiddle: {
    num: 4,
    showImage: true,
  },
  toc: {
    type: 1, //1 paling atas, 2 di atas heading pertama, 3 tag pemanggil
    title: 'Daftar Isi',
    selector: 'h2, h3, h4',
    overlay: true,
  },
  speech: {
    lang: 'id-ID',
    speed: 1,
    playText: 'Memutar...',
    pauseText: 'Jeda',
    finishText: 'Selesai',
    exception: ['.toc', '.igniplexTengah', '.post-body pre', '.tabs.syntax'],
  },
  bookmark: {
    maxWidget: 5,
    maxAll: 100,
    emptyText: 'Tidak ada bookmark',
    moreText: 'Lihat selengkapnya',
    currentText: 'Sedang melihat halaman bookmark',
    morePage: '/p/bookmark.html',
  }
};

Các bộ phận được đánh dấu có thể thay thế tùy ý.

1. Quảng cáo

Phần này thiết lập cho Lazy Load AdSense và Anti AdBlock. Phạm vi mã:

ads: {
  url: '',
  lazyAds: true,
  adblock: false,
  adblockTitle: 'Matikan AdBlock',
  adblockText: 'Agar blog ini tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist. Terima kasih.',
  adblockClose: 'Tutup'
},

Đánh dấu	Thông tin
`url:`	Điền URL tập lệnh AdSense, cụ thể là //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxx (thay thế xxx bằng mã nhà xuất bản của bạn). Nếu bạn vẫn đang gửi đơn đăng ký AdSense, bạn có thể để trống phần này và đặt tập lệnh AdSense theo hướng dẫn đăng ký (quanh vùng <head>).
`lazyads:`	Tính năng Lazy Load của AdSense. true để bật, false để tắt. Nếu tắt, hãy bật tính năng Tải trước (đọc bên dưới).
`adblock:`	Tính năng Anti AdBlock. true để bật, false để tắt.
`adblockTitle:`	Tên của tiện ích Anti AdBlock.
`adBlockText:`	Nội dung văn bản của tiện ích Anti AdBlock.
`adBlockClose:`	Văn bản của nút đóng Anti AdBlock.

Khi đặt quảng cáo thủ công, KHÔNG chèn tập lệnh <script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxx" crossorigin="anonymous"></script> vì mã này đã được thay thế bằng mã ở trên. Nhập nhiều lần sẽ chỉ làm tăng tốc độ tải trang.

Việc cài đặt mã quảng cáo chỉ đơn giản bắt đầu bằng thẻ mở <ins>.

Nếu AdSense Lazy Load bị tắt, bạn nên tải trước tập lệnh để tiếp tục tải nhanh. Để thực hiện việc này, hãy tìm mã này:

<!-- <link as='script' href='//pagead2.googlesyndication.com' rel='preload'/> -->

Xóa phần mũi tên để nó trở thành HTML hoạt động. Kết quả cuối cùng:

<link as='script' href='//pagead2.googlesyndication.com' rel='preload'/>

2. Hình ảnh Không có hình ảnh

URL của hình ảnh thay thế (không có hình ảnh) trên tiện ích tùy chỉnh nếu có bài viết không có hình ảnh. Các tiện ích bao gồm Bài viết liên quan ở giữa, Bài viết liên quan ở cuối, Dấu trang và Bài viết tùy chỉnh trên Trang chủ. Phạm vi mã:

noimage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsIrfaJQ2BytaxI1q1G7q2EUA3g5TlaVeDxmihX66oHzidd9bewbuP7_cQJXgRuDF0dps3MCJcQPHEQ1SPTE8nd-Hj4uXLq5I9pK88gD6n6Z5WmUz5v7bq2g0rxn5dRg7WmNB51iNxqaGjeE2vh6jl4KzeGlb3eKBUE5J1Lh4Dw3wfrjTuQ5AKahQRQ/s0/igniplex-noimage.png',

3. Sao chép văn bản trong Syntax Highlighter

Công cụ tô sáng cú pháp trong Igniplex có tính năng sao chép mã và văn bản này sẽ xuất hiện khi thao tác sao chép thành công. Phạm vi mã:

syntax: 'Kode berhasil disalin',

4. Hình ảnh thu nhỏ của YouTube

Khi phương tiện truyền thông đầu tiên trong bài viết là video YouTube (video được đặt trước hình ảnh), thì hình thu nhỏ của bài viết được lấy từ video, chứ không phải hình ảnh trong bài viết. Đây là phần thiết lập kích thước hình thu nhỏ của video . Phạm vi mã:

youtube: 'sddefault',

Đánh dấu	Thông tin
`mqdefault`	Chất lượng trung bình (320×180 pixel)
`hqdefault`	Chất lượng cao (480×360 pixel)
`sddefault`	Độ phân giải chuẩn (SD) (640×480 pixel)
`maxresdefault`	Độ phân giải tối đa (1920×1080 pixel)

5. Cuộn vô hạn

Thiết lập văn bản của điều hướng Cuộn vô hạn. Trong tiện ích CẤU HÌNH, chỉ có nội dung văn bản được thiết lập. Theo mặc định, điều hướng này không hoạt động nhưng phải được chọn trước. Để bật, hãy đọc tài liệu: Chọn và sắp xếp bố cục (kiểm tra số 6).

Phạm vi mã:

infiniteScroll: {
  load: 'Muat artikel',
  loading: 'Memuat...',
  loaded: 'Selesai',
  error: 'Error',
},

Đánh dấu	Thông tin
`load:`	Văn bản của nút Cuộn vô hạn.
`loading:`	Văn bản trong quá trình tải bài viết.
`loaded:`	Văn bản khi tất cả bài viết đã được tải..
`error:`	Văn bản khi có lỗi xảy ra.

6. Phân trang (Chia trang)

Văn bản cho tính năng chia trang. Chỉ cần nhắn tin. Để tạo phân trang, hãy đọc tài liệu: Phân trang.

Phạm vi mã:

pagination: {
  titleText: 'Halaman:',
  allText: 'Lihat Semua',
},

Đánh dấu	Thông tin
`titleTeks:`	Văn bản tiêu đề phân trang.
`allText:`	Văn bản để hiển thị tất cả bài viết.

7. Bài đăng tùy chỉnh trên trang trống (Lỗi 404)

Tiện ích sẽ tự động xuất hiện khi lỗi 404 xảy ra. Ví dụ có thể xem tại: Trang lỗi 404 của Igniplex.

Phạm vi mã:

postEmpty: {
  label: 'random',
  num: 4,
  showImage: true,
  showComment: true,
  showLabel: true,
},

Đánh dấu	Thông tin
`label:`	Nhãn của bài viết xuất hiện. random: bài viết ngẫu nhiên. Theo nhãn: điền tên nhãn cụ thể. Ví dụ: điền Blogger để chỉ hiển thị các bài viết có nhãn 'Blogger'. PHÂN BIỆT CHỮ HOA VÀ CHỮ THƯỜNG! Kích thước thực sự quan trọng! Hãy đảm bảo viết đúng tên nhãn.
`num:`	Số lượng bài viết.
`showImage:`	Hình ảnh thu nhỏ. `true` để đưa lên, `false` để tắt.
`showComment:`	Thông tin về số lượng bình luận. `true` để đưa lên, `false` để tắt.
`showLabel:`	Thông tin nhãn. `true` để đưa lên, `false` để tắt.

Bài đăng tùy chỉnh trên trang trống (Lỗi 404)

8. Bài viết liên quan (Related Post) Bài viết bên dưới

Hiển thị cài đặt cho tính năng Liên quan bên dưới. Để chọn loại liên quan bên dưới, hãy đọc tài liệu: Chọn và sắp xếp bố cục (kiểm tra số 8). Có 2 loại chế độ xem, hãy đảm bảo nhấp vào liên kết).

Phạm vi mã:

relatedBottom: {
  num: 6,
  showImage: true,
  showSnippet: true,
  showTime: true,
},

Đánh dấu	Thông tin
`num:`	Số lượng bài viết.
`showImage:`	Hình ảnh thu nhỏ. `true` để đưa lên, `false` để tắt.
`showSnippet:`	Trích đoạn (tóm tắt). `true` để đưa lên, `false` để tắt.
`showTime:`	Thông tin ngày xuất bản. `true` để đưa lên, `false` để tắt.

Bài viết liên quan (Related Post) Bài viết bên dưới

9. Bài viết liên quan ( Related Post ) Bài viết giữa

Hiển thị cài đặt cho tính năng Trung tâm liên quan.

Phạm vi mã:

relatedMiddle: {
  num: 4,
  showImage: true,
},

Đánh dấu	Thông tin
`num:`	Số lượng bài viết.
`showImage:`	Hình ảnh thu nhỏ. `true` để đưa lên, `false` để tắt.

Bài viết liên quan ( Related Post ) Bài viết giữa

10. Mục lục (TOC)

Cài đặt cho tính năng Mục lục (TOC). Mục lục sẽ không xuất hiện nếu bài viết đã có mục lục hướng dẫn tích hợp sẵn. Bạn nên lưu lại mục lục CSS trước đó để có thể sử dụng trong mẫu mới.

Phạm vi mã:

toc: {
  type: 1,
  title: 'Daftar Isi',
  selector: 'h2, h3, h4',
  overlay: true,
},

Đánh dấu	Thông tin
`type:`	Loại mục lục: `1`: xuất hiện ở đầu bài viết. `2`: phía trên tiêu đề đầu tiên. `3`: có thẻ người gọi (đọc thêm bên dưới).
`title:`	Tiêu đề của mục lục.
`selector:`	Cứ để nguyên như vậy.
`overlay:`	Để hiển thị mục lục bên dưới khi cuộn menu mục lục chính (ở trên cùng). `true` bật, `false` tắt.

10.1. Mục lục Với Thẻ Người gọi

Bạn có thể tự do quyết định vị trí xuất hiện mục lục. Đầu tiên, hãy đảm bảo chọn loại số 3. Sau đó, trong bài viết sử dụng thẻ gọi này:

Phạm vi mã:

<!-- toc -->

Sử dụng chế độ viết HTML (không phải chế độ Compose) để gắn thẻ dễ dàng hơn. Ví dụ đầy đủ:

Phạm vi mã:

<p>Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf.</p>
<!-- toc -->
<p>Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.</p>

Sau đó, mục lục sẽ xuất hiện tại vị trí có thẻ .

11. Chuyển văn bản thành giọng nói (Đọc văn bản tự động bằng giọng nói)

Để thiết lập tính năng Chuyển văn bản thành giọng nói. Nếu bạn muốn xóa tính năng này, hãy đọc tài liệu: Chọn và sắp xếp bố cục (kiểm tra số 11).

Phạm vi mã:

speech: {
  lang: 'id-ID',
  speed: 1,
  playText: 'Memutar...',
  pauseText: 'Jeda',
  finishText: 'Selesai',
  exception: ['.toc', '.igniplexTengah', '.post-body pre', '.tabs.syntax'],
},

Đánh dấu	Thông tin
`lang:`	Ngôn ngữ. Nếu bạn có bài viết không sử dụng ngôn ngữ chính, bạn có thể chuyển chúng sang ngôn ngữ khác (đọc thêm bên dưới).
`speed:`	Tốc độ đọc.
`playText:`	Vừa nói vừa nhắn tin.
`pauseText:`	Văn bản trong khi tạm dừng.
`finishText:`	Văn bản sau khi đọc xong bài viết.
`exception:`	Những phần không được đọc. Thay thế theo tên lớp hoặc ID của phần tử.

11.1. Sử dụng các ngôn ngữ khác nhau

Nếu ngôn ngữ mặc định là id-ID nhưng có một số bài viết bằng tiếng Anh, bạn có thể cài đặt ngôn ngữ cho các bài viết đó là tiếng Anh.

Sử dụng chế độ viết HTML (không phải Compose). Vào cuối bài viết, nhập mã sau và thay thế bằng được đánh dấu theo ngôn ngữ mong muốn:

<!-- toc -->

Sử dụng chế độ viết HTML (không phải chế độ Compose) để gắn thẻ dễ dàng hơn. Ví dụ đầy đủ:

Phạm vi mã:

<script>igniplex.speech.lang='en-US';</script>

12. Đánh dấu

Cài đặt cho tính năng Đánh dấu. Phạm vi mã:

bookmark: {
  maxWidget: 5,
  maxAll: 100,
  emptyText: 'Tidak ada bookmark',
  moreText: 'Lihat selengkapnya',
  currentText: 'Sedang melihat halaman bookmark',
  morePage: '/p/bookmark.html',
}

Đánh dấu	Thông tin
`maxWidget:`	Số lượng dấu trang tối đa trên các tiện ích trong tiêu đề.
`maxAll:`	Số lượng dấu trang tối đa trên một trang tĩnh (Trang).
`emptyText:`	Văn bản khi không có dấu trang.
`moreText:`	Văn bản chuyển hướng đến trang tĩnh.
`currentText:`	Văn bản khi mở một trang tĩnh.
`morePage:`	URL của trang tĩnh đánh dấu.

12.1. Cách sử dụng dấu trang

Đầu tiên hãy tạo một trang tĩnh để lưu trữ dấu trang. Viết mã này vào bài viết. Hãy đảm bảo chọn chế độ HTML, không phải chế độ Soạn thảo.
```
<div class='ignielBookmarks'>Loading...</div>
```
Xuất bản và sao chép URL của trang.
Hãy đảm bảo viết đúng URL trong phần morePage.

← Thẻ meta Chọn và sắp xếp bố cục →

Chọn và sắp xếp bố cục

Bạn có biết Igniplex v3 là mẫu Blogspot có nhiều giao diện giống như WordPress không? Chỉ cần mua 1 mẫu, bạn sẽ có cảm giác như đang mua 3 đến 4 mẫu khác nhau vì giao diện có thể tùy chỉnh rất nhanh chóng và dễ dàng.

Tất cả các thiết lập này được thực hiện trong menu Chủ đề > TÙY CHỈNH.

Trượt bảng điều khiển để thay đổi cài đặt hoặc nhập thủ công vào các hộp có sẵn. Đừng quên lưu bằng cách nhấp vào biểu tượng lưu ở góc dưới bên phải.

Chọn Nâng cao > Bố cục blog.

1. Kiểu bố trí

Đánh dấu	Thông tin
`1`	Không có thanh bên
`2`	Với thanh bên (mặc định)

2. Số lưới

Số lượng cột đăng bài. Nếu thiết lập thành 2 cột, bạn nên thay đổi độ rộng của phần blog chính (xem số 4) để hình ảnh không bị vỡ.

Đánh dấu	Thông tin
`2`	2 cột
`3`	3 cột (mặc định)

3. Lưới điện di động

Cài đặt số cột ở chế độ xem trên thiết bị di động/kích thước màn hình 640px trở xuống.

Đánh dấu	Thông tin
`1`	1 cột khi xem trên thiết bị di động
`2`	2 cột khi xem trên thiết bị di động (mặc định)

Nhấp để xem kích thước lớn hơn.

4. Chiều rộng bài đăng

Chiều rộng của phần thân bài viết chính trên blog (chỉ phần bên trái của bài viết chính, không bao gồm thanh bên). Kích thước mặc định : 860.

5. Loại thanh trượt

Chỉ cần thiết lập kiểu hiển thị. Để xóa thanh trượt, hãy vào menu Bố cục và tắt tiện ích Thanh trượt .

Đánh dấu	Thông tin
`1`	vuốt (vuốt thủ công) (mặc định)
`2`	lưới
`3`	vòng quay tự động di chuyển (nặng hơn vì sử dụng Javascript bổ sung)

Nhấp để xem kích thước lớn hơn.

6. Kiểu điều hướng

Cài đặt điều hướng trên trang chính (trang chủ).

Đánh dấu	Thông tin
`1`	bình thường (mặc định)
`2`	Cuộn vô hạn

Nhấp để xem kích thước lớn hơn.

7. Kiểu điều hướng bài viết

Cài đặt điều hướng trên trang bài viết.

Đánh dấu	Thông tin
`1`	bình thường (mặc định)
`2`	theo tiêu đề

Nhấp để xem kích thước lớn hơn.

8. Liên quan Trung gian

Sắp xếp các bài viết liên quan ở giữa (related middle). Chỉ cần thiết lập kiểu bố cục. Để thay đổi cài đặt sử dụng hình thu nhỏ hay không, hãy đọc tài liệu: Cấu hình tính năng mẫu (kiểm tra số 9).

Đánh dấu	Thông tin
`0`	lau đi
`1`	hoạt động (mặc định)

9. Liên quan Đáy

Cài đặt bài viết liên quan bên dưới (liên quan ở dưới). Chỉ cần thiết lập kiểu bố cục. Để thay đổi cài đặt sử dụng hình thu nhỏ, ngày tháng và đoạn trích, hãy đọc tài liệu: Cấu hình tính năng mẫu (kiểm tra số 8).

Đánh dấu	Thông tin
`0`	lau đi
`1`	hình ảnh thu nhỏ (mặc định)
`2`	hình ảnh thu nhỏ lớn (mô hình lưới)

Nhấp để xem kích thước lớn hơn.

10. Đoạn trích bài viết

Cài đặt văn bản trích dẫn (tóm tắt) trong tiện ích blog chính (không bao gồm trong bài đăng tùy chỉnh).

Đánh dấu	Thông tin
`0`	lau đi
`1`	hoạt động (mặc định)

11. Văn bản thành giọng nói

Cài đặt chuyển văn bản thành giọng nói.

Đánh dấu	Thông tin
`0`	lau đi
`1`	hoạt động (mặc định)

← Cấu hình tính năng mẫu Bài đăng tùy chỉnh →

Bài đăng tùy chỉnh

Bài đăng tùy chỉnh nằm ở hai nơi, cụ thể là trang chủ và trang lỗi 404. Trang lỗi 404 có thể được thiết lập trong cấu hình. Đọc tài liệu: Cấu hình tính năng mẫu (kiểm tra số 7). Bài viết này thảo luận cụ thể về các bài đăng tùy chỉnh trên trang chủ .

Để thiết lập, hãy vào menu Bố cục. Hãy đảm bảo bật tiện ích bằng cách bật phần Hiển thị tiện ích này.

Tên phần	Thông tin
`Slider`	Hoạt động như một thanh trượt được đặt ở vị trí cao nhất.
`Custom-Post-1`, `Custom-Post-2`, `Custom-Post-3`, `Custom-Post-4`	Nằm trên cùng một đường thẳng với thanh bên.
`Custom-Post-1-B`, `Custom-Post-2-B`, `Custom-Post-3-B`, `Custom-Post-4-B`	Nằm bên dưới thanh bên.

Custom-Post-1 và Custom-Post-2 có số lượng tối đa là 2 tiện ích. Slider, Custom-Post-3 và Custom-Post-4 có số lượng tiện ích tối đa chỉ là 1.

Các thuộc tính có trong bài đăng tùy chỉnh này bao gồm:

Thuộc tính	Thông tin
`label`	Loại bài viết (ngẫu nhiên hoặc dựa trên nhãn cụ thể).
`num`	Số lượng bài viết.
`showLabel`	Thông tin nhãn. `true`để đưa lên, `false`để tắt. QUAN TRỌNG Thông tin nhãn sẽ tự động bị mất và cài đặt showLabel sẽ bị bỏ qua khi hiển thị các bài viết có nhãn cụ thể (không phải ngẫu nhiên).
`showComment`	Thông tin về số lượng bình luận. `true`để đưa lên, `false`để tắt.
`showSnippet`	Trích đoạn (tóm tắt). `true`để đưa lên, `false`để tắt.
`showTime`	Thông tin ngày xuất bản. `true`để đưa lên, `false`để tắt.
`showText`	Văn bản dưới dạng liên kết để hiển thị thêm bài viết.

Sắp xếp bài viết ngẫu nhiên hoặc dựa trên nhãn

Bài đăng tùy chỉnh có thể được thiết lập bằng cách sử dụng các bài viết ngẫu nhiên hoặc dựa trên nhãn. Mỗi tiện ích có một thuộc tính label. Nếu điền ngẫu nhiên thì bài viết sẽ được lấy ngẫu nhiên. Nếu sử dụng tên nhãn, bài viết sẽ xuất hiện dựa trên nhãn đó.

Ví dụ về một bài viết ngẫu nhiên:

label: 'random'

Ví dụ về bài viết dựa trên nhãn 'Blogger' (hoặc theo nhãn của bạn). PHÂN BIỆT CHỮ HOA VÀ CHỮ THƯỜNG! Kích thước của văn bản rất quan trọng. Hãy đảm bảo viết đúng tên nhãn.

label: 'Blogger'

Tôi đã bao gồm mã mặc định cho mỗi tiện ích trong trường hợp có bất kỳ tiện ích nào bị xóa nhầm. Những mục được đánh dấu có nghĩa là chúng có thể được thay thế.

1. Thanh trượt

Ở đây chỉ cần thiết lập loại bài viết cần tìm và số lượng. Nếu bạn muốn thay đổi giao diện của thanh trượt, hãy đọc tài liệu: Chọn và sắp xếp bố cục (kiểm tra số 1).

Mã mặc định :

label: 'random', num: 6, showLabel: true

2. Bài đăng tùy chỉnh 1

Có dạng lưới giống như phần đăng bài chính. Có thể hiển thị ngày, thông tin số lượng bình luận, thông tin nhãn và đoạn trích. Mã mặc định:

label: 'random', num: 6, showComment: true, showLabel: true, showSnippet: true, showTime: true, showText: 'View all'

Kết quả hiển thị HTML bài đăng tùy chỉnh 1.

3. Bài đăng tùy chỉnh 2

Có hình thu nhỏ. Chỉ hiển thị thông tin về số lượng bình luận và nhãn. Mã mặc định:

label: 'random', num: 6, showComment: false, showLabel: false, showText: 'Show All'

Kết quả hiển thị HTML của bài đăng tùy chỉnh 2.

4. Bài đăng tùy chỉnh 3

Cấu trúc bài viết giống như custom-post-1 nhưng mở rộng sang bên cạnh để có thể cuộn được. Mã mặc định:

label: 'random', num: 6, showComment: true, showLabel: true, showSnippet: true, showTime: true, showText: 'Show All'

Kết quả hiển thị bài đăng HTML tùy chỉnh thứ 3.

5. Bài đăng tùy chỉnh 4

Nó có dạng dọc với tỷ lệ 5:4 giống như Instagram Stories hay YouTube Shorts có thể cuộn sang ngang. Chỉ hiển thị thông tin tiêu đề và nhãn. Mã mặc định:

label: 'random', num: 6, showLabel: true, showText: 'Show All'

Kết quả hiển thị bài đăng HTML tùy chỉnh thứ 4.

← Chọn và sắp xếp bố cục Thay đổi màu sắc →

Thay đổi màu sắc

Có thể thay đổi trực tiếp trong Tùy chỉnh. Chọn Nâng cao. Sửa đổi bất kỳ phần nào theo ý muốn.

Phần Bố cục Blog dùng để thiết lập kiểu bố cục cho blog. Để biết thêm thông tin, hãy đọc tài liệu: Chọn và sắp xếp bố cục.

← Bài đăng tùy chỉnh Menu trong Tiêu đề →

Menu trong Tiêu đề

Có hai tiện ích menu có thể được sửa đổi, đó là menu thông thường và menu hồ sơ (điều hướng). Để sửa đổi, hãy vào Bố cục và tập trung vào phần Menu chính.

1. Menu thường lệ

Nằm cạnh logo hoặc tiêu đề blog. Chọn tiện ích Menu và thay đổi URL nếu cần. Tôi đã đưa vào mã mặc định phòng trường hợp có mã nào đó bị xóa.

Kết quả của việc hiển thị một menu HTML thông thường.

Mã mặc định:

<li><a href='#' title='Title'>Title</a></li>
<li class='dropdown'>
  <span>Dropdown</span>
  <ul>
    <li><a href='#' title='Title Dropdown'>Title Dropdown</a></li>
  </ul>
</li>
<li class='dropdown'>
  <span>Multi Dropdown</span>
  <ul>
    <li class='dropdown'>
      <span>Multi Dropdown 1</span>
      <ul>
        <li><a href='#' title='Title Multi Dropdown 1'>Title Multi Dropdown 1</a></li>
      </ul>
    </li>
    <li class='dropdown'>
      <span>Multi Dropdown 2</span>
      <ul>
        <li><a href='#' title='Title Multi Dropdown 2'>Title Multi Dropdown 2</a></li>
      </ul>
    </li>
  </ul>
</li>

Đảm bảo tuân theo định dạng viết như trong ví dụ để tránh lỗi trong menu. KHÔNG xóa tên lớp hiện có.

2. Menu Hồ sơ (Điều hướng)

Có 3 phần, cụ thể là menu điều hướng, phương tiện truyền thông xã hội, ảnh đại diện và tên.

2.1. Menu iều hướng

Chọn tiện ích Điều hướng .

Tiện ích menu hồ sơ.

Kết quả hiển thị HTML của menu hồ sơ.

Mã mặc định :

<li>
  <a href='#' itemprop='url' title='About'>
    <svg viewbox='0 0 24 24'>
      <path d='M11.9612 16.5167V13.8887'/>
      <path d='M21.0895 11.4775L21.0605 11.4985C18.6385 12.9905 15.4405 13.8915 11.9565 13.8915C8.47252 13.8915 5.28352 12.9905 2.86252 11.4985L2.83252 11.4775'/>
      <path d='M2.75024 13.3507C2.75024 7.19871 5.05324 5.14771 11.9612 5.14771C18.8702 5.14771 21.1722 7.19871 21.1722 13.3507C21.1722 19.5027 18.8702 21.5537 11.9612 21.5537C5.05324 21.5537 2.75024 19.5027 2.75024 13.3507Z'/>
      <path d='M15.2239 5.3692V4.7392C15.2239 3.4752 14.3009 2.4502 13.1639 2.4502H10.7589C9.62185 2.4502 8.69885 3.4752 8.69885 4.7392V5.3692'/></svg>
    <span itemprop='name'>About</span>
  </a>
</li>
<li>
  <a href='#' itemprop='url' title='Contact'>
    <svg viewbox='0 0 24 24'>
      <path d='M17.5449 9.01904C17.5449 9.01904 14.3349 12.8717 11.987 12.8717C9.64016 12.8717 6.39404 9.01904 6.39404 9.01904'/>
      <path d='M2.45215 11.9688C2.45215 5.13075 4.8331 2.85205 11.976 2.85205C19.1188 2.85205 21.4998 5.13075 21.4998 11.9688C21.4998 18.8059 19.1188 21.0856 11.976 21.0856C4.8331 21.0856 2.45215 18.8059 2.45215 11.9688Z'/></svg>
    <span itemprop='name'>Contact</span>
  </a>
</li>
<li>
  <a href='#' itemprop='url' title='Disclaimer'>
    <svg viewbox='0 0 24 24'>
      <path d='M11.9846 21.6057C14.3196 21.6057 19.6566 19.2837 19.6566 12.8787C19.6566 6.47473 19.9346 5.97373 19.3196 5.35773C18.7036 4.74173 15.4936 2.75073 11.9846 2.75073C8.47557 2.75073 5.26557 4.74173 4.65057 5.35773C4.03457 5.97373 4.31257 6.47473 4.31257 12.8787C4.31257 19.2837 9.65057 21.6057 11.9846 21.6057Z'/>
      <path d='M9.38599 11.8749L11.278 13.7699L15.176 9.86987'/>
    </svg>
    <span itemprop='name'>Disclaimer</span>
  </a>
</li>
<li>
  <a href='#' itemprop='url' title='Privacy Policy'>
    <svg viewbox='0 0 24 24'>
      <path d='M16.4709 9.40335V7.25435C16.4399 4.73535 14.3719 2.71935 11.8539 2.75035C9.38685 2.78135 7.39185 4.76735 7.34985 7.23435V9.40335'/>
      <path d='M11.9103 14.1562V16.3772'/>
      <path d='M11.9102 8.82422C6.16524 8.82422 4.25024 10.3922 4.25024 15.0952C4.25024 19.7992 6.16524 21.3672 11.9102 21.3672C17.6552 21.3672 19.5712 19.7992 19.5712 15.0952C19.5712 10.3922 17.6552 8.82422 11.9102 8.82422Z'/>
    </svg>
    <span itemprop='name'>Privacy Policy</span>
  </a>
</li>
<li>
  <a href='#' itemprop='url' title='Sitemap'>
    <svg viewbox='0 0 24 24'><path d='M15.596 15.6963H8.37598'/>
      <path d='M15.596 11.9365H8.37598'/>
      <path d='M11.1312 8.17725H8.37622'/>
      <path d='M3.61011 12C3.61011 18.937 5.70811 21.25 12.0011 21.25C18.2951 21.25 20.3921 18.937 20.3921 12C20.3921 5.063 18.2951 2.75 12.0011 2.75C5.70811 2.75 3.61011 5.063 3.61011 12Z'/>
      </svg>
    <span itemprop='name'>Sitemap</span>
  </a>
</li>

2.2. Phương tiện truyền thông xã hội

hần này vẫn cần phải được chỉnh sửa thông qua mã HTML mẫu. Vào menu Chủ đề > Chỉnh sửa HTML. Hãy tìm đoạn mã sau:

<div class='social f'>

Bên dưới có đoạn mã này. Thay thế bằng ID mạng xã hội hoặc tên người dùng của bạn.

<a aria-label='Facebook' class='fb' href='https://www.facebook.com/#' rel='nofollow noopener' target='_blank' title='Facebook'>
  <svg class='fill' viewBox='0 0 64 64'>
    <path d='M59.5 1H4.5C2.5 1 1 2.6 1 4.5V59.5C1 61.5 2.6 63 4.5 63H34.1V38.9H26.1V29.6H34.1V22.7C34.1 14.7 38.9 10.3 46.1 10.3C48.5 10.3 50.9 10.4 53.3 10.7V19H48.5C44.7 19 43.9 20.8 43.9 23.5V29.4H53L51.7 38.8H43.7V62.6H59.5C61.5 62.6 63 61.1 63 59.1V4.5C62.9 2.5 61.3 1 59.5 1Z'/>
  </svg>
</a>
<a aria-label='Instagram' class='ig' href='https://www.instagram.com/#' rel='nofollow noopener' target='_blank' title='Instagram'>
  <svg class='fill' viewBox='0 0 64 64'>
    <path d='M62.9 19.2C62.8 16 62.2 13.7 61.5 11.6C60.8 9.5 59.7 7.8 58 6.1C56.3 4.4 54.6 3.4 52.6 2.6C50.6 1.8 48.4 1.3 45 1.2C41.5 1 40.5 1 32 1C23.5 1 22.6 1 19.2 1.1C15.8 1.2 13.7 1.8 11.6 2.5C9.5 3.2 7.8 4.4 6.1 6.1C4.4 7.8 3.3 9.5 2.6 11.6C1.8 13.6 1.3 15.8 1.2 19.2C1.1 22.6 1 23.5 1 32C1 40.5 1 41.4 1.1 44.8C1.2 48.2 1.8 50.3 2.5 52.4C3.2 54.5 4.3 56.2 6 57.9C7.7 59.6 9.5 60.7 11.5 61.4C13.5 62.1 15.7 62.7 19.1 62.8C22.5 63 23.4 63 31.9 63C40.4 63 41.3 63 44.7 62.9C48.1 62.8 50.2 62.2 52.3 61.5C54.4 60.8 56.1 59.7 57.8 58C59.5 56.3 60.6 54.5 61.3 52.5C62 50.5 62.6 48.3 62.7 44.9C62.8 41.7 62.8 40.7 62.8 32.2C62.8 23.7 63 22.6 62.9 19.2ZM57.3 44.5C57.2 47.5 56.6 49.1 56.2 50.3C55.6 51.7 54.9 52.8 53.8 53.8C52.7 54.9 51.7 55.5 50.3 56.2C49.2 56.6 47.6 57.2 44.5 57.3C41.3 57.3 40.3 57.3 32.1 57.3C23.9 57.3 22.8 57.3 19.6 57.2C16.6 57.1 15 56.5 13.8 56.1C12.4 55.5 11.3 54.8 10.3 53.7C9.2 52.6 8.6 51.6 7.9 50.2C7.5 49.1 6.9 47.5 6.8 44.4C6.8 41.3 6.8 40.3 6.8 32C6.8 23.7 6.8 22.7 6.9 19.5C7 16.5 7.6 14.9 8 13.7C8.6 12.3 9.3 11.2 10.3 10.2C11.4 9.1 12.4 8.5 13.8 7.9C14.9 7.5 16.5 6.9 19.6 6.8C22.8 6.7 23.8 6.7 32.1 6.7C40.4 6.7 41.4 6.7 44.6 6.8C47.6 6.9 49.2 7.5 50.4 7.9C51.8 8.5 52.9 9.2 53.9 10.2C55 11.3 55.6 12.3 56.3 13.7C56.7 14.8 57.3 16.4 57.4 19.5C57.5 22.7 57.5 23.7 57.5 32C57.5 40.3 57.4 41.3 57.3 44.5Z'/>
    <path d='M32.0016 16.0996C23.1016 16.0996 16.1016 23.2996 16.1016 31.9996C16.1016 40.8996 23.3016 47.8996 32.0016 47.8996C40.7016 47.8996 48.0016 40.8996 48.0016 31.9996C48.0016 23.0996 40.9016 16.0996 32.0016 16.0996ZM32.0016 42.3996C26.2016 42.3996 21.6016 37.6996 21.6016 31.9996C21.6016 26.2996 26.3016 21.5996 32.0016 21.5996C37.8016 21.5996 42.4016 26.1996 42.4016 31.9996C42.4016 37.7996 37.8016 42.3996 32.0016 42.3996Z'/>
    <path d='M48.7 19.1002C50.7435 19.1002 52.4 17.4436 52.4 15.4002C52.4 13.3567 50.7435 11.7002 48.7 11.7002C46.6565 11.7002 45 13.3567 45 15.4002C45 17.4436 46.6565 19.1002 48.7 19.1002Z'/>
  </svg>
</a>
<a aria-label='Tiktok' class='tt' href='https://www.tiktok.com/#' rel='nofollow noopener' target='_blank' title='Tiktok'>
  <svg class='fill' viewBox='0 0 64 64'>
    <path d='M55.619 1H8.38095C4.3111 1 1 4.3111 1 8.38095V55.619C1 59.6889 4.3111 63 8.38095 63H55.619C59.6889 63 63 59.6889 63 55.619V8.38095C63 4.3111 59.6889 1 55.619 1ZM49.7231 28.0482C49.3846 28.0811 49.0447 28.0984 48.7046 28.0999C46.8681 28.1002 45.0604 27.6431 43.4448 26.7699C41.8291 25.8968 40.4563 24.635 39.4503 23.0986V40.1294C39.4503 42.6189 38.7121 45.0526 37.329 47.1226C35.9458 49.1926 33.9799 50.806 31.6799 51.7587C29.3798 52.7114 26.8489 52.9607 24.4072 52.475C21.9654 51.9893 19.7226 50.7905 17.9622 49.0301C16.2018 47.2697 15.0029 45.0268 14.5172 42.5851C14.0316 40.1433 14.2808 37.6124 15.2335 35.3124C16.1863 33.0123 17.7996 31.0464 19.8696 29.6633C21.9396 28.2801 24.3733 27.5419 26.8629 27.5419C27.1256 27.5419 27.3825 27.5655 27.6408 27.5818V33.7847C27.3825 33.7537 27.1286 33.7065 26.8629 33.7065C25.159 33.7065 23.5249 34.3833 22.3201 35.5881C21.1153 36.7929 20.4385 38.427 20.4385 40.1309C20.4385 41.8347 21.1153 43.4688 22.3201 44.6736C23.5249 45.8784 25.159 46.5552 26.8629 46.5552C30.4116 46.5552 33.5456 43.7593 33.5456 40.2106L33.6076 11.2861H39.5419C39.813 13.8645 40.9818 16.2656 42.844 18.0696C44.7062 19.8735 47.1433 20.9654 49.729 21.1544V28.0482'/>
  </svg>
</a>
<a aria-label='Twitter' class='twt' href='https://twitter.com/#' rel='nofollow noopener' target='_blank' title='Twitter'>
  <svg class='fill' viewBox='0 0 64 64'>
    <path d='M20.3 57.3996C43.9 57.3996 56.7 37.8996 56.7 20.9996C56.7 20.5996 56.7 19.8996 56.6 19.2996C59.1 17.4996 61.3 15.1996 63 12.6996C60.6 13.7996 58.2 14.3996 55.7 14.6996C58.4 13.0996 60.4 10.5996 61.3 7.59961C58.8 8.99961 56.2 10.0996 53.1 10.6996C50.7 8.19961 47.5 6.59961 43.8 6.59961C36.7 6.59961 30.9 12.3996 30.9 19.4996C30.9 20.4996 31 21.4996 31.2 22.4996C20.9 21.7996 11.5 16.6996 5.1 8.99961C4 10.9996 3.4 13.0996 3.4 15.3996C3.4 19.8996 5.7 23.6996 9.2 25.9996C7.1 25.8996 5.1 25.2996 3.4 24.3996C3.4 24.4996 3.4 24.4996 3.4 24.4996C3.4 30.5996 7.8 35.8996 13.6 37.0996C12.5 37.3996 11.3 37.4996 10.4 37.4996C9.6 37.4996 8.7 37.3996 8 37.1996C9.7 42.2996 14.4 45.9996 20 46.0996C15.6 49.4996 10.1 51.5996 4.2 51.5996C3 51.7996 2 51.5996 1 51.4996C6.4 55.2996 13.1 57.3996 20.3 57.3996Z'/>
  </svg>
</a>
<a aria-label='YouTube' class='yt' href='https://www.youtube.com/#' rel='nofollow noopener' target='_blank' title='YouTube'>
  <svg class='fill' viewBox='0 0 64 64'>
    <path d='M61.7 17.0998C61 14.3998 58.9 12.2998 56.2 11.5998C51.4 10.2998 32 10.2998 32 10.2998C32 10.2998 12.6 10.2998 7.8 11.5998C5.1 12.2998 3 14.3998 2.3 17.0998C1 21.9998 1 31.9998 1 31.9998C1 31.9998 1 42.0998 2.3 46.8998C3 49.5998 5.1 51.6998 7.8 52.3998C12.6 53.6998 32 53.6998 32 53.6998C32 53.6998 51.4 53.6998 56.2 52.3998C58.9 51.6998 61 49.5998 61.7 46.8998C63 42.0998 63 31.9998 63 31.9998C63 31.9998 63 21.9998 61.7 17.0998ZM25.8 41.2998V22.6998L41.9 31.9998L25.8 41.2998Z'/>
  </svg>
</a>

2.3. Ảnh đại diện và tên

Đối với ảnh, hãy tìm mã này và thay thế những mã được đánh dấu bằng URL ảnh và tên của bạn.

<img alt='Author' class='lazy' data-src='https://4.bp.blogspot.com/-1eSzIPykBbA/W7TEES3n5PI/AAAAAAAAGeA/NWfEPstRSFspDaGDP6_VBjxTa38mVAHlwCPcBGAYYCw/s72-rw/Lain.jpg' height='72' src='data:image/png;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' title='Author' width='72'/></figure><div class='info f'><div class='t'>Your Name</div>

URL trong văn bản 'THEO DÕI' không cần phải thay đổi vì nó sẽ tự động thay đổi thành URL blog tương ứng.

← Thay đổi màu sắc Vị trí quảng cáo →

Vị trí quảng cáo

Igniplex có tính năng Ad Lazyload và Anti AdBlock.

Như đã giải thích trên trang tài liệu, nếu bạn sử dụng quảng cáo thủ công, bạn KHÔNG CẦN phải viết tập lệnh AdSense bên ngoài này:

<script async='async' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxx' crossorigin='anonymous'></script>

Nguyên nhân là do tập lệnh đã được thay thế bằng mã trong tiện ích CONFIGURATION. Nhập nhiều lần sẽ chỉ làm tăng tốc độ tải trang.

Việc cài đặt mã quảng cáo chỉ đơn giản bắt đầu bằng thẻ mở <ins>.

1. Quảng cáo trên Widget

Một số vị trí quảng cáo có thể được đặt trực tiếp thông qua tiện ích được đánh dấu bằng hộp màu đỏ trong Bố cục. Danh mục này bao gồm quảng cáo Billboard, Quảng cáo hàng đầu (phía trên bố cục blog chính), thanh bên, thanh bên cố định, giữa bài viết và hiệu ứng thị sai.

Nhấp vào biểu tượng bút chì, nhập mã quảng cáo (hãy nhớ tuân thủ các quy tắc viết ở trên để trang tải nhanh), chọn Hiển thị tiện ích này, sau đó nhấn nút Lưu.

Một số khác phải được cài đặt thông qua mã HTML mẫu. Bao gồm những nội dung sau.

2. Quảng cáo phía trên bài viết (bên dưới tiêu đề)

Tìm đoạn mã sau và thay thế bằng mã quảng cáo.

<!-- Ads top post / Iklan atas post -->

3. Trong bài viết Quảng cáo

Tìm đoạn mã sau và thay thế bằng mã quảng cáo.

<!-- Ads bottom post / Iklan bawah post -->

4. Quảng cáo trong nguồn cấp dữ liệu

Chèn quảng cáo giữa các bài viết trên trang chủ. Vì Igniplex là lưới có 3 cột lặp lại trên máy tính để bàn và 2 cột trên thiết bị di động nên bạn nên đặt quảng cáo In-Feed sau bài viết thứ 6 (bội chung nhỏ nhất của 2 và 3).

Đầu tiên, hãy đảm bảo hiển thị NHIỀU bài viết hơn so với vị trí In-Feed mong muốn. Ví dụ, tôi sẽ hiển thị In-Feed sau bài viết thứ 6, như vậy tôi phải hiển thị nhiều hơn 6 bài viết trên trang chủ. Tôi chọn hiển thị 9. Bạn có thể thiết lập mục này trong tiện ích Bài đăng trên blog.

Sau đó, trong mã HTML của mẫu, hãy tìm mã này:

<b:if cond='data:i == 6'>
  <div class='infeed'>
    <!-- Ad code InFeed / Kode iklan InFeed -->
  </div>
</b:if>

Số 6 có nghĩa là quảng cáo In-Feed sẽ xuất hiện sau bài viết thứ 6. Bạn cũng có thể thay đổi tùy ý. Đừng quên nhập mã quảng cáo vào chỗ đã đánh dấu.

Bước cuối cùng, hãy tìm mã này:

<!-- <b:include cond='data:view.isHomepage' name='infeed'/> -->

Đổi sang HTML hoạt động bằng cách xóa thẻ bình luận. Kết quả như thế này:

<b:include cond='data:view.isHomepage' name='infeed'/>

5. Quảng cáo giữa bài viết lặp lại

Hiện đã có một ô quảng cáo ở giữa bài viết trong tiện ích. Tuy nhiên, nếu một quảng cáo là không đủ và bạn muốn đặt nhiều quảng cáo cùng lúc, hãy làm theo các bước sau.

Trong HTML của blog, hãy tìm đoạn mã này:
```
<data:post.body/>
```

Thêm mã HTML này BÊN DƯỚI mã bạn đã tìm thấy trước đó.

<b:if cond='data:view.isPost'>
  <div class='igniplexTengah'>
    Masukkan kode iklan di sini.
  </div>
</b:if>

Nếu bạn muốn có nhiều vị trí quảng cáo hơn, chỉ cần lặp lại phần tử HTML với lớp igniplexTengah. Số lần lặp lại tương ứng với số quảng cáo bạn muốn hiển thị. Ví dụ như sau: quảng cáo ở giữa sẽ xuất hiện 3 lần.
```
<b:if cond='data:view.isPost'>
  <div class='igniplexTengah'>
  Masukkan kode iklan di sini.
  </div>
  <div class='igniplexTengah'>
  Masukkan kode iklan di sini.
  </div>
  <div class='igniplexTengah'>
  Masukkan kode iklan di sini.
  </div>
</b:if>
```

Không chỉ quảng cáo, mọi phần tử HTML được gán tên lớp igniplexTengah sẽ tự động được đặt vào giữa bài viết.

← Menu trong tiêu đề Phân trang (Chia trang) →

Phân trang (Chia trang)

Chức năng của nó là chia bài viết thành nhiều trang, ví dụ như bài viết này Chia trang Blogspot (Giống WordPress).

Để bật tính năng này, khi viết bài viết, hãy chọn chế độ HTML (không phải Compose). Sau đó viết đoạn mã sau:

<div class='ignielPagination'>
  Viết nội dung bài viết ở trang một.
</div>

<div class='ignielPagination'>
  Viết nội dung bài viết vào trang hai.
</div>

Mã này có thể được lặp lại nhiều trang tùy ý. Ví dụ trên sẽ chia bài viết thành 2 trang. Nếu bạn muốn chia thành 5 trang, hãy viết mã 5 lần.

← Vị trí quảng cáo Xóa liên kết chân trang →

Xóa Liên kết Chân trang

Vào menu Bố cục và chọn tiện ích Thuộc tính. Xóa hoặc thay thế nội dung theo ý muốn.

← Phân trang (Chia trang) Sitemap →

Sitemap Trang chủ Thống kê

v3 SẮP RA MẮT. Hiện tại, bạn có thể sử dụng Sitemap v2.6. Đây là mã Sitemap v2.6.

Tạo một trang tĩnh mới. Chọn chế độ HTML (Chế soạn thảo) và sao chép mã này.

<div id='sitemap2'>Loading....</div>
<script> //<![CDATA[
  /* Blogger Sitemap with Title, Label, and Date */
  var postTitle = postUrl = postDate = postSum = postLabels = new Array(), sortBy = 'datenewest', tocLoaded = false, numChars = 250, postFilter = '', tocdiv = document.getElementById('sitemap2'), totalEntires = 0, totalPosts = 0;
  function sitemap2(t){function e(){if('entry'in t.feed){var e=t.feed.entry.length;if(totalEntires+=e,totalPosts=t.feed.openSearch$totalResults.$t,totalPosts>totalEntires){var s=document.createElement('script');s.type='text/javascript',startindex=totalEntires+1,s.setAttribute('src','/feeds/posts/summary?start-index='+startindex+'&max-results=9999&alt=json-in-script&callback=sitemap2'),tocdiv.appendChild(s)}for(var o=0;e>o;o++){for(var a,l=t.feed.entry[o],r=l.title.$t,i=l.published.$t.substring(0,10),n=0;n<l.link.length;n++)if('alternate'==l.link[n].rel){a=l.link[n].href;break}if('content'in l)var p=l.content.$t;else if('summary'in l)var p=l.summary.$t;else var p='';var c=/<\S[^>]*>/g;if(p=p.replace(c,''),p.length>numChars){p=p.substring(0,numChars);var d=p.lastIndexOf(' ');p=p.substring(0,d)+'...'}var f='';if('category'in l){for(var n=0;n<l.category.length;n++)f+='<a href=\'javascript:filterPosts(''+l.category[n].term+'');\' title=\'Click here to select all posts with label ''+l.category[n].term+''\'>'+l.category[n].term+'</a>,  ';var u=f.lastIndexOf(',');-1!=u&&(f=f.substring(0,u))}postTitle.push(r),postDate.push(i),postUrl.push(a),postSum.push(p),postLabels.push(f)}}totalEntires==totalPosts&&(tocLoaded=!0,showToc())}e(),sortPosts(sortBy),tocLoaded=!0}function filterPosts(t){postFilter=t,displayToc(postFilter)}function allPosts(){postFilter='',displayToc(postFilter)}function sortPosts(t){function e(t,e){var s=postTitle[t];postTitle[t]=postTitle[e],postTitle[e]=s;var s=postDate[t];postDate[t]=postDate[e],postDate[e]=s;var s=postUrl[t];postUrl[t]=postUrl[e],postUrl[e]=s;var s=postSum[t];postSum[t]=postSum[e],postSum[e]=s;var s=postLabels[t];postLabels[t]=postLabels[e],postLabels[e]=s}for(var s=0;s<postTitle.length-1;s++)for(var o=s+1;o<postTitle.length;o++)'titleasc'==t&&postTitle[s]>postTitle[o]&&e(s,o),'titledesc'==t&&postTitle[s]<postTitle[o]&&e(s,o),'dateoldest'==t&&postDate[s]>postDate[o]&&e(s,o),'datenewest'==t&&postDate[s]<postDate[o]&&e(s,o)}function displayToc(t){var e=0,s='',o='Judul',a='Klik untuk mengurutkan berdasarkan judul',l='Tanggal',r='Klik untuk mengurutkan berdasarkan tanggal',i='Label',n='';'titleasc'==sortBy&&(a+=' (descending)',r+=' (newest first)'),'titledesc'==sortBy&&(a+=' (ascending)',r+=' (newest first)'),'dateoldest'==sortBy&&(a+=' (ascending)',r+=' (newest first)'),'datenewest'==sortBy&&(a+=' (ascending)',r+=' (oldest first)'),''!=postFilter&&(n='Klik untuk melihat semua postingan'),s+='<table>',s+='<thead>',s+='<tr>',s+='<th>',s+='<a href='javascript:toggleTitleSort();' title=''+a+''>'+o+'</a>',s+='</th>',s+='<th>',s+='<a href='javascript:toggleDateSort();' title=''+r+''>'+l+'</a>',s+='</th>',s+='<th>',s+='<a href='javascript:allPosts();' title=''+n+''>'+i+'</a>',s+='</th>',s+='</tr>',s+='</thead>',s+='<tbody>';for(var p=0;p<postTitle.length;p++)''==t?(s+='<tr><td><a href=''+postUrl[p]+'' title=''+postSum[p]+''>'+postTitle[p]+'</a></td><td>'+postDate[p]+'</td><td>'+postLabels[p]+'</td></tr>',e++):(z=postLabels[p].lastIndexOf(t),-1!=z&&(s+='<tr><td><a href=''+postUrl[p]+'' title=''+postSum[p]+''>'+postTitle[p]+'</a></td><td>'+postDate[p]+'</td><td>'+postLabels[p]+'</td></tr>',e++));if(s+='</tbody>',s+='</table>',e==postTitle.length)var c='<div class='judul'>Total Post: '+postTitle.length+'</div>';else{var c='<div class='judul'>Menampilkan '+e+' post berlabel '';c+=postFilter+'' dari '+postTitle.length+' total post.</div>'}tocdiv.innerHTML=c+s}function toggleTitleSort(){sortBy='titleasc'==sortBy?'titledesc':'titleasc',sortPosts(sortBy),displayToc(postFilter)} function toggleDateSort(){sortBy='datenewest'==sortBy?'dateoldest':'datenewest',sortPosts(sortBy),displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);document.getElementById('toclink')}else alert('Just wait. Sitemap is loading....')} function hideToc(){var t=document.getElementById('toc');t.innerHTML='';var e=document.getElementById('toclink');e.innerHTML='<a href='#' onclick='scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');'>» Show Sitemap</a>'}var postTitle=new Array,postUrl=new Array,postDate=new Array,postSum=new Array,postLabels=new Array,sortBy='datenewest',tocLoaded=!1,numChars=250,postFilter='',tocdiv=document.getElementById('sitemap2'),totalEntires=0,totalPosts=0;
//]]> </script>
<script src='/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=sitemap2'></script>

PENTING: Nếu xảy ra lỗi hoặc sơ đồ trang web không xuất hiện, hãy xóa toàn bộ nội dung bài đăng, lưu lại, sau đó sao chép lại và xuất bản lại ngay lập tức.

← Xóa liên kết chân trang Javascript bổ sung →

Javascript bổ sung

Nếu bạn muốn thêm javascript khác, hãy đặt nó vào vị trí sau. Tìm kiếm mã này:

/* ** ADDITIONAL SCRIPT START FROM HERE ** */
  
  // Add any script here
  // Remember: Igniplex v3 DO NOT use jQuery
  
  /* ** END ADDITIONAL SCRIPT ** */

Xóa những mục đãđánh dấuvà đặt javascript vào phần đã xóa.

QUAN TRỌNG: Igniplex v.3 KHÔNG sử dụng jQuery. Nếu bạn có bất kỳ JavaScript nào dựa trên jQuery, hãy đảm bảo cài đặt thư viện jQuery trước.

← Sitemap CSS bổ sung →

CSS bổ sung

Thêm mã CSS thông qua menu Chủ đề > TÙY CHỈNH > Nâng cao > Thêm CSS.

Một cách khác là thông qua mã mẫu HTML (không khuyến khích đối với những người không giỏi viết mã). Tìm kiếm mã này:

]]></b:skin>

Đặt mã CSS mới PHÍA TRÊN mã đó.

← Javascript bổ sung Nếu một mũi tên xuất hiện trên Blog →

Nếu một mũi tên xuất hiện trên Blog

Nguyên nhân thường là do blog đã được chèn quảng cáo, do đó cấu trúc blog sẽ tự động thay đổi. Giải pháp rất đơn giản. Tìm kiếm mã này:

<!--</head>--></head>

Vì vậy, hãy làm điều này:

&lt;!--</head>

← CSS bổ sung