Membuat Buttom Link Subscribe Youtube Otomatis Dengan Efek Gradasi

Konten [Tampil]
Membuat Buttom Link Subscribe Youtube Otomatis Dengan Efek Gradasi

Komptik.id - SUBSCRIBE atau diartikan berlangganan ini sangat banyak muncul di platform-platform media internet, baik itu blogspot dan youtube.
Pada kesempatan kali ini kita akan membahas subscribe dalam video youtube di youtube channel. Saat sahabat menonton video youtube, maka akan ada kata Subscribe di channel youtube yang sahabat kunjungi dan terletak pada bagian bawah Nama channelnya. Jika sahabat menekan tombol subscribe dengan sendirinya kalian sudah terhubung dengan channel yang kalian subscribe, dan bila ada update video terbaru dari channelnya sahabat dapat notifikasi dari update-annya. Itulah fungsi serta keuntungan dari Subscribe video di Youtube.

Dengan memahami subscribe serta fungsi subscribe youtube, ada baiknya kita lanjut ke Cara Membuat Buttom Link Subscribe Youtube Otomatis. Cara ini begitu mudah diterapkan, semudah copy paste.

Cara Membuat Buttom Link Subscribe Youtube Otomatis

Sahabat tinggal buka channel youtube yang sahabat punya lalu tambahkan kode ini :
?sub_confirmation=1

Letakkan kode tersebut pas berada dibelakang URL/ Link Youtube sahabat, sebagai contoh link URL Komptik Yt adalah :
https://www.youtube.com/channel/UChD65Qsunkh9PXbZOzw4R_w

Dengan demikian ketika seseorang mengklik link langsung muncul menu subscription, tambahkan kodenya ?sub_confirmation=1 tanpa spasi.

Akan jadi seperti :
https://www.youtube.com/channel/UChD65Qsunkh9PXbZOzw4R_w?sub_confirmation=1

Sampai disini sahabat sudah bisa meletakkan link dimana, entah di facebook, fanspage fb, twitter, serta yang lainnya di media sosial sahabat.

Meletakkan Link Subscribe Youtube Otomatis Dengan Efek Gradasi

Jika sahabat sudah bisa membuat Subscribe Otomatis Link channel youtubenya, langkah selanjutnya sahabat masukkan kode dibawah ini untuk efek gradasi balok di widget blog sahabat. (kode diambil dari kurazone)

<style>
/* Ads Edit Komptik */
#ad-kuranimation{background:linear-gradient(to bottom, #123456,#007bfd);height:150px;width:100%;max-width:100%;font-weight:700;overflow:hidden;position:relative;}
#ad-kuranimation .tombol{list-style: none;overflow:hidden;margin:0;position:absolute;left:50%;top:55%;
   transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);}
#ad-kuranimation .tombol a.download{list-style:none;display:inline-block;background:#fff;color#394B5C;font-size:14px;font-weight:400;padding:8px 18px;border-radius:3px;overflow:hidden;}
#ad-kuranimation .tombol a.download:hover{background:#333;color:#fff;overflow:hidden;}
#ad-kuranimation .teks-ad{margin:0;position:absolute;left:50%;margin-right;-px;top:30%;color:#fff;font-size:2rem;
   transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);}
.circles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#123;animation:kuranimation 45s linear infinite;bottom:-150px;z-index:0}
.circles li:nth-child(1){left:25%;width:40px;height:40px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:10px;height:10px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:10px;height:10px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:40px;height:40px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:10px;height:10px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:30px;height:30px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:20px;height:20px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:15px;height:15px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:5px;height:5px;animation-delas;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:30px;height:30px;animation-delay:0s;animation-duration:11s}
@keyframes kuranimation{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}
</style>
<div id="ad-kuranimation">
<ul class="circles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="tombol">
<li><a class="download" href="https://www.youtube.com/channel/UChD65Qsunkh9PXbZOzw4R_w?sub_confirmation=1" rel="nofollow noopener" target="_blank">Subscribe Yt</a></li>
</div>
<div class="teks-ad">
</div>
</div>

Note : Link yang diberi warna silahkan sahabat ganti dengan URL link channel youtube sahabat.
Contoh : Efek gradasi dan Link bisa dilihat di widget blog ini.

Demikian Membuat Buttom Link Subscribe Youtube Otomatis Dengan Efek Gradasi. Semoga bermanfaat. Salam Komptikex.
Jika artikel ini bermanfaat silahkan share.

Berlangganan update artikel terbaru via email:

Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Membuat Buttom Link Subscribe Youtube Otomatis Dengan Efek Gradasi"

Post a Comment

Comment Policy: Silahkan tuliskan komentar Sahabat yang sesuai dengan topik postingan halaman ini.


Tambahkan aplikasi Komptik. di smartphone tanpa install, buka Komptik. dengan browser Chrome di smartphone lalu klik ikon titik 3 di pojok kanan atas pada browser, kemudian pilih "Tambahkan ke layar utama". Selanjutnya klik aplikasi Komptik. dari layar utama smartphone Anda.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel