Tutorial Memasang Widget Media Sosial di blog

January 26, 2018

Memasang widget sosial media di sidebar pada sebuah blog juga merupakan hal yang penting lho bagi seorang blogger


yuk kita pasang :

Langkah pertama : masuk ke dashboard blog anda
Kedua : pilih tata letak
Ketiga : lihat disidebar kanan, klik add widged
Keempat : pilih html/javascript
kelima : Pasang icon sosial mediamu
untuk icon media sosial warna biru, berikut kode nya

<div style="text-align: center;">
<a href="isi link akun facebook anda" target="_blank" title="Like/Follow"><img border="0" src="https://3.bp.blogspot.com/-Ir14SkHjoIk/WBK3tW8jCdI/AAAAAAAAGwc/PZZuXkdiGw8raaZ_FrV_XdH49wSOlVbvACLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun twitter anda" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-57snJpOi_vE/WBK3u5uVchI/AAAAAAAAGw4/RXZncVuF0lYE69nBY82bdSnFCf2PGp82wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun  googleplus anda"_blank" title="follow me"><img border="0" src="https://3.bp.blogspot.com/-GxtGfg4cPlc/WBK3teiLKwI/AAAAAAAAGwg/kp1pV9YKR4guDB7TbPoeNVgFJpNHBS7HQCLcB/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun instagram anda" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-6DDLJgFD9PE/WBK3tyivnTI/AAAAAAAAGwo/L21r-ZUwzJsMluLrE7sZZ2qQT0E_NKqwQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun youtube anda"_blank" title="subscribe"><img border="0" src="https://2.bp.blogspot.com/-3q4iuWil2BM/WBK3uzkb46I/AAAAAAAAGw0/thdUkFGj4dQDb5TqlW58UCO-wJ2ZzxD1wCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>

Untuk Akun sosial media dengan warna original
Berikut Kodenya

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-hTavmcqNx3g/WBK6fgkhUBI/AAAAAAAAGxs/9wdu_ZoY6EEfPOkLBzL-BAt6S5gl1N0XwCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-5VDiDVQm4m4/WBK6hNHG-dI/AAAAAAAAGyE/FLPMQbcqZV0zYTIt4v8Wv3b5qRIrb6v8wCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://3.bp.blogspot.com/-sri_rHoELUU/WBK6fzO1IpI/AAAAAAAAGxo/39KSfa7Ayq4Hglg9ONLK5gqMXWdhrXCdQCLcB/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://1.bp.blogspot.com/-n-UoYMNVNtw/WBK6gZ5-wRI/AAAAAAAAGx4/nNj-MfNaTyQCwrgm9L1q1LqbbmIQGKFpQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-a8d1vICdBxQ/WBK6hLfNOOI/AAAAAAAAGyA/rBE-mtZFsMMdiSmDNwo0nB9ipFgM27cGwCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>

Untuk Akun sosial media dengan warna Hitam


Berikut kodenya

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://2.bp.blogspot.com/-n1l8ViASaNY/WBK02SBWwrI/AAAAAAAAGv4/KfbS7yTd0oMsqMMYZYA232v6Z5a5fF2vgCLcB/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-eteQj-XEYDc/WBK03vh3ieI/AAAAAAAAGwQ/vV4careCcLAvMVKU7j7YNmM94t6IR5RNQCLcB/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://4.bp.blogspot.com/-II4jH9I7Pq4/WBK02dIKc0I/AAAAAAAAGwA/RrDnypwQkW0QCA3VQXTx4Uw_Zy_PtktOwCLcB/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://1.bp.blogspot.com/-YgjDI7ryeCw/WBK0256tXeI/AAAAAAAAGwI/ENH2OyP7KUgQ9Q8Mix15YH8T_easIwguQCLcB/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://4.bp.blogspot.com/-BUGE6DSA4gE/WBK03l6iNEI/AAAAAAAAGwU/bNE_eMDyJokoBMCFYBElMOAj1xTepW5fACLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>


Untuk Akun media sosial dengan warna pink


berikut kodenya

<div style="margin-bottom:5px; border-bottom: 2px solid #cccccc; padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://4.bp.blogspot.com/-9JWKc7hh_rw/WBK5OcJlkjI/AAAAAAAAGxI/lahwaeMGyhsVrxXqUX5qmc5i55b6OYyjgCEw/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://3.bp.blogspot.com/-8xiboNYPQQM/WBK5PzzTymI/AAAAAAAAGxc/1vUt5qig4DkW1jVUWWPLFsBCsh9iz4hPgCEw/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://1.bp.blogspot.com/-Fh5Hs-OV0CA/WBK5OT9N_sI/AAAAAAAAGxE/QCBmiuXOBpU-jqTuM2YmwT-30rddTtTlgCEw/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://2.bp.blogspot.com/-Nwqhbpz2iNE/WBK5PCVzrWI/AAAAAAAAGxY/xw5swKRDkzgoNp0BwbHL8VyopsalgGbrACEw/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://3.bp.blogspot.com/-xkYdQ31Qzr4/WBK5P0dFFVI/AAAAAAAAGxg/SAK-inc97vk9k2_xbHRhfC4ikHiK6aUOQCLcB/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>

Semoga bermanfaat

Sumber kode html dari Tulisan Wortel


2 comments:

  1. keren dan bermanfaat tipsnya mba, jadi saya bisa pasang widget sosmed di blog dech

    ReplyDelete
  2. Makasih infonya sangat bermanfat.


    YUK KLIK LINK DI BAWAH INI SEGERA !!!!

    Ton Nasa

    ReplyDelete

Powered by Blogger.