بِسْــــــــــــــــمِ اﷲِالرَّØْÙ…َÙ†ِ الرَّØِيم
IKON MEDSOS di blog sudah menjadi hal yang lumrah dan merupakan menu 'wajib' bagi seorang blogger. Karena selain blog, media sosial menjadi salah satu identitas bagi blogger untuk merayapi dunia jagad maya. Sehingga keberadaan dua icon besar di dunia jagat maya ini menjadi sangat penting. Dan blogger hampir sebagian besar memasang URL alamat Media Sosialnya di tampilan depan blognya. Sehingga visitor langsung bisa menuju ke halaman media sosialnya ketika singgah ke blognya.
Ikon media sosial ini dapat dipasang di bawah postingan, di sidebar yang paling mahfum, dan bisa juga dipasang dibawah tepatnya di footer. Dengan bentuk dan model yang beraneka ragam membuat ikon media sosial menjadi sangat unik dan menarik. Berbagai bentuk mulai kotak, segitiga, bulat menjadi bingkai dari ikon medsos ini. Sungguh menarik perhatian dan tentu saja tujuan utama para blogger untuk menyuguhkan halaman media sosialnya tetap ada. Sehingga kolaborasi antara blog dan medsos tetap seimbang dan bisa memberikan kontribusi banyak.
Baca Juga :
Dengan kebutuhan itu tidak menutup kemungkinan berbagai cara dikembangkan untuk bisa menampilkan ikon medsos diberbagai titik di blog yang para blogger punya. Dan dengan ketrampilan yang memadai tidak menutup kemungkinan ikon bisa ditampilkan di bawah kiri blog. Seperti yang nanti akan saya berikan tutorialnya. Jadi simak sampai akhir ya, supaya nanti bisa kalian praktekkan. Diantara ikon medsos, saya ambil ikon medsos yang sudah populer saja ya. Untuk media sosial yang belum tertera di postingan kali ini, bila ada permintaan akan saya berikan desain vector ikonnya dan akan saya posting ulang. Silakan berikan komentar dibawah artikel postingan ini ya teman-teman.
Meski banyak pembuat template ternama sudah menampilkan ikon dengan berbagai ragam kreasi yang terbilang bagus. Tidak ada salahnya kita coba dengan trik, maaf saya bilang jadul. Disini masih bernuansa nostalgia pokoknya. Sebab, trik ini sebenarnya sudah ada sejak dulu. Beberapa tahun silam, sewaktu blogger masih menjadi raja dunia maya, saya juga menerapkan trik ini di blog saya. Tetapi untuk saat ini saya hilangkan saja dan tidak saya berikan trik tersebut. Sehingga blog saya hanya ada di halaman Topouter-Wrapper yang ada di atas sendiri dari blog ini. Bisa kalian lihat.
Supaya bisa langsung diterapkan di blog kalian, bagaimana kalau kita langsung saja ke tutorialnya?
2 Cara Memasang Ikon Medsos di Pojok Bawah
Cara Pertama
1. Klik Tata Letak2. Klik Menu Tambah HTML/Javascript
3. Tempelkan kode dibawah di Konten kosong yang tersedia.
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'URL gambar kalian disini','border':0});$('<a></a>') .css({position:'fixed',left:'15px' ,bottom:'15px','z-index':'90'}).attr({'href':'URL Media Sosial kamu disini'}).append(a).appendTo('body')});</script>Catatan :
Untuk tulisan yang saya blog adalah alamat blog dan alamat gambar : alamat blog misal https://blabla.com dan alamat gambar misal : <img src="blablabla"> .. begitu ya teman-teman
Cara Kedua
1. Klik Tema2. Pilih Sesuaikan : Edit HTML
3. Cari kode ]]></b:skin>
4. Tempelkan kode dibawah persis diatas kode ]]></b:skin>
#Alifapojok {
position:fixed;_position:absolute;bottom:15px; left:15px;
clip:inherit;
_top:expression(documentElement.scrollTop+
document.documentElement.clientHeight);_left:expression
(document.documentElement.scrollLeft+document.documentElement.clientWidth -
offsetWidth);
}5. Kemudian cari lagi kode (masih di utak-atik template) : </body>
6. Tempelkan kode dibawah persis diatas kode </body>
<div id='Alifapojok'>
<a href='URL Media Sosial kamu'>
<img border='0' src='URL gambar yang akan ditampilkan'/></a>
</div>Untuk ikonnya kami sediakan dibawah :
Ikon Facebook
https://blogger.googleusercontent.com/img/a/AVvXsEhXJFQIXW1rczc2bC6mXo4xt9-P1poRGs5LAa46EoUIefxLHyB5uo61NrbamSwjJl0puG46zHN9Llx6aMn7bi45CzS_MJQWR9UJtB4mML6Yet23knT6GwqViBh39jx75Eb5l7kQ91wqk1GwWuIG9o5-lME-lROkBfrkMyxMjk_nOmN7wpeHQBZ7n7ziIkon Instagram
https://blogger.googleusercontent.com/img/a/AVvXsEhAbcxhNRZo_hYgVA7Nmz13nX-k0q_0RZxAqh73ukYvcRueS7dIwlH-3NkxQcvyO-pkp8ClE4gNZS2lhFtLJj-EhS_SDmlPF0o9T5ik9IG11jjAdB28VbCgQ52cCXP6Z098z82GqAAs1PhAVjuZ2KSYb-NFmsGr80wYCdB39-t7zOrYYqj1C3C5JcoEIkon Pinterest
https://blogger.googleusercontent.com/img/a/AVvXsEgCt6-kB-fQktv1PzotLaSlE-BWM_TCo-8IuQ492Vm72XRUTTqOMnzY-XVh7dmJlhi61xiNQBaZ9SoRaAAgd1jaySynzBgPPjQd0u9_P80AgOQqHo8azdM8Y7vQ5CNPS4SZ5LFDsR_NSFOXGYpM5iyF_9nnIFOWm-QXETNMFdmOW-TTJa1g4mizIfPqIkon Youtube
https://blogger.googleusercontent.com/img/a/AVvXsEjd_6iD6s_3SWwcyf9_2xOZpi21bNvpnZPj3PFD4erJVSMwHQiu-N3ahMn7zuOdGmVBpKNxoFCWtqDG1tJdeBrz-p36NhsKEI-u0onfzwXqJzLBx5u5jB0XSMJh-8E3mkiGuvTR8izUqs4JN31ERisZE_eE9j2MS8Wqjpta4NgIgWHqVkFZ-Zv4UpPuIkon Twitter
https://blogger.googleusercontent.com/img/a/AVvXsEjW3Aqp_tqiuopFeyOFOuLSOIb9dGvuJ9wbdI7NFanna8fV9KSNnGLcjDiHp9_To-dQVYNq2kAF2O5oqwIjLeAL6xywc_tXsCtzoaPALlnar1OHlX1leMr2U_zhggoryOoxa0GP5XG8Woe3lXFCqFmAKRbPOboaKt9u02k4e9PDDOBr6CpnWbdxiJ31Ikon Whatsapp
https://blogger.googleusercontent.com/img/a/AVvXsEjLpal1BiXgQqp1TxUZ63oaCJoABlOiZ7pV_t3SoKGhTzBPUQ0Nnl9jeUhre5nus5xG_hSkT-ktNN8-IVKSx6iJ-l56MKDAZG-EeS7WPJR6aJs9WB0lefeWAnGDfO-NyZmtk6j03uUH-Ro9IbIOT8lKZaB1zFhgesNMDP-Xg26fMIiTD60EOaljqjYfSilakan kalian pilih dari salah satu cara diatas yang menurut kalian simple dan bisa dilakukan. Sekian dulu yang dapat kami sampaikan semoga artikel 2 Cara Memasang Ikon Medsos di Pojok Bawah dapat bermanfaat dan dapat diterapkan di blog kalian. Wassalam.
