Tutorial Memasang Icon Social Media dalam Blog

Anonymous    April 27, 2016    BlogPedia , TutorialBlog    6 comments   

Seperti yang kita ketahui saat ini siapa yang tidak pernah mendengar Kata “Social Media” yuppp so...ci...al... me...di...aa... kata ini menjadi sangat populer ketika Facebook dan Twitter mulai dikenal oleh kalangan pengguna Internet secara umum, hal ini juga yang kemudian membuat Social Media dan Internet menjadi tidak terpisahkan.

Dalam artikel kali ini saya akan memberikan sedikit penjelasan mengenai tutorial memasang Icon Social Media dalam Blog. Langsung saja simak dan ikuti langkah-langkahnya berikut ini:

• Langkah pertama silahkan kawan menuju Dashboard Blog
• Langkah kedua dan tiga silahkan kawan masuk ke Tata Letak lalu Tambahkan Gadget
• Langkah ke empat silahkan kawan pilih HTML/JavaScript
• Langkah ke lima dan ke enam kawan akan masuk ke halaman konfigurasi HTML/JavaScript lalu paste Scriptnya dibagian kolom konten seperti gambar no 6

ini adalah script yang saya gunakan untuk menampilakan icon social media dalam blog.

<a href="https://www.facebook.com/albugisy24"><img alt="Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyc1YGm4VT3qaroTtmGmwDLyAqu-V0W1m0bSX34Hb_UfqucTETn-C0rROaYj7bLvBsHFhdp5lt6m2VnjfhiXqtaAs3Nx7S2ozTzrchhhA2LvR3OWZA_8kwdLeietTwvPmCU53q_r0dojI/s20/facebook.png" title="Find me on Facebook" /></a>&nbsp;
<a href="https://twitter.com/sairul_albugisy"><img alt="Twitter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-t52jZegnPCMEB5SrhtvEo0a0FgUnHCfKIjJzgQI5r6IML3P6w7z-4UDVu94GIyi160gWCAmJ0Kz2-FKBahdNc8OKPBJT0jPDkz12gPmcU2togxJzD3mbv2i-5p_OjVzQeWBBuD42uvU/s20/twitter.png" title="Follow my Twitter" /></a>&nbsp;
<a href="https://plus.google.com/106010617700917823089"><img alt="Google+" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxH9BGl68GKQEApO7BmjgxojeR5gCAbStpqmlr3CaTlk5AWBwKpYmGBBaKLxwn3zu3-YIrMB0Y4ZLgW91nT5pI1H1mgstyAL6oDDEJ_WeDz-jgv1dbLVAXr8iQJua99BtIO3BqYi0E08/s20/google_plus.png" title="Add me on Google+" /></a>
<a href="https://instagram.com/sairul_bahri"><img alt="Instagram" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtud9rPUTmHAMbZ6guPjxZGOVB5sY36d-f5oL07ng6vmRXlzWqO0bN23cfLOfcB1LACUtCk56xosgLC6o3HO01tykVjx0ta-yS4swhW1LX7UjajNjT3lLoHkdXVoG9iFwJeZupHVHFS4U/s20/instagram.png" title="Find me on Instagram" /></a>
<a href='https://www.youtube.com/channel/UCHJ4OpNydvivfWa1njOUb_A' class='tooltip' title='youtube'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikY57dCwXye0ha2Iob62j-S4DvtDobpIvxfrgLY3P-Q93yp41e2b_w0-xv9RnVZEPAC1tp8P1RCm5-tWaOC6dVDHMUj4oAwDsP5R7cltGrA7XSW_GNMluoGAoilZ8TQmX5e0XPc90aBq8/s20/youtube.png"/></a>

Keterangan Dari Script diatas:

Tulisan yang Berwarna merah silahkan kawan diganti dengan user account kawan.

Tulisan yang Berwarna Biru silahkan kawan ganti sesuai ukuran icon yang dikehendaki.

Apabila ada yang tidak diperlukan kawan bisa hapus sesuai kebutuhan.

Copy Semua Script diatas lalu paste pada halaman konfigurasi HTML/Jaca Script.

Setelah di Copas silahkan di simpan, selanjutnya lihat hasilnya dalam blog kawan.

Itulah sedikit penjelasan mengenai tutorial memasang icon sosial media dalam blog untuk lebih detail dan lebih jelasnya silahkan langsung di praktekan sendiri. jika ada yang ingin kawan tanyakan silahkan melalui kolom komentar dibawah. semoga dengan adanya icon sosial media tersebut akan lebih memudahkan kita dalam dunia blogging. Terimakasih dan semoga bermanfaat. :)