Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Social Media Button di Blog

Banyak sekali sekarang template template blog free bergentayangan di dunia maya,baik yang responsif ataupun yang lainya. Dan template tersebut juga tak kalah menariknya seperti design design profesional website.

Terkadang kita juga dipusingkan dengan beberapa template blog tersebut,karena hanya memberikan sebuah template tetapi untuk cara cara penggunaanya tak sedikit orang kebingungan.(kecuali anda memang sudah sebelumnya menguasai dunia script seperti HTML,PHP ataupun yang lainya).

Saya akan mengulas tentang, bagaimana cara membuat Social Media Button di blog, Coba perhatikan gambar dibawah ini yang akan kita buat di blog kita.

Contoh Button Social Media atau klik DEMO

Pada contoh diatas kita akan memasukan button social media disamping Header blog. Untuk caranya silahkan sobat masuk ke blogger masing masing --> Kemudian pilih Tata Letak atau Layout --> Tambahkan Gadget ---> Widget HTML . Lihat screenshot dibawah ini untuk lebih jelasnya.




Setelah menambahkan widget HTML, maka akan di minta memasukan sebuah script button yang akan kita buat menjadi button social media, masukan script di bawah ini :

<div class='social-profiles-widget'><a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHaGmDJRrRRZvb2OH9ux-EczhZSkK0tGaOugjW88yfn7vSG4XjAMFdHWQAeTPT2wn1S9X111yB3HLAQYJY48P7aZ-QRDoFaycOtWP-KMnBJHJ-TQ16dSYbeTMSVhvf3ykA6rSJFJcQeueW/s1600/Twitter_78x75.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_gsKlvRIdeat-8fryBSYzgZP2dfnr0kxjfBoiONjvr1eqLblDStLbAmn-Ik54IjHAVNoBIC91WkmFuOlWD3fuwUXkF8rh2EgoZ-fk3o-SazZuS5Tjd2itVCcnpSCN2evW4FeENg_zUGD/s1600/Facebook_78x75.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Ev9-r7US1d-OAOcDK7cZYlob3WzX3c9VNCFhOoZgh__puKe-euuu4elKFccZRlpZpLteQPu4dvs1qQ0OeU1oS5E5XnX2rFf-u4W1P4VoO2NwQfCIEkVgKt24FsUHe8tvJvriiOPpnKGf/s1600/Google+_78x75.png' title='Google Plus'/></a><a href='http://www.pinterest.com/' target='_blank'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1je4W_FhoBwD6lCz9WCrwMAQ6qLpgkuxz9q_5aiMK8q7IpV3_r6O_6PnU49kcMclIqtMYgJllVGagUHFVv4GU-Ktj-Nb5yrUcf2bjZ2PrJKwvON7x1MCMUNMivS9speMF7JGnmT8fUYuE/s1600/Pinterest_78x75.png' title='Pinterest'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkhgW545hjv79yxBXl702jcbaTWdm9vThwE4mgW9v4tyyWrMHbU0D-RHofbwFmqCwnXZdrQ3B-ZQCTlGwPvr2cOwidxAafl39f7Ra6auVvOltiGoFJzHmqSekH9KJIRGLpXzqzLHVqGQUe/s1600/RSS_78x75.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyZfpWO1mU-J8Xi79VOWflCwu1VLgKQG8A2Xa4r_u6Xwk7DLRPsuyMGXBSllWNc3ZOY0cGqPztHsI9CsrZ4zLEPDPeTtjWg069q9zT6T5JMtiAdL-USptslU9-faSS3ZBzZZSfHsuwDe0/s1600/Email_78x75.png' title='Email'/></a></div>

Setelah di copy semua kemudian SAVE/SIMPAN dan lihat hasilnya. Tombol Button Social Media sudah terlihat disamping Header. Klik DISINI untuk kumpulan template atau DISINI

Semoga Bermanfaat 

Posting Komentar untuk "Cara Membuat Social Media Button di Blog"