Friday, November 1, 2024
Copyright 2021 - All Right Reserved
Home » Tutorial Blog
Tag:

Tutorial Blog

Cara Membuat Subdomain di Blogger Gratis Terlengkap

by admin
written by admin
Cara Membuat Subdomain di Blogger Gratis Terlengkap



Ihsan Magazine – Disini saya akan kasih tutorial mudah dan lengkap Cara Membuat Subdomain di Blogger Gratis Terlengkap, disini saya sudah punya domain di Niagahoster, mau punya subdomain tambahan gratis seperti detik.com punya 

news.detik.com khusus berita, hot.detik.com khusus entertaiment dll, disini saya ingin kasih contoh misalkan domain anda di blogspot adalah xample.xyz dan ingin membuat subdomain blog.xample.xyz.

Keuntungan Subdomain di Blogger :


  • Cukup satu domain tanpa biaya tambahan bisa untuk membuat subdomain sendiri
  • Memberi citra yang baik pada blog dengan segmentasi khusus seperti website detik, tribun dll, misalkan khusus tutorial saya buat tutorial.ihsanmagazine.com, untuk download saya buat unduh.ihsanmagazine.com cukup modal satu domain TLD saja!



(Bagi yang belum punya domain saya sarankan di Niagahoster – Klik Disini) atau jika mau punya Hosting terbaik dan murah yang banyak dipakai oleh Web Developer Professional di Indonesia yang terpercaya dengan Support terbaik Bisa di (Niagahoster – Klik Disini)

Cara Membuat Subdomain Blogspot

Dalam contoh ini, Kita akan membuat subdomain blog.xample.xyz dan cName www.blog.xample.xyz yang diarahkan ke IP 216.239.32.21 .

Berikut ini adalah langkah-langkah membuat subdomain
1 . Login ke domain anda
2. Klik menu Domain > List Domain Saya > klik Active dilayanan domain [warna hijau] > DNS Management . Kemudian klik Add New Record
Cara Membuat Subdomain di Blogger Gratis Terlengkap

Cara Membuat Subdomain di Blogger Gratis Terlengkap

klik ADD RECORD

3. Jangan lupa membuat cName www agar bisa diakses dengan/tanpa www.


4. Hasil penambahan subdomain diatas.


Cara Membuat Subdomain di Blogger Gratis Terlengkap


Mendapatkan CNAME

Pertama-tama, buka dashboard Blogger. Akses menu Setelan » Dasar » Alamat Blog. Klik tulisan + Siapkan URL pihak ketiga untuk blog Anda.


Mengatur Subdomain Untuk Blogger

Tuliskan alamat subdomain yang ingin dipakai lalu klik tombol Simpan.


Cara Setting Custom Subdomain Blogspot

Akan muncul pesan kesalahan. Jangan panik, itu memang normal. CNAME yang kita cari akan didapatkan di sini. Catat kedua record tersebut. Jangan tutup halaman ini karena akan digunakan lagi.


CNAME Untuk Custom Subdomain Blogger


Mengatur DNS

Langkah kedua, pergilah ke website tempat membeli domain dan buka menu Control Panel atau DNS Management.

Tampilan setiap website berbeda-beda jadi saya tidak bisa memberikan gambar. Namun semuanya sama kok, intinya akses menu untuk mengatur DNS. Minta bantuan pada Customer Service terkait kalau kesulitan menemukan menunya. Saya sendiri memakai Cloudflare.

Disana sudah ada beberapa record lain yang merupakan milik custom domain utama. Tugas kamu adalah menambahkan dua buah CNAME record yang tadi didapatkan.

Jika biasanya diisi dengan “www” kali ini diisi dengan nama subdomain yang diinginkan. Dalam contoh ini adalah berita.

Sementara untuk 4 buah A Records yang biasanya ditambahkan tidak perlu lagi diinput karena akan mengikuti domain utama.


Atur CNAME Subdomain Blogger

Type Name Domain Name TTL
CNAME berita ghs.google.com Biarkan default sesuai bawaan
CNAME ynxxxxxxxxxx gv-xxxxxxxxxx.dv.googlehosted.com Biarkan default sesuai bawaan


CNAME kedua yang memiliki value unik ynxxxxxxxxxx dan mengarah ke gv-xxxxxxxxxx.dv.googlehosted.com mungkin tidak bisa ditambahkan karena nilainya sama dengan CNAME domain utama. Tidak apa-apa, HAPUS saja karena sebelumya sudah ada.

Memasang Domain di Blogger

Kembali lagi ke pengaturan Blogger dimana pesan kesalahan muncul. Klik tombol Simpan, kali ini pasti berhasil dengan baik.


Memasang Subdomain Kustom Gratis di Blogger

Matikan pengalihan non www. Kenapa? Karena andai diaktifkan, maka saat pengunjung mengakses domain utama igniel.com akan berpindah ke subdomain berita.igniel.com. Kasihan dong domain utama kena redirect terus. Klik Edit pada alamat blog dan JANGAN CENTANG unsur Alihkan domain.com ke www.domain.com kemudian klik tombol Simpan.


Pengalihan Subdomain Blogger

Masih di menu yang sama, aktifkan fitur SSL (HTTPS) cuma-cuma dari Blogger dengan memilih YA pada Ketersediaan HTTPS dan Pengalihan HTTPS. Jika masih belum dapat dipilih, tunggulah sejumlah saat kemudian refresh halaman.


Aktifkan SSL (HTTPS) Gratis Untuk Subdomain Blogger

Dalam sejumlah kasus, barangkali blog tidak dapat diakses dalam sejumlah menit. Itu wajar sebab masa eksodus DNS memerlukan sedikit waktu. 

Tunggu saja sebentar seraya ngopi-ngopi. Terima kasih sudah menyimak tutorial singkat mengenai teknik memasang custom subdomain di Blogspot cuma-cuma ini.

Contoh Subdomain Blogspot yang telah saya buat : 

  • pdf.ihsanmagazine.com
  • wall.ihsanmagazine.com
  • cara.ihsanmagazine.com
  • play.ihsanmagazine.com


Subdomain diatas masih beta belum saya urus lagi hehe.

Sumber: 
IGNIEL.COM
NOVRI

0 comment
0 FacebookTwitterPinterestEmail

Cara Mudah Membuat Push Notifications di Blogger

by admin
written by admin

Push Notifications adalahpesan singkat yang berisi guna berlangganan pada sebuah website secara cuma-cuma atau juga berbayar. Biasanya Push Notifications akan hadir di unsur atas layar Smartphone, atau juga Desktop.

Push Notifications terbilang paling efektif untuk menaikkan lebih tidak sedikit pengunjung ke website website kamu. Platform sosial media yang lumayan terkenal laksana Facebook, Twitter, Linkedln dan masih tidak sedikit lainnya pun pun menggunakan Push Notifications ini.

Cara Membuat Push Notifications di Blogger
1. Kunjungi terlebih dahulu situs web OneSignal → Pilih Start For Free.
2. Isi Formulir Pendaftaran → Dan pilih Create Account → Cek Email Kamu dan verifikasi akun.
3. Buka lagi website OneSignal → Lalu pilih New App/Website → Dan isi Nama App.
4. Selanjutnya akan muncul Pop Up seperti ini dan pilih Web Push → Next.
5. Berikutnya di laman Configure Web Push pilih WordPress Plugin or Website Builder → Lalu pilih Blogger.
6. Lalu scroll ke bawah dan isi Formulir Blogger Site Setup → Pilih Add A Prompt.
7. Setelah muncul Pop Up bisa kamu sesuaikan tampilan nya sesuai selera → Pilih Save.
8. Selanjutnya scroll lagi ke bawah dan kilik Save → Setelah muncul pop up copy kode Script nya.
9. Log in ke Blogger → Tema → Edit HTML.
10. Copy dan Pastekan kode tadi sebelum kode </head> → Simpan Tema.
Berikut adalah tampilan Push Notifications yang telah terpasang di blogger.
Nah, sekian tutorial Cara Membuat Push Notifications di Blogger. Jika terdapat pertanyaan atau permasalahan andai memasang push notifications ini, tidak boleh sungkan-sungkan guna berkomentar inilah ini ya. Semoga bermanfaat.
0 comment
0 FacebookTwitterPinterestEmail

Cara Membuat WordPress Self Hosted Gratis

by admin
written by admin

Pada kesempatan kali ini saya akan memberikan tutorial Cara membuat wordpress self hosted. Selamat membaca! Kemajuan dunia teknologi membuat banyak orang kini mengakses berita atau informasi menggunakan teknologi tersebut yang terhubung dengan Internet yang disediakan oleh website. 

Untuk anda yang ingin mencoba untuk menjadi bagian penyebar berita ataupun informasi seperti yang kami lakukan, maka kali ini kami akan memberikan caranya.

Cara Membuat WordPress Self Hosted

WordPress adalah suatu platform yang paling banyak digunakan untuk membuat sebuah website. Bahkan mereka hampir menguasai sebagian website yang ada di Dunia, WordPress memiliki komunitas yang sangat aktif di dalamnya dan inilah yang menjadikan platform ini menjadi paling sering di gunakan.
Seperti yang kita ketahui WordPress memiliki dua versi yakni WordPress Hosted dan WordPress Self-Hosted, ketika kita menggunakan WP Hosted (wordpress.com) biasanya kita akan mendapatkan berbagai batasan seperti kita tidak bisa menginstall plugin yang kita ingin pasang ataupun kita terkendala saat ingin memasang theme yang kita inginkan, mungkin semua itu bisa terjadi hanya saja kita harus merogoh kocek yang cukup mahal yakni sekitar $4/Bulan untuk paket yang paling Murah.
Dan alternatifnya kebanyakan dari kita akan memilih untuk membangun WordPress self hosted dengan menyewa hosting sendiri. Namun bagi kita yang pemula akan lebih etis ketika kita mencoba terlebih dahulu bagaimana sih setelah menggunakan WordPress Self Hosted? sebelum kita memutuskan untuk membeli Hosting Terbaik

#1 Cara Membuat WordPress Self Hosted dengan Mudah Menggunakan WPInter

WPInter adalah suatu situs yang menyediakan WordPress Self Hosted Gratis dan menyediakan berbagai fitur di dalamnya seperti Costum Domain Gratis dan Storage Gratis, Dan ini semua kita tidak perlu membayar.
  1. Buka Web Browser anda, Saya sarankan untuk menggunakan Google Chrome versi terbaru. Jika kalian belum mempunyai versi terbaru bisa di download di Google Chrome
  2. Buka situs WPInter
  3. Setelah itu klik JOIN NOW pada halaman awal
    Cara Membuat Self Hosted Website Gratis Dengan Mudah

  4. Halaman akan beralih ke halaman login Marsble
  5. Jika anda belum memiliki akun maka klik Creat New Account
  6. Atau lebih mudahnya dengan login menggunakan Google
    Cara Membuat Website Self Hosted Gratis dengan Mudah

  7. Maka anda akan kembali ke halaman WPInter
  8. Isi nama Domain yang anda inginkan
  9. Buat Judul situs yang ingin kalian buat
  10. Atur bahasa ke Bahasa Indonesia agar nanti mudah pengeditan website
  11. Pada pilihan Privacy pilih Yes agar website anda bisa ditemukan di Search Engine
    Cara Membuat Website dengan WPInter Gratis

  12. Pembuatan website selesai,
  13. Login Untuk kembali ke halaman wpinter mu

  14. Sekarang coba buka alamat web yang telah kalian buat dengan mengklik tautan seperti pada gambar dibawah atau mengetik sendiri alamat website anda pada Search Engine
  15. Selain itu kalian juga bisa membuat situs web baru yang kalian inginkan
    Cara membuat web self hosted

  16. Selanjutnya arahkan cursor ke seperti pada kotak merah dibawah. Klik dasbor untuk memulai postingan baru pada website anda
Adapun kelebihan dalam menggunakan WPInter untuk membuat Self Hosted  Website adalah:
  • Dapat membuat domain anda sendiri dengan gratis
  • Bebas penyimpanan 500MB untuk mengupload gambar dan video
  • Performance yang cepat dan fitur terbaik menggunakan WPInter Entreprise

#2 Membuat Web WordPress dengan Cepat Melalui Cloud Access

Cloud Acces adalah layanan untuk membuat Hosting WordPress dengan gratis dan mudah. Semua orang bisa mengakses ini dan membuat web secara gratis. Hal yang menarik adalah Cloud Acces akan mengambil cadangan situs kalian untuk menjaga keamanan. Berikut cara membuat wordpress self-hosted dengan menggunakan Cloud Acces.
  1. Kami selalu menyarankan kalian untuk menggunakan Chrome versi terbaru, jika kalian belum memilikinya silahkan bisa di Instal terlebih dahulu di Google Chrome Offline
  2. Buka Situs Cloud Acces
  3. Pada halaman awal arahkan cursor pada menu Wordpres, Lalu pilih Launch a Free WordPress Site
    Cara Membuat Self Hosted Website dengan mudah

  4. Lalu isi alamat situs yang kalian inginkan pada kolom disamping FREE HOSTING
  5. Setelah itu klik Launch Instantly
    Cara membuat web self hosted ddengan mudah dan gratis

  6. Setelah menuju halaman selanjutnya, Scroll ke bawah lalu cek kembali link alamat yang ingin kalian buat
  7. Lalu klik Next Step
    2 Cara Membuat WordPress Self Hosted Gratis

  8. Lalu anda di hadapkan untuk memilih versi WordPress, saya menyarankan agar memilih versi WordPress 4.9, dikarenakan versi tersebut saya nilai lebih stabil.

  9. Lalu scroll kebawah Jangan lupa untuk mengisi alasan kalian membuat website tersebut agar tim Cloud Access dapat memberikan pelayanan terbaik
  10. Selanjutnya klik Next Step

  11. Pada halaman Confirm Order, Akan diperlihatkan list harga dalam pembuatan website ini. Berhubung sejak awal kita memilih pembuatan Free Website maka biaya yang di keluarkan pun $0.00 USD alias GRATIS
  12. Selanjutnya hanya perlu dengan mengklik Checkout

  13. Tahap berikutnya adalah mengisi biodata, data yang wajib di masukkan adalah nama, negara, region, dan yang terpenting adalah alamat email
  14. Pastikan alamat email yang kalian isi adalah alamat email aktif, karena akan digunakan untuk verifikasi nantinya. Selain alamat email itu anda boleh mengisi data lainnya secara bebas atau asal sesuka kalian.
    Cara Membuat Web Self Hosted Gratis

  15. Kemudian scroll ke bawah jangan lupa untuk memberikan tanda checklist pada Terms of Service
  16. Klik Complete Order Untuk proses selanjutnya
    Cara Membuat Web Self Hosted Gratis

  17. Setelah berhasil maka akan ada pemberitahuan bahwa Cloudacess telah mengirim kalian berupa link guna memverifikasi ataupun mengaktifkan website anda.
Adapun Spesifikasi dari Cloud Access adalah
  • Ruang Disk 500MB
  • 1 cpu cORE
  • 1GB RAM
  • Subdomain Gratis
Dan perlu diketahui bahwa kedua hosting tersebut dihosting di luar indonesia, jika kalian ingin membuat wordpress self hosted yang servernya berada di indonesia untuk peforma dan kecepatan yang lebih baik untuk target pengunjung indonesia. Maka solusi terbaik adalah dengan menyewa Hosting Murah.
Dari kedua penyedia self hosted tersebut, memang mempunyai kelebihan dan kekurangan masing-masing, anda bisa memilihnya sesuai dengan kesukaan kalian dan yang menurut kalian mudah. Agar Website kalian tetap menarik  dan Bagus kalian harus terus mempelajari tentang Theme WordPress.
Sekian Tutorial dari saya mengenai 2 Cara Membuat WordPress Self Hosted Gratis dengan mudah, bila kalian menemukan kesulitan atau hambatan dalam membuat website self hosted dapat memberi komentar di bawah. Selamat mencoba dan jangan lupa bagikan artikel ini kepada teman anda bila bermanfaat.
0 comment
0 FacebookTwitterPinterestEmail

Belajar HTML Dasar dengan Cepat

by admin
written by admin

https://static.makeuseof.com/wp-content/uploads/2017/10/html5-whats-new-670x335.jpg
Ihsan Magazine – Belajar HTML Dasar dengan Cepat – HTML adalah hal dasar bahasa paling pertama yang anda wajib ketahui dalam membangun sebuah website dan aplikasi.

Apa Saja yang bisa dibuat dengan HTML

  • Tampilan Web Biasa
  • Tampilan Aplikasi
  • Tombol di Website 
  • Membuat Halaman Register dibantu oleh PHP
  • Membuat Table di HTML
  • Membuat Form di HTML
  • Membuat List di HTML
  • Tampilan Web yang menarik dibantu CSS & Bootstrap 
  • Mengakses Webcam dari HTML dan Mengambil Gambar
  • Dan Masih banyak lagi yang bisa anda otak atik sendiri 

Contoh pasang gambar dengan HTML :

 <img src="pantai.jpg" width="100px" alt="gambar pantai"></p>
 
di dala img src"..." bisa diganti dengan url gambar anda dan anda bisa mengatur ukuran dengan 
width dalam ukuran pixel dan jika anda ingin ukuran default tinggal hapus tulisan width"100px"
 
 
Jika ingin gambar nya bisa di klik anda tinggal membuat kode seperti ini:
<a href='URL_TUJUAN'><img src='URL_GAMBAR'/></a> 
 
Contoh: 
<a href='http://strukturkode.blogspot.com'<img src='http://4.bp.blogspot.com/-jsuBMQvztoM/Vd5VttmrkcI/AAAAAAAAB9w/mSOTbo26evE/s1600/contoh%2Bgambar.png'
/></a> 
 
Maka hasilnya akan seperti ini :
blog untuk belajar seo dan blog
Hal seperti ini juga bisa diaplikasi kan dalam membuat sebuah tombol html tetapi alangkah baiknya
jika memmbuat tombol html dengan bantuan css agar tampilan lebih cantik lagi, anda bisa dengan
mudah membuat CSS dengan bantuan Bootstrap.
 
karena dengan bantuan Bootstrap, html ada dapat membuat seperti Hover Image, Carousel Image
Membuat Icon didalam tombol, Menu Navigasi dan masih banyak lagi.
 
oia diharapkan jika anda masih pemula diharapkan membuat format website berbasis HTML
Seperti di bawah ini dan klik index.html maka itulah hasil website yang anda buat :)
 
 
Jangan lupa pakai HTML5, dan berdalam CSS3 tenang list kode CSS3 meski banyak ada code cheat sheet nya seperti dari https://websitesetup.org/css3-cheat-sheet/ sehingga anda tidak perlu menghafal banyak kode untuk bootstrap
dan Javascript juga sangat penting tapi akan saya bahas next time.

Apa itu HTML?

HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah untuk membuat halaman web. Padanan HTML dalam bahasa indonesia adalah Bahasa Markah Hiper Teks (BMHT).

Membuat file HTML

File HTML dapat dibuat dengan teks editor seperti notepad. Lebih bagus lagi menggunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++, dan VSCODE (Rekomendasi), tenang saja ukuran filenya kecil kok tapi sangat powerfull.

Contoh-contoh HTML

Kita ingin menampilkan informasi di website. Informasi ini merupakan sebuah pesan: Situs web ini milik Ihsandroid, Maka bentuk kode HTML-nya akan seperti ini:

<!DOCTYPE html>
<html>
<body>
Situs web ini milik Ihsandroid
</body>
</html>

ini contoh yang paling dasar

Contoh-contoh HTML

Kita ingin menampilkan informasi di website. Informasi ini merupakan sebuah pesan: Situs web ini milik Ardianta. Maka bentuk kode HTML-nya akan seperti ini:

<!DOCTYPE html>
<html>
<body>
Situs web ini milik ihsandroid
</body>
</html>
 

HTML di disusun dengan tag-tag (penanda). Perhatikanlah, letak penulisan informasi yang ingin dimuat di website. Berada di atantara tag <body> dan </body>. tag ini merupakan tubuh dokumen. Setiap informasi yang ditulis di dalam penada ini, akan tampil di halaman web.

Contoh selanjutnya, kita akan berkenalan dengan tag <head> dan tag <title>. Tag <head> merupakan kepala dokumen. Agar lebih mudah memahami, cantoh yang tadi kita modifikasi. Tambahkanlah tag <head> dan tag <title> Sehingga kodenya menjadi seperti di bawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Situs Web Ardianta</title>
</head>

<body>
Situs web ini milik Ardianta
</body>
</html>

Tag <title> berfungsi untuk membuat judul website. Sementara itu tag <head> berfungsi untuk membuat kepala dokumen. Tag <title> harus diletakkan di dalam tag <head>. Perhatikanlah hasilnya, teks yang ada di tag <title> akan ditampilkan sebagai judul website.

Elemen Head
Contoh berikutnya, kita akan berkenalan dengan tag <h1> dan tag <p>. tag <h1> berfungsi untuk membuat judul artikel. H1 adalah ukuran judul terbesar di HTML. Sementara itu, tag <p> berfungsi untuk membuat paragraf. Modifikasi lagi kode tadi, sehingga menjadi seperti berikut ini:

<!DOCTYPE html>
<html>
<head>
    <title>Situs Web Ardianta</title>
</head>

<body>
    <h1>Tentang situs web ini</h1>

    <p>Situs web ini milik Ardianta. Dibuat pada tanggal 13 Januari 2015.
    Tujuan membuat situs web ini, untuk latihan saja. Situs ini belum mengudara,
    karena masih tersimpan di komputer saya sendiri (lokal). Suatu saat nanti,
    situs ini akan kusimpan (hosting) di sebuah server di internet. </p>

</body>
</html>

Perhatikanlah hasilnya, Teks yang berada di dalam tag H1 akan ditampilkan lebih besar. Karena teks itu adalah sebuah judul artikel. Sementara itu, teks yang berada di tag <p> akan ditampilkan dengan ukuran normal. Untuk lebih jelasnya, cobalah tambahkan paragraf lagi di bawahnya.

Apa itu tag?

Tag, bisa kita katakan sebagai sebuah penanda. Penanda awalan dan akhiran sebuah elemen. Tag diapit dengan kurung siku (<…> ). Contoh: <p>, </a>, <body>, <head>, dan sebagainya. Tag HTML terdiri dari tag pembuka dan tag penutup. Tag penutup, cirinya ada garis miring didepan nama tag, contoh: </p>, </i>, </div>, dsb. Sedangkan tag pembuka tidak memiliki garis miring. Jadi, pasangan tag pembuka dan tag penutup akan membentuk suatu elemen.
enter image description here

Jangan lupa untuk selalu menutup tag HTML. Meskipun ada juga tag HTML yang tidak memiliki pasangan seperti <hr>, <br>, <img>, <link>, <input> dsb. Namun, kita bisa menutupnya dengan menambahkan garis miring setelah nama tag, contoh: <hr/>, <br/>, <img/>, <link/>, dsb. Walaupun tampa garis miring, tag tersebut tetap valid, tapi tidak dalam XHTML (XML + HTML).

Apa itu elemen?

Kode HTML dari tag pembuka sampai dengan tag penutup, disebut satu elemen. Elemen HTML dapat dibuat bersarang (nested). Artinya, elemen dapat berada di dalam elemen. Contoh:

<head>
    <title>Petani Kode</title>
</head>

Pada contoh di atas, elemen title berada di dalam elemen head. Elemen yang tidak dapat dibuat bersarang adalah elemen yang tidak memiliki tag penutup. Karena elemen yang tidak memiliki pasangan penutup tidak bisa menjadi induk elemen yang lainnya.

Bila elemen digambarkan dalam bentuk persegi, maka akan terlihat seperti gambar berikut ini:
Struktur elemen HTML bersarang

Apa itu atribut?

Atribut adalah bagian dari elemen yang melengkapi elemen tersebut. Bila diibaratkan seperti seragam sekolah, atributnya adalah dasi, ikat pinggang, topi, papan nama, dan sebagainya. Atribut tersebut memiliki ciri-ciri atau nilai.

Misalnya, ikat pinggang berwarna hitam, dasi berwarna biru, warna seragam putih, dan sebagainya.

Begitu juga dengan atribut di HTML. Atribut dapat kita buat dalam elemen manapun. Letak penulisan atribut berada di dalam tag pembuka. Format penulisannya nama-atribut=“nilainya”. Nilai atribut dapat anda apit dengan petik ganda maupun tunggal.

Contoh:

<a href=’http://petanikode.com'>Petanikode.com</a>
 

Pada contoh di atas, terdapat atribut href. Atribut href berfungsi untuk menentukan alamat link pada elemen a (hyperlink).

 

Kesimpulan

HTML adalah bahasa yang wajib dipelajari oleh siapa saja yang tertarik menjadi pembuat website (Web Developer). Karena HTML merupakan bahan dasar untuk membuat website.

Contoh-contoh sederhana di atas sudah menjelaskan bagaimana kode HTML itu. Banyak tag yang harus di hafal. Kunci untuk mengingatnya adalah sering berlatih membuat file HTML. Insa’allah anda akan ingat di luar kepala.

Cukup sekian dulu pengenalan HTML ini, bagaimana pendapatmu? Apakah sudah paham dan mengenal HTML, sekarang?





0 comment
0 FacebookTwitterPinterestEmail

Cara Membuat Artikel Terkait di Tengah Postingan Wordpress

by admin
written by admin

Ihsan Magazine – ingin memiliki artike terkait/related post di tengah postingan seperti situs berita detik.com, tribunnews dan situs lainnya?

Caranya sangat mudah, anda cukup menggunakan Plugin yang bernama:
Inline Related Post

dengan menggunakan artikel terkait/related post anda bisa meningkatkan pageview anda menjadi 2x Lipat!

bahkan banyak kasus seperti di detik, tribun, kumparan dapat menaikkan tingkat pageview nya dengan cara ini dan tentunya menggunakan plugin seperti Zero Bounce Rate yang akan saya bahas di artikel yang selanjutnya.

Cara Membuat Artikel Terkait di Tengah Postingan Wordpress

  1. Download dan install plugin Inline Related Post
  2. Setelah berhasil terinstall, klik ‘Aktifkan’
  3. Setelah plugin berhasil diaktifkan, masuk ke ‘Setting’ atau ‘Pengaturan’, dan klik ‘Inline Related Post’
  4. Ada dua Tab, yaitu ‘Setting’ untuk mulai mengatur tampilan dan konten plugin Anda dan FAQ & Docs jika Anda ingin membaca dokumentasi dan FAQ plugin
  5. Di bagian Settings, centang ‘Active’ di bagian ‘Style Settings’

Cara Setting plugin Inline Related Post

Cara setting tampilan Inline Related Post

  1. ‘Related text or Call-To-Action’ diisi sesuai dengan judul ‘Related Text’ yang diinginkan, misalnya ‘Baca Juga :’
  2. Pilih ‘Theme’ yang diinginkan untuk mengatur tampilan plugin Anda, Opacity (transparansi), margin, warna background dan tulisan. Pengaturan tampilan Anda akan terlihat langsung di ‘Real Time Preview’

Menampilkan Related Post di Postingan Lama

  1. Centang ‘Insert in already existing posts?’ jika Anda ingin Related Post tampil di postingan lama Anda

Mengatur Jumlah Related Post dan Jenis Konten yang Ditampilkan

  1. Masukkan jumlah related post yang ingin Anda tampilan di artikel. Untuk versi gratis dari plugin ini, maksimal yang diperbolehkan adalah 3
  2. Anda juga bisa menentukan apakah Related Post akan tampil di ‘Post’ saja atau di ‘Page’ juga (Centang opsi yang dipilih)
  3. Darimana asal Related Post yang muncul di artikel Anda? Anda bisa memilih opsi : categories saja, tags saja, atau keduanya

Mengatur Atribusi Link

  1. Anda bisa mengatur link Related Post Anda ‘dofollow’ atau ‘nofollow’ di Link “rel” attribute
  2. Sedangkan link target, Anda bisa mengatur apakah link Related Post akan terbuka di tab baru (_blank) atau terbuka di tab yang sama (_self)

Cara Menghilangkan Inline Related Post di Artikel Tertentu

  1. Anda juga bisa membuat Related Post tidak muncul di artikel tertentu dengan menampilkan metabox di setiap post/ page dengan men- centang ‘Integrate in post’ atau ‘Integrate in page’. Setelah semua selesai, klik ‘Save’ atau ‘Simpan’
  2. Untuk menghilangkan Inline Related Post di artikel tertentu, buka post editor artikel tersebut, lalu di sisi sebelah kanan, centang opsi ‘Post without related posts’

 Cara Menaruh Artikel Terkait/Baca Juga di Wordpess

Buat Artikel/edit artikel yang sudah ada
Tentukan dibaris mana anda ingin muncul Baca Juga
Klik logo Inline Related Post

Klik Inline Related Post

maka akan muncul shortcode berbentul [irp] seperti ini

Lalu Publish/Update

Maka seperti inilah hasilnya:

Terima Kasih

0 comment
0 FacebookTwitterPinterestEmail

Cara Memperpanjang Domain Atau Hosting Di Domainesia

by admin
written by admin

Cara memperpanjang domain dan Hosting di Domainesia – Pada postingan sebelumnya aku pernah membagikan tutorial informasi mengenai cara memperpanjang domain di RumahWeb.com. Nah, pada kesempatan kali ini aku kembali akan membagikan tutorial yang sama tapi kali ini berbeda daerah layanan hostingnya, yaitu cara memperpanjang domain dan hosting di situs Domainesia.com. Tutorial ini aku buat kerena memang domain dan hosting aku di Domainesia.com sudah hampir habis, jadi sekalian aku buat tutorialnya. Bagi Anda yang masih galau dalam memperpanjang domain atau Hosting di Domainesia, sanggup diikuti tutorial yang akan aku berikan kali ini.

Domainesia yaitu Salah satu situs penyewaan Hosting dan Domain terbaik di Indonesia. Berdiri di semenjak tahun 2009, DomaiNesia merupakan perusahaan rintisan dengan layanan pendaftaran nama domain, web hosting, dan layanan web yang berfokus terhadap kualitas layanan tanpa mengesampingkan efisiensi biaya. Domainesia terus berupaya menawarkan pengalaman layanan terbaik serta membangun sistem automasi yang efektif dan efisien. Terlebih lagi Domainesia telah melayani lebih dari 32.000 customer dari seluruh penjuru Indonesia dan mancanegara. (sumber: Domainesia.com)

Nah, buat Anda yang memiliki domain atau hosting di situs Domainesia, baik itu yang hampir Expired maupun yang belum sanggup simak tutorial yang akan aku berikan kali mengenai cara memperpanjang domain di Domainesia. Namun sebelum itu, Anda harus mendapat notifikasi Invoice semoga sanggup memperpanjang domain atau Hosting. Invoice dari Domainesia sendiri akan muncul otomatis kalau sisa domain tinggal seminggu lagi. Akan tetapi, kalau Anda ingin memperpanjang domain sebelum waktu sisa seminggu tersebut, Anda sanggup chat customer service untuk memunculkan Invoice segera. Nah, kalau sudah mendapat pemberitahuan Invoice sanggup pribadi memperpanjang doman ibarat dibawah ini.

Cara Memperpanjang Domain atau Hosting di Domainesia.com

Syarat utama dalam memperpanjang Domain di Domainesia ibarat yang sudah aku jelaskan diatas yaitu sudah harus mendapat Invoice. Jika belum, Anda sanggup meminta semoga Invoice segera dimunculkan ke Customer Service Domainesia. Berikut tutorialnya.

1. Pertama silahkan masuk ke Dashboard Domainesia, lalu pilih sajian Invoices.
2. Selanjutnya silahkan klik “Unpaid” pada invoice Domain atau Hosting yang ingin diperpanjang.

3. Nah, disini Anda tinggal pilih jenis pembayarannya. Jika memakai transfer bank sanggup pilih jenis bank yang ingin digunakan. Sebagai pola disini aku pilih bank BNI, dan akan muncul nomor rekening yang harus Anda transferkan.

4. Untuk nominal total harga perpanjangan, Anda sanggup scroll ke bawah untuk lebih lengkapnya.

5. Selain dengan cara diatas Anda sanggup cek Email, alasannya yaitu di Email akan pribadi ada total biaya perpanjangan beserta nomor rekening dan nama yang harus di transferkan.

Nah, gampang bukan cara memperpanjang domain dan Hosting di Domainesia. Jika Anda masih galau atau mengalami hambatan sanggup ditanyakan dikomentar atau pribadi chat ke Customer Service Domainesia. Sekian Tips yang sanggup aku bagikan dan semoga bermanfaat.

0 comment
0 FacebookTwitterPinterestEmail

©2022. All Rights Reserved.