Test Footer

18 Mei 2016

Cara membuat Widget Share Sosial Media Berputar

Widget Share Sosial Media Berputar. Berikut ini seober1.blogspot.com tentang Cara membuat Widget Share Sosial Media Berputar. Untuk sobat yang ingin memggunakan share sosial media seperti berikut ini silahkan ikuti langkah-langkah tutorial seperti dibawah ini. Tentunya sobat sudah tahukan kegunaan memasang widget share ke sosial media ini? intinya agar pengunjung blog dapat membagikan artikel kita ke sosial media jika pengunjung menginginkannya.

 Anda bosan dengan tampilan sosial media di template blog anda? maka anda dapat mencoba yang ini.  Oh iya sobat widget feedburner yang lainjuga sudah pernah dibagikan di artikel yang berjudul cara memasang rss feedburner di bawah artikel dan rss feedburner di sidebar blog.

SOCIAL MEDIA BERPUTAR



Cara Membuat Widget Share Sosial Media Berputar
  • Login ke akun blogger sobat
  • Copy Script di bawah ini
  • Masuk ke bagian Tata letak >> Tambah Gadget >> HTML/Java Script
  • Paste kan kode tersebut kedalam gadget baru
<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtCh2mjFXw52MZ0_5N7wreJ_wentAV_G0cU_tyZpmzqBy4SvjqsJ1zkxwbRWQYTBWUzFhebKitNq8Sqo9kS84H5Xe9NO2OMyQbRwxdhaw5T_mAmW6cVjM9lMmBaBJ_MEpzXjA8ec8APfc/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyl3H_6MSWAVLuIqhlPZzw1v7bp612J0_ATmnO4IMNVh4faw-m-yOsxzgttKIXwMXwTs00tclXDQhjKEE42Z2ha32iVWPI-JIcpDoKbUPNt1axEURv-n2xGXFXWq5hvLTXLlRT-jXq18bU/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUIIFLYKgRVJnUmbT23QpAKjroCVq-Dskh1hwmr_2nTOkdFA6EXFKS1jrtjGpTSRtFLNpTr2OUMlCG_dNBSqIpd7avSVGwB3FHRLD2byXTifpRv8NjXryPF1Jee4rNQpY1_S2nHBbiYiAO/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxN5E_F7e4NRhDS08zvLSxzZKcvPOLJeNd1vApFXbDShvWUqkIdnjwej9I_LKjXm2tQNsGJsIUHuFN0w5tKGeFjo7WN75ntMvSlbKGWnsfpmyFYm4jnHlJFkOBeBt1fkxzk7-NNOeWfmPo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9I9_D_Fd-apF5Sz1bLlpjOgI1NqLb4S4owFuRfCDUkL8aN4Bjp53n3yh1L65EnikZSxXe1VY5IF9grb68c6BNzvBW2WgAuebshaMb3aeA_x2mLzkt9EINF22NitkpmPsozVqpI3hfimLO/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHjhcXPTalw0XrYVxVRxI_bCAybcmFe4APKiobJ6a1NebuswwxgQfIPjQxN7mWsAgNCPYgagFw9tk8WLXhXza1PpFdNdUDAkTbfoUGv0QlItNxr_k80wvs35rlI8WNDoyaB5I1xMwTBIqQ/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>
  • Semua kode berwarna merah diatas silahkan diganti sesuai dengan kebutuhan. Save atau simpan dan Selesai.
Sekian Tutorial seobers1.blogspot.com saat ini Semoga bernanfaat dan selamat mencobanya.

Post Comment