Langsung ke konten utama

Cara Mudah Menyematkan Tombol Medsos pada Blog lewat Hape

Gambar
Oleh

Sumber: pixabay

Cara membuat tombol media sosial (media social button) saya adaptasi dari Sini. Di blog tersebut dijelaskan dengan rinci step by stepnya. Untuk lengkapnya silakan meluncur ke TKP.

Informasi blog tersebut saya dapatkan dari WAG Bunda Berkisah. Alhamdulillah, banyak ilmu baru yang saya dapatkan setelah bergabung dengan emak-emak kece pejuang literasi disana.

Setelah kepoin blognya, akhirnya teracuni juga untuk mencoba. Alhamdulillah, akhirnya sukses juga menyematkan link akun media sosial. Yeay....

Berikut adalah step by step yang saya adaptasi dari blog tersebut. Disini saya mencoba menyematkan akun instagram saja. Untuk link button akun medsos lainnya bisa dilakukan dengan cara serupa. InsyaAllah cukup mudah, dan bisa dilakukan hanya dari smartphone saja, cocok buat yang males dan ribet gelar laptop kayak saya. 🙊🙈
Lets check  this out.

Hal pertama yang harus kamu lakukan adalah menyimpan gambar logo akun media sosialmu di blog. Silakan ikuti step by step berikut:

Pada beranda akun blogspotmu, klik tombol 'new post'
Lalu masukkan gambar yang kamu mau dengan menekan tanda 'picture'. Save gambarmu, tidak usah di publish ya. Gambar hanya untuk media membuat link html yang harus disalin  saat membuat tombol link medsosmu.

Setelah selesai, biarkan dulu dalam draft. Lanjutkan membuat button link pada blog kamu.

Pada beranda blogspot milikmu, pilih 'layout'


Lalu pilih 'add gadget'


Pilih 'HTML/javascript'


Lalu salin kode html di bawah ini dengan mengubah kalimat berwarna biru dengan link akun yang kamu punya.

<a href="https://instagram.com/jejakzia"><img alt="Instagram" border="0" width="50" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Go5R7CyuivYVH-OldgZVHCXJH9zlhvGBDswkh5-7QDTmaUjx0p7SfuGg33cxF09O10h443tmhNP8aLij9e5cT-aEvOu-Er4MVnYVD7IQ5r-MDfDe2PhC4JYvkg8grhLbAdlNxM7cDpg/s320/instagram-1675670_1280.png" title="Find me on Instagram" /></a>

Ubah kata yang berwarna cokelat dengan menyalin tautan kode html gambar yang telah kamu buat.
Untuk melihat gambar dalam bentuk kode html, tekan tombol html, lalu salin tautan kode html yang diperlukan, seperti contoh pada gambar berikut.

Tampilan 'compose'

Tampilan 'html'

Salin kode html logo medsos.



Tempelkan kode html logo medsos yang telah dibuat pada kolom 'html/javascript'.


Jika sudah selesai, tekan tombol save. Tara...tombol link medsosmu telah berhasil disematkan.
Mudah bukan?

Kalau kamu bingung cari gambar logo instagram, bisa pakai ini:

Gambar diambil dari pixabay

Selamat mencoba.

#komunitasonedayonepost
#odop_6


Terimakasih sudah berkunjung, boleh jejak di kolom komentar ya jika berkenan. 🙏😊

Label

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Lintang, Sang Penghibur

Oleh
Pixabay Hai namaku Lintang.  Ini kisahku dengan seseorang yang sangat aku sayangi... Orang-orang mengenalnya sebagai penemu alat pembunuh kanker yang kini sedang menjadi pembicaraan banyak kalangan. Katanya dia bergelar Profesor Doktor. Tapi ia memperkenalkan diri sebagai 'War' padaku saat kita pertama kali berbincang. Karena kupikir ia terlihat sangat dewasa, dengan kacamata yang bertengger manis di hidungnya, memberi kesan begitu 'pintar', maka kuputuskan untuk memanggilnya "Papi War". Namun, tahukah kalian, pertemuan pertama kali dengannya adalah ketika ia sedang menunggu bus di salah satu halte.  Ia terlihat basah kuyup. Memang hari itu hujan deras tengah mengguyur kota.  Aku terduduk lemas di sampingnya, menatap jalanan yang mulai tergenang air hujan. Sekilas ia menoleh padaku. Akupun menoleh padanya. Namun dia hanya diam saja. Akhirnya kuberanikan diri saja mengajak dia bicara terlebih dulu. Awalnya ia cuek ...
29 komentar
Baca selengkapnya

Menggali Potensi Diri dengan Menulis Antologi

Oleh
Pict: Pixabay Bismillahirrohmaanirrohiim... Tahun ini adalah tahunnya panen buku antologi. Huaaa... ini bahagianya campur-campur sih. Antara senang tapi gemes, soalnya perbukuan ini kok ya launchingnya hampir berbarengan... *kekepindompet Terlepas dari itu, ya pastinya saya sangat bersyukur dong, sekaligus bangga, ternyata saya bisa mengalahkan bisik ketakutan dalam diri yang merasa tak mampu, malas hingga cemas. Bisa nggak ya? Bagus nggak ya? Laku nggak ya? *ups Sebenarnya, dari awal, tujuan saya ikut berkontribusi dalam even nulis buku bareng ini, hanya karena ingin punya karya, yang kelak bisa juga membuat saya, setidaknya merasa bangga dan bersyukur pernah berkontribusi dalam membagikan kemanfaatan dari apa yang saya miliki.  Entah pengetahuan walau cuma seuprit, atau pengalaman yang baru seumur jagung, atau sekedar curahan hati yang bisa diambil hikmahnya oleh yang membaca. *semoga 🤲 Makanya, saat launching buku, saya tidak ngoyo ...
20 komentar
Baca selengkapnya

Mengenalkan Literasi Sejak Dini Lewat Program 'Duta Baca Cilik'

Oleh
Sejak tujuh hari yang lalu, saya telah mendaftarkan Abang dalam kegiatan literasi bertajuk 'Duta Baca Cilik' yang infonya saya dapatkan melalui sebuah postingan di Facebook.  Begitu membaca, saya langsung tertarik untuk ikut serta, walaupun saya belum yakin, apakah bisa konsisten mengikuti rule yang diberlakukan, karena kebetulan pada saat yang bersamaan, saya sedang memegang banyak amanah yang harus ditunaikan. Namun, demi menemukan kembali ritme kebersamaan bersama duo krucil, saya pun 'menerima' tantangan ini. Dan, sejak Senin lalu, resmilah kami sebagai bagian dari peserta 'Duta Baca Cilik'. Sebuah kegiatan literasi, dimana, kami, para peserta, diwajibkan untuk membaca atau membacakan buku setiap hari.  Sebuah gerakan, yang memiliki tujuan untuk saling mendukung dan memotivasi para Ibunda dalam mengenalkan literasi sejak dini dengan pembiasaan membaca / membacakan buku setiap hari kepada buah hatinya. Bagi saya, ini kesempatan em...
21 komentar
Baca selengkapnya