Panduan Setting Kode dalam Sariksa
Dalam konteks bisnis, Information Technology Association of America menjelaskan Pengolahan, penyimpanan dan penyebaran vokal, informasi bergambar, teks dan numerik oleh mikroelektronika berbasis kombinasi komputasi dan telekomunikasi. Istilah dalam pengertian modern pertama kali muncul dalam sebuah artikel 1958 yang diterbitkan dalam Harvard Business Review, di mana penulis Leavitt dan Whisler berkomentar bahwa "teknologi baru belum memiliki nama tunggal yang didirikan. Kita akan menyebutnya teknologi informasi (TI). ". Beberapa bidang modern yang muncul dari teknologi informasi adalah generasi berikutnya teknologi web, bioinformatika, ''Cloud Computing'', sistem informasi global, Skala besar basis pengetahuan dan lain-lain.
MENAMBAHKAN TABLE OF CONTENTS
Edit postingan yang ingin menampilan TOC, edit dalam mode HTML. Setelah itu masukan kode ini di atas postingan atau di lokasi yang sobat inginkan.<div id="toc"><b class="toc"></b></div>
MEMBUAT TOMBOL BUTTON DOWNLOAD / DEMO
<div style="text-align: center;"><a class="buttonDownload" href="#">Download</a></div>
MENAMBAH IKON MEDIA SOSIAL
Untuk menambahkan icon media sosial silakan sobat masuk ke menu “Tata Letak” > Klik edit pada widget icon media sosial > setelah itu masukan kode ini:<a aria-label="facebook" href="#"><span class="social-icon facebook-icon"><i></i></span></a>
<a aria-label="twitter" href="#"><span class="social-icon twitter-icon"><i></i></span></a>
<a aria-label="youtube" href="#"><span class="social-icon youtube-icon"><i></i></span></a>
<a aria-label="instagram" href="#"><span class="social-icon instagram-icon"><i></i></span></a>
<a aria-label="linkedin" href="#"><span class="social-icon linkedin-icon"><i></i></span></a>
<a aria-label="whatsapp" href="#"><span class="social-icon whatsapp-icon"><i></i></span></a>
<a aria-label="googlemaps" href="#"><span class="social-icon googlemaps-icon"><i></i></span></a>
<a aria-label="telegram" href="#"><span class="social-icon telegram-icon"><i></i></span></a>
<a aria-label="pinterest" href="#"><span class="social-icon pinterest-icon"><i></i></span></a>
Mengedit Kode Pengaturan Template
Beberapa fitur di template LinkMagz bisa diatur menggunakan widget kode pengaturan yang tersedia di menu tata letak. Untuk mengeditnya silakan masuk ke menu “Tata Letak” > klik edit pada Widget Kode Pengaturan template. Setelah itu sobat masukan kode ini di bagian konten:<script>
var linkMagzSetting = {
menuSticky : true,
relatedPosts : true,
jumlahRelatedPosts: 4,
relatedPostsThumb: true,
infiniteScrollNav : true,
tombolDarkmode : true,
scrollToTop : true,
fullwidthImage : true,
bacaJuga : true,
jumlahBacaJuga : 3,
judulBacaJuga : "Baca Juga",
showHideTOC : true,
judulTOC : "Daftar Isi",
tombolPesanWA : true,
judulPesanWA : "Pesan via WhatsApp",
nomorWA : 6285729848098,
teksPesanWA : "Halo admin. Saya mau pesan",
};
</script>
Cara Posting Produk dan Jasa
Untuk posting produk atau jasa caranya seperti posting artikel biasa, hanya saja untuk posting produk atau jasa harus menggunakan mode HTML. Selain itu untuk posting produk atau jasa di bagian label harus diisi dengan salah satu dari label berikut:- Produk
- Products
- Jasa
- Services
Silakan bisa pilih salah satu sesuai dengan kebutuhan.
Note:
Huruf besar dan kecil nama labelnya harus sama seperti yang tercantum di atas.
Nama label yang tercantum di atas tidak bisa diganti dengan nama label yang lainnya
Untuk cara postingnya, silakan klik “Entri baru” untuk membuat postingan baru > Pada editor artikel pilih “mode HTML” > setelah itu masukan kode ini di bagian konten:
<div class="gambar-produk"><div class="gambar-slider">
<img alt="gambar" src="#" />
<img alt="gambar" src="#" />
<img alt="gambar" src="#" />
</div></div>
<div class="keterangan-produk">
<b class="harga-produk-coret">Rp.2.000.000,-</b>
<b class="harga-produk">Rp.1.999.000,-</b>
<b class="info-produk">Promo</b>
</div>
<div class='produk-deskripsi'>
Deskripsi produk di sini...
</div>
MEMBUAT LINK LANGSUNG KE TELEPON
<a href="tel:+6285215670598><b>085215670598</b></a>
MEMBUAT LINK SMS LANGSUNG KE SMS
<a href="sms:+6285215670598?body=Salam sejahtera"><b>085215670598</b></a>
PANDUAN LENGKAP BLANTER LANDING PAGE
Documentation and Tutorial
Blanter Landing Page Theme By www.idblanter.com
Selamat Datang
Terima kasih telah membeli template Blanter Landing Page.Template Blanter Landing Page merupakan template blogspot landing page dengan tampilan yang modern dan menarik dilengkap dengan fitur-fitur yang menarik dan juga kecepatan loading yang sangat cepat.
Jika ada pertanyaan tentang penggunaan silahkan hubungi via Whatsapp.
Instalasi Template
Ikuti langkah-langkah berikut:
- Buka folder template yang akan di Install. Buka File Template format XML dengan menggunakan Notepad.
- Copy Semua kode yang ada pada file template tersebut.
- Buka Blogger > Tema > Edit HTML seperti gambar berikut:
- Jika sudah, Hapus semua kode template yang lama, dan paste kode yang baru saja di copy tadi.
- Terakhir, klik tombol Simpan Tema atau Icon Save.
- Tambahan, pada Gambar pertama, silahkan klik Setelan Seluler dan pilih Desktop dan Simpan.
Optimasi SEO
Change xxxxx and YOUR NAME with your SEO data. (For Other Country, Change id and Indonesia)
<!-- SEO META TAG -->
<link href='https://www.blogger.com/profile/xxxxx' rel='publisher'/>
<link href='https://www.blogger.com/profile/xxxxx' rel='author'/>
<link href='https://www.blogger.com/profile/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='YOUR NAME' name='Author'/>
<meta content='id' name='geo.country'/>
<meta content='@xxxxx' name='twitter:creator'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='fb:app_id'/>
Mengubah Warna Dasar
Change this Color Code with Your Color Code
#00B4DB and #0067b0
Pengaturan Lainnya
You can search this code on Templates > Edit HTML
// Pengaturan (Settings)
var phonenumber = ['628888905441','6281977094280'], // Multiple Whatsapp Number
walink2 = 'Halo saya ',
text_yes = 'Terkirim silahkan cek Whatsapp.',
text_no = 'Isi semua Formulir lalu klik Kirim.',
load_more = 'Load More',
load_text = '<i class="fas fa-spinner fa-spin"></i> Loading...',
all_post = 'All Post Show',
error_text = 'Error Loading Feed',
css1 = 'https://use.fontawesome.com/releases/v5.8.2/css/all.css'; // CSS Font Awesome
css2 = 'https://fonts.googleapis.com/css?family=Montserrat&display=swap'; // CSS Montserrat
Tombol Untuk Postingan
Change YOUR-LINK with your link.
<a class="button" href="YOUR-LINK" target="_blank" title="Preview">Preview</a>
This Button have 5 Colors You can change to : "button bt- + color" = "button bt-blue"
<a class="button bt-blue" href="YOUR-LINK" target="_blank" title="Preview">Preview</a>
Color : bt-blue, bt-green, bt-orange, bt-red, bt-purple
Kolom Teks Header
You need to edit this manually on Blogger > Templates > Edit HTML
Kolom Tentang Kami (About Us)
Blogger > Layouts > About Section > Edit
For other settings, You need to edit this manually on Blogger > Templates > Edit HTML
Kolom Why Choose Us
Blogger > Layouts > Choose Us Section > Edit
Put this code on Section Choose Us Widget.
<div class='section-choose'>
<i class='fas fa-medal'></i>
<!-- FONT AWESOME (ICON) : https://fontawesome.com/icons -->
<h3>We're experienced</h3>
<p>We are experienced professionals, but exceed, your expectations.</p>
</div>
Kolom Penjelasan Produk/Jasa
Blogger > Layouts > Product Section > Edit
For other settings, You need to edit this manually on Blogger > Templates > Edit HTML
Pricing Section
Blogger > Layouts > Pricing Section > Edit
Put this code on Section Pricing Widget.
<div class='section-pricing'>
<h3>Consultation</h3>
<span class='harga'>20K</span>
<p>Graphic Design</p><p>Web Design</p><p>Support</p><p>-</p><p>-</p>
<a class='button show-form' href='javascript:void' title='Buy Now'>Buy Now</a>
</div>
Testimonial Section
You need to edit this manually on Blogger > Templates > Edit HTML (Easy Step, Follow START and END)
<!-- START --><div class='testi-info'>
<img alt='Client Info' class='lazy' data-src='https://2.bp.blogspot.com/-2HYt0c3jMNM/XFWWf8Svd5I/AAAAAAAALVI/Itqh6zXzqIE9scGsS8-s1dGtrXacLUfPwCK4BGAYYCw/w50/Rio.jpg'/>
<span class='client-info'>Rhinokage Rio</span>
<div class='testi-text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper lacinia dui, eu luctus nibh elementum at. Sed placerat volutpat nibh sit amet.</div>
<!-- END --></div>
FAQ Section
You need to edit this manually on Blogger > Templates > Edit HTML (Easy Step, Follow START and END)
<!-- START --><div class='wrap-collabsible'>
<input checked='' class='toggle' id='collapsible' type='checkbox'/><label class='lbl-toggle' for='collapsible'>Bagaimana cara memesan template ini?</label>
<div class='collapsible-content'>
<div class='content-inner'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget efficitur lacus. Nulla id eleifend nisi. Maecenas eget felis iaculis, rutrum elit tristique, porta arcu. Phasellus eu arcu massa. Nunc nisl dui, vulputate ac suscipit sit amet, gravida eget ex. Pellentesque sed bibendum sapien.</p>
</div>
</div>
<!-- END --></div>
Our Clients Section
You need to edit this manually on Blogger > Templates > Edit HTML (Easy Step, Follow START and END)
Responsive
Blogger > Theme > Icon > Select Selular Setting > Dekstop > Save
Meta Description
Don't Forget for Activate your Meta Description.
Language and Format
Follow this instruction.
Blog Posts Settings
Follow this instruction.
Iframe Media Responsive
Copy this code to your Posts (HTML Mode)
<div class="media">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" data-src="https://www.youtube.com/embed/Qj6hAxeTiLw"></iframe>
</div>Table Code
Copy this code to your Posts (HTML Mode)
<table cellpadding="0" cellspacing="0"><tbody>
<tr><th>Features</th><th>Availability</th></tr>
<tr><td><b>Responsive Design</b> (<i>Ringan dan Elegan</i>) </td><td>True</td></tr>
<tr><td><b>Fast Load</b> (<i>Tanpa mengorbankan desain</i>)</td><td>True</td></tr>
<tr><td>Recent Post Grid</td><td>True</td></tr>
<tr><td>Infinite Scroll On Click</td><td>True</td></tr>
<tr><td>Google Testing Tool Validator</td><td>True <a href="https://developers.google.com/structured-data/testing-tool?url=https://blanterlanding.blogspot.com" rel="noopener" target="_blank">Cek</a></td></tr>
<tr><td>Mobile Friendly</td><td>True <a href="https://www.google.com/webmasters/tools/mobile-friendly/?url=https://blanterlanding.blogspot.com" rel="noopener" target="_blank">Cek</a></td></tr>
<tr><td>SEO Optimization</td><td>True</td></tr>
</tbody></table>