Cara Membuat Tombol Google+ Sederhana Di Blog | widget Blog

Cara  Membuat  Tombol  Google+  Sederhana Di Blog | Widget Blog

kali ini, saya akan membagikan cara untuk membuat tombol google plus sederhana di blog, walaupun pihak blogger sudah menyediakan widget ini tapi terkadang masih ada blogger yang kurang suka dengan style yang disediakan oleh blogger. Widget ini sedikit berbeda dengan tombol yang disediakan blogger, lebih dinamis dan simple menurut saya. Screenshot nya bisa sobat lihat dibagian sidebar blog ini, 
atau dibawah ini :

sederhana bukan ???


nah buat sobat yang tertarik untuk membuatnya silahkan ikuti tutorial nya berikut ini :

1. masuk ke menu blogger
2. pilih tata letak
3. pilih tambah gadget dibagian yang sobat inginkan
4. pilih html/javascript
5. lalu masukkan kode dibawah ini :

<div class='widget-content'> <div style="float: right; margin-right: 10px;"> <span style="font-size: 60%"><a href="#" target="_blank" title="Widget G+ Circles ">Get Widget</a></span></div> <br /> <div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/101385423073163418247' data-source='blogger:blog:followers' data-width='260'> </div> <script type='text/javascript'> (function() { window.___gcfg = {'lang': 'in'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>

silahkan sobat ganti kode yang warna merah dengan kode ID google+ sobat,,,dan untuk yang warna biru silahakan sobat ganti dengan url sumber pembuatan widget, jika ingin diarahkan ke sumber blog ini yah monggo mas silahkan hehehe

oke,,samppai disini dulu,,semoga bermanfaat sob!!!

Share this post