Sosyal Media Butonlarının HTML Kodları

Sosyal Medya Heaplarında Paylaştığımız, Web Sitmizdeki Yazılara daha çabuk ulaşabilmek için Sosyal Media İkonlarına ihtiyacımız vardır. Bu İkonların HTML Kodlarını sizler için derledim. Bu Kodları, aşağıdaki sutundan seçip kopyalama yöntemiyle Bilgisayarınızdaki, Başlat Menüsünden Not Defteri uygulamasını açarak kodlarınızı yapıştırabilirsiniz ve .html formatında kaydederek görüntüsünü, kodların altında görmekte olduğunuz şekilde gözlemleyerek test edebilirsiniz. Bu kodları, Web Sitenizde Sol tarafta bulunan Menüden Görünüm Önelleştir butonuna tıklayarak Bileşenler Sekmesinde Alt Kısım Alanı Bölümünde uygun olan yere yapıştırarak kullanabilirsiniz veya yine Web Sitesinde Sol Menüde Yazılar Tüm Yazılar butonundan, en altına veya en üst bölüme bu kodları ekleyerek kullanabilirsiniz.

Sosyal Media Butonlarının HTML Kodları

<!DOCTYPE html>
<html>
<head>
<title>BİLGİSAYAR TEKNİSYENİ</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h2 style = "font-family:Impact"><center>SOSYAL MEDİA SİTEMİZİ TAKİP EDEREK EN GÜNCEL BİLGİLERE ULAŞABİLİRSİNİZ</center></h2>
<center>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2018/11/Facebook-Logo.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2018/11/Google-Plus.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2018/11/%C4%B0nstagram-Logo.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Twitter-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="https://i2.wp.com/bilgisayarteknisyeni.net/wp-content/uploads/2018/11/Gmail-Logo.png?resize=60%2C60" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/YouTube-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Whatsapp-01-512.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/VK-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Tumblr-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Snapchat-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Quora-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Pinterest-Icon.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Linkedin-%C4%B0con.png" height="60px" width="60px"></a>
<a href="#" target="_blank"><img src="http://bilgisayarteknisyeni.net/wp-content/uploads/2019/02/Dropbox-%C4%B0con.png" height="60px" width="60px"></a>
</center>

<script type='text/javascript' src='https://s0.wp.com/wp-content/js/devicepx-jetpack.js'></script>
<script type='text/javascript' src='https://secure.gravatar.com/js/gprofiles.js'></script>
<script type='text/javascript' src='http://bilgisayarteknisyeni.net/wp-content/plugins/elementor/assets/lib/swiper/swiper.jquery.min.js'></script>
<script data-optimized='1' src='http://bilgisayarteknisyeni.net/min/300f1.js' > </script>
</body>
</html>

Sosyal Media Butonlarının HTML Kod Görüntüleri

SOSYAL MEDİA SİTEMİZİ TAKİP EDEREK EN GÜNCEL BİLGİLERE ULAŞABİLİRSİNİZ