01 December 2022

Tutorial Memasang Ikon Follow Blog Melayang Floating Follow

Tutorial Memasang Ikon Follow Blog Melayang Floating Follow

FOLLOW Blog atau mengikuti sebuah blog sudah menjadi agenda umum dari seorang blogger terutama yang masih merintis dalam pembuatan blog. Karena dengan menjadi pengikut sebuah blog, maka ia akan mendapatkan update terbaru dari blog yang diikutinya. Sehingga ketika ada artikel terbaru maka follower akan mendapatkan kabar yang terkirim lewat dashboard blog miliknya. Tidak perlu repot-repot lagi untuk melihat artikel lewat display blog.

Penempatan follow blog ikon bisa saja ditampilkan di sidebar, footer, ataupun bagian mana saja dari blog menurut si empunya blog dirasa bagus. Tidak ada dahlil resmi mau ditempelkan dimana, asal masih bisa dilihat dan diklik saja saya rasa cukup untuk sebuah ikon follow blog. Tapi bagaimana ya bila ikon ini melayang di sisi blog atau bahkan mungkin di sudut kiri bawah atau sudut kiri atas dari tampilan homepage blog. Malam ini saya akan memberikan tutorialnya.

Salah satu teman saya di forum Blogger - Ulil - menanyakan hal tersebut. Bagaimana menampilkan ikon follow blog melayang di blog. Maaf ya baru bisa saya berikan tutorialnya, beberapa minggu terakhir di bulan November ini saya dihadapkan pada akreditasi RS. Jadi saya masih kesulitan membagi waktu, jadi baru bisa memberikan tutorialnya malam ini setelah Akreditasi selesai. Okelah tidak perlu basa-basi ya. Langsung saja saya kasih tutorialnya.



Okey, lanjut lagi ya. Now, kita menginjak ke bahasan selanjutnya.

Tutorial Memasang Ikon Follow Blog Melayang Floating Follow

1. Masuk ke Dashboard Blogger
2. Pilih Tema
3. Klik Sesuaikan : Edit HTML
4. Temukan kode ini dalam template. ]]></b:skin>. Setelah ketemu tempelkan kode dibawah ini persis diatas kode ]]></b:skin> tadi.
#follow_blogger {position:fixed; _position:absolute; bottom:230px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}


5. Setelah itu baru kita tempel kode di atas </body>. Ini dia kodenya.
<div id='follow_blogger'><a href='URL blog kalian disini' target='_blank' title='Follow Us'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaO_Kem6x16GH31fljA515b54dKSet4JARs9OFuFWDTqUInC0ImkL5YGvLJnpr7_q0Pt-K9bNT0TSfCvP0ahfdycQ8axwUmryt3DxFFZEEVtLC7ivRLrLvibuCqFN9wtGWKYNYQu0saJqq6QRT2KMUsQExja1FmaGFJbpzIqv3DH4Hrt_vPSzlzJ-j/s1600/icon-follow-blog.png'/></a></div>


Catatan :
Untuk tulisan URL blog kalian disini --> diisi dengan alamat URL blog kalian misal abc.blogspot.com atau abc.com .. gitu ya teman-teman.


Nah sudah khan. Kalau sudah terpasang nanti akan ada ikon follow blog terpasang di sebelah kiri blog ya. Melayang ditengah-tengah layar desktop komputer kalian. Bisa diklik oleh blogger lain untuk mengikuti blog kalian untuk mendapatkan update artikel terbaru. Sekian tutorialnya terima kasih dan Salam Blogger.

Bagikan ke teman-teman kamu
Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon