29 August 2022

2 Cara Memasang Logo Ikon Media Sosial di Pojok Bawah Kiri Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

2 Cara Memasang Logo Ikon Media Sosial di Pojok Bawah Kiri Blog

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.



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 Letak
2. 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 Tema
2. 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


Ikon Facebook

https://blogger.googleusercontent.com/img/a/AVvXsEhXJFQIXW1rczc2bC6mXo4xt9-P1poRGs5LAa46EoUIefxLHyB5uo61NrbamSwjJl0puG46zHN9Llx6aMn7bi45CzS_MJQWR9UJtB4mML6Yet23knT6GwqViBh39jx75Eb5l7kQ91wqk1GwWuIG9o5-lME-lROkBfrkMyxMjk_nOmN7wpeHQBZ7n7zi


Ikon Instagram

Ikon Instagram

https://blogger.googleusercontent.com/img/a/AVvXsEhAbcxhNRZo_hYgVA7Nmz13nX-k0q_0RZxAqh73ukYvcRueS7dIwlH-3NkxQcvyO-pkp8ClE4gNZS2lhFtLJj-EhS_SDmlPF0o9T5ik9IG11jjAdB28VbCgQ52cCXP6Z098z82GqAAs1PhAVjuZ2KSYb-NFmsGr80wYCdB39-t7zOrYYqj1C3C5JcoE


Ikon Pinterest

Ikon Pinterest

https://blogger.googleusercontent.com/img/a/AVvXsEgCt6-kB-fQktv1PzotLaSlE-BWM_TCo-8IuQ492Vm72XRUTTqOMnzY-XVh7dmJlhi61xiNQBaZ9SoRaAAgd1jaySynzBgPPjQd0u9_P80AgOQqHo8azdM8Y7vQ5CNPS4SZ5LFDsR_NSFOXGYpM5iyF_9nnIFOWm-QXETNMFdmOW-TTJa1g4mizIfPq


Ikon Youtube

Ikon Youtube

https://blogger.googleusercontent.com/img/a/AVvXsEjd_6iD6s_3SWwcyf9_2xOZpi21bNvpnZPj3PFD4erJVSMwHQiu-N3ahMn7zuOdGmVBpKNxoFCWtqDG1tJdeBrz-p36NhsKEI-u0onfzwXqJzLBx5u5jB0XSMJh-8E3mkiGuvTR8izUqs4JN31ERisZE_eE9j2MS8Wqjpta4NgIgWHqVkFZ-Zv4UpPu


Ikon Twitter

Ikon Twitter

https://blogger.googleusercontent.com/img/a/AVvXsEjW3Aqp_tqiuopFeyOFOuLSOIb9dGvuJ9wbdI7NFanna8fV9KSNnGLcjDiHp9_To-dQVYNq2kAF2O5oqwIjLeAL6xywc_tXsCtzoaPALlnar1OHlX1leMr2U_zhggoryOoxa0GP5XG8Woe3lXFCqFmAKRbPOboaKt9u02k4e9PDDOBr6CpnWbdxiJ31


Ikon Whatsapp

Ikon Whatsapp

https://blogger.googleusercontent.com/img/a/AVvXsEjLpal1BiXgQqp1TxUZ63oaCJoABlOiZ7pV_t3SoKGhTzBPUQ0Nnl9jeUhre5nus5xG_hSkT-ktNN8-IVKSx6iJ-l56MKDAZG-EeS7WPJR6aJs9WB0lefeWAnGDfO-NyZmtk6j03uUH-Ro9IbIOT8lKZaB1zFhgesNMDP-Xg26fMIiTD60EOaljqjYf




Silakan 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.

Bagikan ke teman-teman kamu
Label Postingan : CSS , Tips Blog

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul 2 Cara Memasang Logo Ikon Media Sosial di Pojok Bawah Kiri Blog . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

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