Cara Membuat Tombol Subscribe Keren di Blog ala GugelRoom

Cara Membuat Tombol Subscribe Keren di Blog ala GugelRoom

Cara Membuat Tombol Subscribe Keren di Blog ala GugelRoom, GugelRoom - Subscribe atau berlangganan artikel di blogger biasanya dilakukan dengan cara pengunjung meng-input email mereka ke form yang disediakan, hal itu digunakan tentunya untuk mendapatkan notifikasi via email terhadap setiap update artikel dari blog yang di subscribe.

Bagi saya sendiri, menggunakan cara tradisional di atas dirasa cukup merepotkan bagi pengunjung karena harus mengetikan email mereka, alangkah lebih baik dan lebih cepat serta lebih instant lagi apabila hal itu dapat di gantikan hanya dengan menggunakan satu tombol subscribe saja, maka pengunjung sudah otomatis berlangganan artikel via email setiap kali kita update.
Tombol Subscribe ala GugelRoom
Untuk membuat hal itu tampak lebih sederhana, saya telah menyediakan tutorial sederhana untuk membuat tombol subscribe melayang dibagian sudut kanan bawah dan tentunya berkedip agar lebih di perhatikan oleh pengunjung dan mengundang daya tarik untuk mengklik serta subscribe blog anda.

Nahh untuk hal itu, anda dapat langsung saja mengikuti tutorial singkat dari saya kali ini untuk membuat tombol subscribe / berlangganan blogger berikut ini.

Cara Membuat Tombol Subscribe Berkedip dan Keren di Blogger

1. Silahkan masuk ke dashboard blogger anda terlebih dahulu, lalu klik pada bagian Tema, kemudian Edit HTML.

2. Lalu silahkan anda salin kode berikut ini, dan pastekan tepat di atas </style> atau ]]></b:skin>.

/* Subscribe Button ala GugelRoom .followgugelroom { position: fixed !important;
position: absolute;bottom: 80px;right: 20px;z-index: 998;}


3. Selanjutnya copy dan pastekan pula kode berikut ini di atas tag </body>.

<div class='followgugelroom'><a href='http://bit.ly/FollowGugelRoom' id='followgugelroom' target='_blank' title='followgugelroom'> <span class='berkedip'><i class='fa fa-bell' style='font-size:24px;color:yellow;background-color:#49ACE1;border-radius:200px;padding:10px;'>!</i></span> </a></div> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script> setInterval(function(){ $(&quot;.berkedip&quot;).toggle(); },600); </script>

4. Silahkan anda ganti url untuk subscribe yang berwarna kuning pada kode tersebut dengan url dari shorten bit.ly, dengan cara berikut ini :

  • Buka Bitly di browser anda, dan pastekan url berikut untuk di shorten oleh bitly :
    https://www.blogger.com/follow.g?view=FOLLOW&blogID=1348188368555043948
  • Silahkan ganti blogID dengan blogID anda (silahkan cek pada url yang ada di dashboard blogger anda).
  • Kemudian klik short url, dan pastekan url hasil shorten tadi di kode pada nomor 3.
5. Kemudian save perubahan yang telah anda lakukan, dan silahkan uji coba hal tersebut.

Nahh .. itulah kemudahan dalam cara membuat tombol subscribe blogger dengan hanya memanfaatkan satu klik saja untuk berlangganan tanpa harus input email terlebih dahulu, namun tentu saja agar one click to subscribe ini benar-benar terlaksana, pengunjung anda harus sudah login akun emailnya di browser terlebih dahulu. hehe.

Sekian saja dan terima kasih atas kunjungannya, semoga bermanfaat.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Anda bisa memberi donasi dengan cara klik iklan :) itu sangat membantu
!