Begini Cara Menciptakan Tombol Subscribe Youtube Otomatis Dengan Link Di Blog

Pada postingan sebelumnya saya sudah menguraikan  Cara Memasang Tombol Subscribe Youtube di Blog  yang memerlukan pemanggilan script link eksternal dari Google API. Pada kesempatan ini ada versi alternatif lain yang tidak memerlukan script eksternal apapun, sehingga tombolnya lebih ringan dan tidak menambah waktu loading halaman. Cara Mendapatkan Youtube Subscription Link Kali ini kita akan menggunakan  Youtube subscription link  yang dibungkus ke menjadi tombol agar tampilannya lebih menarik. Ketika ada seseorang yang membuka URL tersebut, mereka akan langsung menjadi sebscriber channel kita secara otomatis. Namun, sebelum langsung, tetap harus melalui tahap konfirmasi dulu sih, baru setelahnya akan menjadi subscribers. Selain untuk dipasang di blog anda, URL ini bisa langsung anda sebar di berbagai tempat. Contohnya anda share di Facebook, Twitter, bahkan diiklankan melalui Google Ads atau Facebook Ads agar subscribers lebih cepat bertambah. Hal ini dkarenakan subscribe channel Youtube melalui URL memang sangat praktis. Format: https://www.youtube.com/c/NamaChannel/ ?sub_confirmation=1 Atau https://www.youtube.com/channel/IDChannel/ ?sub_confirmation=1 Kode tersebut berarti kamu hanya perlu menambahkan  ?sub_confirmation=1  ke URL channel agar link subscribe Youtube ini bisa bekerja. Jika SUDAH mendapatkan custom URL, maka format URLnya seperti ini: https://www.youtube.com/c/Otomotif-SMKN1SKL?sub_confirmation=1 Jika BELUM mendapatkan custom URL, maka format URLnya seperti ini: https://www.youtube.com/channel/UCnAECTQ87u7tbaLqZLipVYg?sub_confirmation=1 Membuat Tombol Subscribe Youtube Dengan CSS dan HTML Oke...setelah link ID channel anda didapatkan, sekarang waktunya  membuat tombol subscribe channel Youtube di blog  agar lebih menarik. Anda harus membuat tampilannya semirip mungkin dengan tombol asli yang memerlukan script eksternal itu. Tapi karena yang asli tombolnya kecil, disini agak diperbesar sedikit. Ikonnya kita perbesar menggunakan  icon SVG  sehingga sangat ringan karena tidak perlu memanggil library font apapun. Kami meyediakan 2 pilihan tampilan tombol. Silahkan anda pilih salah satu yang paling disukai. 1. Layout Default Tampilan sederhana, hanya tampil tombolnya saja. Tambahkan kode CSS ini "SEBELUM / DI ATAS"   atau  ]]> . .ignielSubs background-color: #e62117; color: #fefefe; font-weight: 400; font-size: 16px; padding: 3px 7px; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); outline: 0; line-height: 0px; .ignielSubs svg width:24px; height:24px; vertical-align: -6px; margin-right: 3px; .ignielSubs svg path fill: #fff; Kemudian simpan kode HTML ini dimanapun kamu menginginkannya. Kode ini berfungsi untuk menampilkan tombol. Jangan lupa ganti URLnya dengan channel kamu sendiri. Subscribe Hasil akhir: Subscribe 2. Layout Full Tambahkan foto dan nama channel akan muncul pada tombol buatan kita ini. Caranya, cukup menambahkan kode CSS ini "SEBELUM / DI ATAS"   atau  ]]> . .ignielSubsFull margin: 0px; padding: 0px; line-height: 21px; .ignielSubsFull_img float: left; margin-right: 7px; .ignielSubsFull_img img width: 55px; height: 55px; .ignielSubsFull_name, a.ignielSubsFull_name color: #555; text-align: left; line-height: 16px; .ignielSubsFull_button background-color: #e62117; color: #fefefe; font-weight: 400; font-size: 16px; padding: 3px 7px; display: table; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); outline: 0; margin-top: 8px; line-height: 0px; .ignielSubsFull svg width:24px; height:24px; vertical-align: -6px; margin-right: 3px; .ignielSubsFull svg path fill: #fff; Dan penempatan instruksi HTML ini mampu ditaruh dimanapun tergantung posisi hadirnya tombol. Ganti URL channel dan URL fotonya. Igniel Subscribe Hasil final: Otomotif-SMKN1SKL Subscribe Tambahan Penting Link diatas cuma bekerja kalau dibuka model di desktop saja. Ketika anda coba membukanya di handphone, linknya tidak melakukan pekerjaan dan cuma akan membuka channel saja tanpa ada konfirmasi subscribe. Mungkin hal ini terjadi alasannya adalah cara ini tidak mampu untuk Youtube model mobile, mungkin juga ini bug yang belum diperbaiki. Ya agar saja bug dan bisa secepatnya wajar , sebab jarang terjadi ada link yang tidak mampu dibuka di salah satu jenis perangkat. Untuk kau yang ingin mengiklankan URL subscribe Youtube ini, sementara pastikan cuma memilih audience dari desktop saja supaya anda tidak rugi. Jika kami mempunyai informasi modern perihal model mobile akan secepatnya diupdate disini. Demikian uraian lengkap perihal  cara memasang tombol subscribe Youtube otomatis dengan link . Anda bisa memberikan masukan tutorial apa lagi yang perlu dibentuk dengan menulisnya di kolom komentar di bawah.
Sumber https://pakgalingging.blogspot.com