Menambahkan Tombol Follow Blogger Tanpa Foto
Menambahkan Tombol Follow Blogger Tanpa Foto yang Saya maksud disini adalah hanya menampilkan tombol follow blogger saja tanpa menampilkan profil/foto dari orang - orang yang mengikuti blog tersebut.
Saya pikir cara ini lebih efisien dan
tidak terlalu banyak menghabiskan tempat atau widget di blog, karena
dalam bentuk "script" maka bisa ditempatkan dalam satu widget
HTML/Javascript, berdampingan dengan tombol follow lain yang juga dalam
bentuk script, Tombol lain yang Saya maksud disini adalah tombol follow
yang sudah pernah Saya bahas pada artikel berikut :
Meskipun konsepnya sama yaitu sama - sama hanya menampilkan tombolnya saja, tapi cara menambahkannya ke blog berbeda. Berikut ini adalah langkah untuk Menambahkan atau menampilkan tombol follow blogger tanpa foto.
1. Pertama login dulu ke account blogger masing - masing
2. Ada dua cara yang bisa Anda gunakan.
3. Cara pertama adalah dengan menggunakan script berikut
<a target="_blank" href="http://www.root93.co.id/p/followers-root93.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFdf5AGtzAbcNnZo0tvajL7rxIhs-rDtMe-2UpMnKJjg2hwIMelCNNYFNBD6J8pYupCIMH52C-NYqaIbSWBgosKjn4B0-oOyVTQ4Nb1e864l0gVP-YxlmN5MRNbY4Hg5NEOb3YbiUwCk/s800/Join%2520This%2520Site.png"/></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFdf5AGtzAbcNnZo0tvajL7rxIhs-rDtMe-2UpMnKJjg2hwIMelCNNYFNBD6J8pYupCIMH52C-NYqaIbSWBgosKjn4B0-oOyVTQ4Nb1e864l0gVP-YxlmN5MRNbY4Hg5NEOb3YbiUwCk/s800/Join%2520This%2520Site.png"/></a>
Cara pertama adalah ketika tombol follow di klik maka pengunjung akan diarahkan pada
laman yang menampilkan daftar follower yang sudah dibuat sebelumnya. Cara menampilkan
follower blog di laman sudah saya bahas pada artikel : Cara Menampilkan Followers di Laman Blog
4. Cara kedua adalah menggunakan script berikut
<a href=" https://accounts.google.com/ServiceLogin?service=peoplesense&passive=1209600&continue=https%3A%2F%2Fwww.google.com%2Ffriendconnect%2Fsignin%2Fhome%3Fst%3De%253DAOG8GaDcb5jZqyzJoAdUSPTlktnbEUJkn18xu2zL0xZFHHu%25252BGtdLJiW147%25252F2C%25252BZAXhoZbkacF73Nr7IBxni62P%25252FDLMRiPb9Bbbu32hl291msj2E4tZn9h04uRthE45egUhO27gPpmkSj4zSlOm%25252B2tfuswHsvzgZ%25252F6eQDj82rP0XasuT5RgZ79a42BwrRK7Am1buR89gkBvdYgF2emk2jXA%25252BBlf3aKQbyk%25252F3Bm%25252BS72LqRloAXCF6US206arspj%25252FDJGDK2%25252BDxU2zgc%2526c%253Dpeoplesense%26psinvite%26subscribeOnSignin%3D1&followup=https%3A%2F%2Fwww.google.com%2Ffriendconnect%2Fsignin%2Fhome%3Fst%3De%253DAOG8GaDcb5jZqyzJoAdUSPTlktnbEUJkn18xu2zL0xZFHHu%25252BGtdLJiW147%25252F2C%25252BZAXhoZbkacF73Nr7IBxni62P%25252FDLMRiPb9Bbbu32hl291msj2E4tZn9h04uRthE45egUhO27gPpmkSj4zSlOm%25252B2tfuswHsvzgZ%25252F6eQDj82rP0XasuT5RgZ79a42BwrRK7Am1buR89gkBvdYgF2emk2jXA%25252BBlf3aKQbyk%25252F3Bm%25252BS72LqRloAXCF6US206arspj%25252FDJGDK2%25252BDxU2zgc%2526c%253Dpeoplesense%26psinvite%26subscribeOnSignin%3D1 "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFdf5AGtzAbcNnZo0tvajL7rxIhs-rDtMe-2UpMnKJjg2hwIMelCNNYFNBD6J8pYupCIMH52C-NYqaIbSWBgosKjn4B0-oOyVTQ4Nb1e864l0gVP-YxlmN5MRNbY4Hg5NEOb3YbiUwCk/s800/Join%2520This%2520Site.png"/></a>
Bila menggunakan cara kedua ini Anda tidak perlu membuat lama blog terlebih dahulu. Pada saat pengunjung mengklik tombol follow maka pengunjung akan langsung diarahkan untuk memfollow blog dan login terlebih dahulu bila memang user belum memiliki account Google
5. Script diatas bisa langsung ditempatkan melalui tambah gadget
HTML/Javascript yang ada di blogger
Kalau untuk di Blog ini Saya menggunakan script yang ada di point 3. Sementara untuk script point 4 belum Saya uji coba dengan baik, tapi saya yakin cara tersebut dapat bekerja karena Saya sudah menyesuaikan link-nya dengan standar link pada saat kita mengklik tombol follow pada sebuah blog.
Tombol follow yang saya tambahkan disini bukanlah tombol follow sesungguhnya melainkan tombol follow yang mengarah ke gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFdf5AGtzAbcNnZo0tvajL7rxIhs-rDtMe-2UpMnKJjg2hwIMelCNNYFNBD6J8pYupCIMH52C-NYqaIbSWBgosKjn4B0-oOyVTQ4Nb1e864l0gVP-YxlmN5MRNbY4Hg5NEOb3YbiUwCk/s800/Join%2520This%2520Site.png . Bila gambar tersebut hilang/dihapus maka gambar tombol follownya-pun akan ikut menghilang, mungkin Anda bisa menambahkan parameter "alt" pada link gambar sehingga pada saat gambar hilang, akan tetap ada text-nya.
ohh bisa ya kaya gu mas ? bentar saya coba dulu . lumayan nambah ilmu :)
ReplyDeletekang, izin ambil ilmunya ya..
ReplyDeleteBottom custom ini juga gak bikin berat loading blog ya Mas...
ReplyDeleteCoz simpel banget...
Widih, saya dapat ilmu baru lagi nih dari akang ini, izin sedot ya kang ilmunya :)
ReplyDeleteHmm sepertinya okeh tapi saya belum berminat nih kang.
ReplyDeleteKeren beud
ReplyDelete