Cara Membuat Tombol Sosial Media Melayang Di kanan Blog

H i, CERITA NGEBLOG kembali menghadirkan cara membuat tombol social media kehadapan sobat, sekedar ingin memberi pilihan bagi anda yang ingin membuat widget social media dalam blogspotnya. Maka berangkat dari pemikiran itu, kembali aku share cara pembuatan social media melayang di kanan blog. Oya jika sobat ingin membuat widget social media yang tidak melayang atau hanya tersimpann dalam sidebar blog, silahkan buka tautan link berikut : Cara Membuat Widget Sosial Media Di Sidebar Blog

Pada kesempatan ini pun, sekalian aku ingin mengajak sahabat semua untuk mendo’a kan niatan Admin blog yang beberapa hari ini sedang mendaftarkan cerita-ngeblog ini, kedalam program adsense. Semoga saja jalannya dipermudah dan Admin pun bisa mengemban amanah dari pihak Google ^_6 (jika disetujui… mohon doanya saja.! )

Lanjut kembali pada cara membuat tombol social media melayang di kanan blog, langkah pertama yang harus sobat lakukan adalah seperti biasa,

Cara Membuat Tombol Sosial Media Melayang Di kanan Blog

1-Login kedalam dasbor blog anda

2-Pilih tata letak

3-Pilih add a gadget / menambahkan gadget

4-Pilih HTML/JavaScript

5-Kemudian copy dan pastekanlah kode script yang ada di bawah ini kedalam gadget HTML/Javascript.

<style type='text/css'>
.stickysocial {
background: #ffffff;
position: fixed;
top: 35%;
right: 0.25%;
z-index: 100;
vertical-align: bottom;
width: 37px;
text-align: center;
}
.stickysocial a:hover {
opacity: .73;
-moz-opacity: .73;
filter: alpha(opacity=73);
}
</style>

<div class='stickysocial' id='stickysocial_dock'>

<a href='https://plus.google.com/USERNAME' target='_blank' title='Follow us on Google+'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9m0GzQd50VkXzgEldsZrrNHUZaALt6Mnc0iViW9QTjzX2qVkt5LbChxfAIfKGSOvwnLcIkKAhpQl3-_umutSOmi-hQmP-ArBZqscrPMUS2g2oONuIqzGlUodhtAvOExPkuz6Exg4sRuE/s1600/g+.png' style='position:relative; width:37px'/></a>

<a href='http://www.facebook.com/USERNAME' target='_blank' title='Follow us on Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLfQUVsGMnuDyiiwfp2QhyphenhyphenfkfR1A0iAHvptEGzZCUdAY6o7guPfxgZitkGrjykPRleYitUtoKiknJhRXdSH_0-4EgPHVZ8dA-bSNre5Fvz3KFqCzc5nEKzkk7SgCyCF9EPsDVtdHN208/s40/facebook.png' style='position:relative; width:37px'/></a>

<a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0P6tiMAc9DjLK_Yx8GI4HxQ0aTFh9GP4vtXQtVr0o7V6dPcoKfgeqP4GzLtKRlu7F93O5w3JM5UekiooRCpV0wsFPBeTJ6v6MX7iHz90ypZ8-r6hmQtv78FlDHwPVzFUV5r7gEZmuMY/s40/twitter.png' style='position:relative; width:37px'/></a>

<a href='http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNERANDA' target='_blank' title='News latters'><img alt='mail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJISXW_5s3kSLy-qrBpkyTlp3EM6-zEstUGW6zjy_7FCDOlYajD7uGBIG7Te53zlRMkge8Cusr5qcq_cWcYaEkUaiSuLlX1nUwSysZMwyyANnYhhrx0KfYwEE0HKXbuOCgqxGthHp_3sU/s40/mail.png' style='position:relative; width:37px'/></a>

<a href='http://feeds.feedburner.com/USERNAME' target='_blank' title='Feed'><img alt='SC' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57iQsTcn7z0tO9CGmCN82XMVVYvbu6VlA1eL8konqyNQq8P2M7sg0XFV2Yw3Wr0Jkqz8WQyQ6Wuj1rfcrhsFFmqjwmSFaDidTuTv6I-gc69QDhTHUocognIrqI99FRuS2dyqqCPHJt9w/s40/rss.png' style='position:relative; width:37px'/></a>

</div>

Keterangannya: ubah semua tulisann yang berwarna merah dengan masing-masing User name sobat, sementara untuk menyesuaikan warna background widget silahkan untuk mengganti kode warna yang tercetak tebal dan berwarna biru.

6-Terakhir pilih simpan dan selesai.!

Demikian saja cara membuat tombol social media melayang dikanan blog, aku ucapkan selamat mencoba. Semoga hari ini menjadi hari yang indah buat sobat semua, kita jumpa lagi dilain kesempatan. Bye-bye……