Cara Pasang Icon Jejaring Sosial dalam Blogger

Cara Pasang Icon Media Sosial dalam Blog

Berikut ini cara memasang beberapa icon media sosial untuk mempercantik tampilan blog anda. Tulisan warna merah dapat diganti dengan kepunyaan Url Anda. Warna tulisan biru merupakan ukuran icon. Anda boleh mengganti ukuran icon sesuai kebutuhan Anda.  

<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='http://www.twitter.com/@Satarbom/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s20/twitter.png' title='Twitter'/></a>
<a href='http://www.facebook.com/ridwansyah88/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s20/facebook.png' title='Facebook'/></a>
<a href='http://plus.google.com/114218399467256014415/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s20/google.png' title='Google Plus'/></a>
<a href='https://id.linkedin.com/in/ridwan-syah-0ba648122 trk=nav_responsive_tab_profile_pic' target='_blank'><img alt='LinkedIn' src='https://lh6.googleusercontent.com/-wsMOZqtgZsI/VJ_Wi7YStbI/AAAAAAAAI9Y/xWVrEivmlZY/s20/linkedin.png' title='LinkedIn'/></a>
<a href='http://www.pinterest.com/vanshah88/'target='_blank'><img alt='Pinterest' src='https://lh5.googleusercontent.com/-rQI0ZCqxvX0/VJ_WjcQ9QII/AAAAAAAAI9g/0XajOPBuXKI/s20/pinterest.png' title='Pinterest'/></a>
<a href='http://instagram.com/vanshah88' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s20/instagram.png' title='Instagram'/></a>
<a href="mailto:vanshah88@yahoo.com"><img alt="Yahoo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzKDity0cbWunMVF6_YD8rOM254hJGWpEsteVn66qYMFy52IkCm65sZ3dU3-cnXsB62yA6TRlMMjXKf-nV6sitNlP0srKqUQ3xWBfKSepvzpe7MbnPeSoBvoaXVMOKZbGI3wD0JeEBKE/s20/yahoo.png" title="Kirim Yahoo Mail" /></a>
<a href='https://www.youtube.com/channel/UCIRK7tofx0yj1PcCLhp70DA' class='tooltip' title='youtube'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizIdU2WE7vOkCz-TCkY1__tv56oXiK3Wm0v4vm_O6ixjcMDRrSZL35DzeSF-ltQegPJMfrSoQaD6sOWmh8paFTKpUbO0CFKF1y8aYVVVvQE17c1issM0ixCZTIREToKLG5NgZvkN4zFLw/s20/youtube.png"/></a>
</li>
</ul>
</div>



Keterangan Script di atas


  • Untuk Tulisan yang Berwarna merah silahkan diganti dengan user account anda.
  • Untuk Tulisan yang Berwarna biru silahkan di ganti sesuai ukuran icon yang dikehendaki.
  • Setelah di Copas silahkan di simpan, selanjutnya lihat hasilnya  diblog anda.
  • Apabila ada yang tidak diperlukan bisa dihapus sesuai kebutuhan anda.

Comments

Popular Posts