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:

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

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

Menumbuhkan Sikap Kemandirian pada Anak Usia Dini

Oleh
Kemandirian merupakan salah satu aspek kehidupan yang tak bisa dilepaskan dari proses pembelajaran anak usia dini, sebagai pembekalan diri dalam menjalani kehidupan di masa depan. Doc pribadi Menurut KBBI, mandiri artinya dalam keadaan dapat berdiri sendiri, tidak bergantung pada orang lain. Sementara kemandirian, menurut pakar psikologi, Soetjiningsih (1993) didefinisikan sebagai perilaku yang ditandai oleh adanya aktivitas sendiri, kepercayaan diri, inisiatif dan tanggung jawab. Dari pengertian tersebut, dapat kita simpulkan bahawa terdapat empat aspek penting dalam sikap kemandirian, yaitu: Aktivitas sendiri Seorang anak bisa dikatakan mandiri, ketika ia mampu bertindak atas kehendaknya sendiri. Ia tidak takut untuk menyuarakan keinginannya. Lewat pelatihan kemandirian sejak usia dini, maka anak akan memiliki rasa percaya diri yang tinggi, ia tidak takut untuk mengutarakan keinginannya sekaligus sanggup menyelesaikan setiap persoalan atau masalah yang dihad...
Posting Komentar
Baca selengkapnya