Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Panduan Setting Kode dalam Sariksa

Panduan Setting Kode dalam Sariksa

Teknologi Informasi (TI), atau dalam bahasa Inggris dikenal dengan istilah Information technology (IT) adalah istilah umum untuk teknologi apa pun yang membantu manusia dalam membuat, mengubah, menyimpan, mengomunikasikan dan/atau menyebarkan informasi. TI menyatukan komputasi dan komunikasi berkecepatan tinggi untuk data, suara, dan video. Contoh dari Teknologi Informasi bukan hanya berupa komputer pribadi, tetapi juga telepon, TV, peralatan rumah tangga elektronik, dan peranti genggam modern (misalnya ponsel).

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 


Blanter Landing : Documentation and Tutorial

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:

  1. Buka folder template yang akan di Install. Buka File Template format XML dengan menggunakan Notepad.
  2. Copy Semua kode yang ada pada file template tersebut.
  3. Buka Blogger > Tema > Edit HTML seperti gambar berikut:
  4. Jika sudah, Hapus semua kode template yang lama, dan paste kode yang baru saja di copy tadi.
  5. Terakhir, klik tombol Simpan Tema atau Icon Save.
  6. 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>)&nbsp;</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>