Media Social, tinggal klik dari Blog

Masih tentang HTML. Saya awali tulisan ini dengan kalimat "Gara-gara Pak Agung Tazka". heheheheh. Berkat beliau yang memberikan materi merubah tampilan blog pada acara sabtu berbagi bersama Lagerunal, saya jadi makin penasaran tentang mempercantik blog. 

Kali ini saya ingin menuliskan tentang Media Social. Ada apa dengan Media Social? Apakah Media Social bertemu Rangga.... heheheh.

Para pengunjung blog sederhana jarimisterindra, pasti memiliki Media Social. Pasti punya donk, paling tidak satu dari beberapa Media Social yang sudah ada di dunia maya saat ini.  Misalnya Facebook, Twiter, Instagram, Youtube atau yang lainnya.

Nah pada Media Social tersebut bisa kita masukkan ke dalam blog. Tujuannya tentunya agar para pengunjung bisa langsung menekan/mengklik/memijit icon logo media social tersebut dan langsung menuju ke media social kita. Kerenkan!!!!

Bagaimana caranya? santaiii, pegangan! kita akan pelajari secara perlahan.

Hal pertama yang perlu kita siapkan untuk memasukkan Media Social ke dalam blog adalah kode HTML. Apa tuh HTML? ssstttt... kalo mau tahu cari di google aja yaa... heheheheh.

Ini Kode nya :

<div style="text-align: center;">

<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszz9vuAmTI6pbi3iIu37VsJLpj9jLTsJXt8XMEAFzM7Qkkuvb1hjxbxlxoJ1qESGQI67R4AF8hBmw-grlNqaJqpinSFH8kD6q0Bwls1ifCGKv7I6B2DIfOo50kNGJGWQbgv1BghHP4oU/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlY6h2XTN3f2Ln1hchx5ge7_i0fcRO9u2Bf7uAAe8eJDnsRfF_mET21i0ts3qsqKv6bgdRRkulSgVzXeFEjI062XlWLz3ClffWhbGltAlbAIKz649XWM5rTg3ahVOYXfqjCbMXWnquP_8/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL2B8kIB2jf7NEajWzM2MYtpKW7kjO-olNVMI3_jHi7QL57OKr2av3EMEpwThGMQ8sWY-FTERZGYdKUrt1NmYPIj6O4-KDVYmENer-LB1x7s02d4cfAEC3vXjqPCnSgcKp8dxu_HG8I4Q/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXmJvFsPOeo1PlpmH_p72W3ranlAMmjAYoImDA6FnakP0KO9xPqn2dDmyRzPBBoQkg7fzy8ZpSfSVRpxCNPW5oHbsZnbutPVDu00qLRDRcXQ3iNmFU_xn_Y6gaaaw5MwtGx2nDWb7Ftg/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIynPXy3bSggp0uQPeXP5W3RRbB5_S8URIulFQxi17CAeotcdmkxyMS-tljmrNrdHlBJqt9UqbxD3WSt1QY0h8FhiUmJddPQWM_467w7ZJnntWRlgiUr2Lnt2XGAdu3GjZeIZeQ0FK_-k/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>

Kode tersebut saya dapat ketika saya berkunjung di www.rahayuasda.com. Ada berbagai macam widget pada blog tersebut, namun saya hanya baru mempelajari dan mempraktekkan widget media social ini.

Ok... setelah kita sudah memiliki kode HTML. Sekarang kita harus menuju ke halaman layout pada dasboard blog.

Piilh Add a Gadget

Pilih HTML

Tulis judul dan kemudian copy pastekan kode HTML

Selamat teman-teman, setelah mengikuti petunjuk sederhana yang saya buat, maka saat ini seharusnya teman-teman sudah memiliki link Media Social  seperti ini :

Sebagai catatan, link media social di atas belum menuju ke alamat media social teman-teman. Agar bisa menuju ke alamat media social teman-teman, maka harus dilakukan pengeditan sederhana pada kode HTML tersebut. Pengeditannya cukup mudah karena, teman-teman hanya perlu merubah teks berwarna merah menjadi alamat url media social teman-teman. 

Selamat praktek, Salam Ngoprek Blog

Salam Kenal
Salam Literasi
Salam Indrakeren