Breaking News

Seo

Cara Membuat Tombol Subscribe Youtube Otomatis dengan Link di Blog

Cara Membuat Tombol Subscribe Youtube di Blog Dengan URL

Mendapatkan Youtube Subscription Link

Disini kita akan menggunakan Youtube subscription link yang dibungkus ke dalam tombol agar tampilannya lebih menarik. Jadi ketika ada yang membuka URL tersebut, dia akan langsung berlangganan channel kita secara otomatis. Tapi sebelum itu tetap harus melalui tahap konfirmasi dulu sih, baru setelahnya akan menjadi subscribers.
			https://www.youtube.com/c/NamaChannel/?sub_confirmation=1

Atau
			https://www.youtube.com/channel/IDChannel/?sub_confirmation=1

Artinya kamu hanya perlu menambahkan ?sub_confirmation=1 ke URL channel agar link subscribe Youtube ini bisa bekerja.

Membuat Tombol Subscribe Youtube Dengan CSS & HTML

Nah...setelah link didapatkan, sekarang saatnya membuat tombol subscribe channel Youtube di blog agar lebih menarik. Usahakan tampilannya semirip mungkin dengan tombol asli yang memerlukan script eksternal itu. Tapi karena yang asli tombolnya kecil, disini agak diperbesar sedikit. Ikonnya menggunakan icon SVG</adangt; sehingga sangat ringan karena tidak perlu memanggil library font apapun.

1. Layout Default

Tampilan sederhana, hanya tampil tombolnya saja. Tambahkan kode CSS ini "SEBELUM / DI ATAS" </style> atau ]]></b:skin>.
			.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;

Lalu simpan kode HTML ini dimanapun engkau menginginkannya. Kode ini berfungsi buat menampilkan tombol. Jangan lupa ganti URLnya menggunakan channel engkau sendiri.

			<a href='https://www.youtube.com/c/Igniel?sub_confirmation=1' title='Igniel on Youtube' target='_blank'>

<div class='ignielSubs'>

<svg viewBox='0 0 24 24'> <path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'/></svg>Subscribe

</div>

</a>

Hasil akhir:

2. Layout Full

Foto dan nama channel akan muncul. Tambahkan kode CSS ini "SEBELUM / DI ATAS" </style> atau ]]></b:skin>.
			.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 kode HTML ini bisa diletakkan dimanapun tergantung posisi keluarnya tombol. Ganti URL channel dan URL fotonya.

			<a href='https://www.youtube.com/c/Igniel?sub_confirmation=1' title='Igniel on Youtube' target='_blank'>

<div class='ignielSubsFull'>

<div class='ignielSubsFull_img'><img src='https://lh4.googleusercontent.com/-7OrG2Z5mX54/AAAAAAAAAAI/AAAAAAAAFMo/N-mVqL2qsfk/s55-c/photo.jpg' title='Igniel on Youtube' alt='Igniel on Youtube'/>

</div>

<span class='ignielSubsFull_name'>Igniel</span>

<div class='ignielSubsFull_button'>

<svg viewBox='0 0 24 24'> <path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'/></svg>Subscribe

</div>

</div>

</a>

Hasil akhir:

</adangt;

Igniel on Youtube </adangt;

</adangt;

Tambahan Penting

Link diatas hanya bekerja jika dibuka di desktop. Ketika saya coba di handphone, linknya tidak bekerja dan hanya akan membuka channel saja tanpa ada konfirmasi subscribe. Mungkin memang tidak bisa untuk Youtube versi mobile, mungkin juga ini bug yang belum diperbaiki. Ya semoga saja bug dan bisa segera normal, karena jarang terjadi ada link yang tidak bisa dibuka di salah satu jenis perangkat.

Demikian tutorial lengkap mengenai cara memasang tombol subscribe Youtube otomatis dengan link. Berikan masukan tutorial apa lagi yg perlu dibuat dengan menulisnya pada kolom komentar pada bawah.

Maka apabila engkau mengiklankan URL subscribe Youtube ini, buat sementara pastikan hanya menentukan audience berdasarkan desktop saja supaya tidak rugi. Jika terdapat informasi modern mengenai versi mobile akan segera diupdate disini.

Saya sediakan dua pilihan tampilan. Pilih keliru satu yang paling disukai.

Jika BELUM mendapatkan custom URL, maka format URLnya misalnya ini:https://www.Youtube.Com/channel/UCIXIYlGPzLpWTYAaqQFLtQA?Sub_confirmation=1

apabila SUDAH menerima custom URL, maka format URLnya seperti ini:https://www.Youtube.Com/c/Igniel?Sub_confirmation=1

Format:

Selain dipasang pada blog, URLnya bisa langsung kamu sebar pada banyak sekali loka. Bisa di Facebook, Twitter, bahkan diiklankan melalui Google Ads atau Facebook Ads agar subscribers lebih cepat bertambah. Ini karena subscribe channel Youtube melalui URL memang sangat simpel.

Cara Berlangganan Youtube Otomatis Melalui URL

Di artikel sebelumnya saya sudah membahas Cara Memasang Tombol Subscribe Youtube di Blog</adangt; yang memerlukan pemanggilan script eksternal dari Google API. Kali ini ada versi alternatif lain yang tidak memerlukan script eksternal apapun sehingga tombolnya lebih ringan dan tidak menambah waktu loading halaman.

Cara Membuat Tombol Subscribe Youtube Otomatis dengan Link di Blog Reviewed by Andi Leangle on Juli 26, 2020 Rating: 5

Tidak ada komentar:

All Rights Reserved by Belajar Seo Dan Link © 2017
Powered By Blogger, Share by Andi Leangle

Hubungi Kami

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.