Widget Media Sosial 3D Bergaya Animasi (Dengan Mouse Hover Rotating Effect) Untuk Blogger

Media Sosial selalu membantu blogger, bahkan satu suka atau berbagi dapat mengarahkan lalu lintas ke blog Anda, Anda harus melayani pengunjung Anda berbagi sosial dan mengikuti tombol kami di mana mereka dapat tetap terhubung dengan blog Anda. Jika opsi berbagi sosial Anda menarik, maka pengguna senang membagikan blog Anda. Dalam posting ini saya akan memberikan Anda tombol media sosial yang menarik ikuti kami dengan efek tooltip css3

DEMO 

 

Menambahkan Widget Ini Ke Blogger

Langkah-langkahnya sangat mudah, dan hanya perlu 1 menit untuk menyelesaikan integrasi. Cukup ikuti langkah-langkah seperti yang disebutkan di bawah ini.

• Pilih Tata Letak
• Klik pada Tambahkan Gadget
• Pilih HTML / JavaScript 
• Salin dan Tempel kode berikut dalam kotak HTML / Javascript .

<style>  
</ * Blogger Industries Mempersembahkan Ikon CSS 3D Mulai * /> 
#social a: hover {warna-latar belakang: transparan; opacity: 0.7;} #social img {-moz-transition: all 0.8s easy-in-out; -webkit-transition: all 0.8s easy-in-out; -o-transisi: semua 0,8 kemudahan-masuk-keluar; -ms-transisi: semua 0,8s kemudahan masuk; transisi: semua kemudahan 0,8s; } #social img: hover {-moz-transform: rotate (360deg); -webkit-transform: rotate (360deg); -o-transform: rotate (360deg); -ms-transform: rotate (360deg); transform: rotate (360deg); }
<* Blogger Industries Mempersembahkan Ikon 3D CSS Akhir * /> 
</style>




<style>  
</ * Blogger Industries Mempersembahkan Ikon CSS 3D Mulai * /> 
#social a: hover {warna-latar belakang: transparan; opacity: 0.7;} #social img {-moz-transition: all 0.8s easy-in-out; -webkit-transition: all 0.8s easy-in-out; -o-transisi: semua 0,8 kemudahan-masuk-keluar; -ms-transisi: semua 0,8s kemudahan masuk; transisi: semua kemudahan 0,8s; } #social img: hover {-moz-transform: rotate (360deg); -webkit-transform: rotate (360deg); -o-transform: rotate (360deg); -ms-transform: rotate (360deg); transform: rotate (360deg); }
<* Blogger Industries Mempersembahkan Ikon 3D CSS Akhir * /> 
</style>

<div id = "social">

<! - Mulai Ikon Rss -> <a href="http://feeds.feedburner.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Feed Rss Kami"> <img alt = "Ikon" border = "0" src = "http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAA8AAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style = "margin-right: 1px; " /> </a> <! - Ikon Akhir Rss—>

<! - Mulai Ikon Email Rss -> <a href = "http: //www.YOUR-EMAIL-RSS-URL-HERE/" rel = "nofollow" target = "_ blank" title = "Dapatkan Pembaruan Gratis Melalui Email "> <img alt =" Ikon "border =" 0 "src =" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvbG1miOZrhb3_gvAjFcRVbChUWxJ5Ix2XWDWpBDWF8L5-R_XlhQgTGAJNSmHTXDvbF-gAFyj89tgwxrJYJYIwNjMcZarIwHTL4IdO1Y6AbOM0QjxaMXZ2yroy_q8LqKsUKe_obiiHGg-/s1600/RSS-EMAIL-48x48.png "style" = "margin-right: 1px;" /> </a> <! - Akhiri Ikon Email Email—>  
<! - Mulai Ikon Facebook -> <a href = "http://www.facebook.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel = "nofollow" target = "_ blank" title = "Sukai Kami Halaman Facebook "> <img alt =" Ikon "border =" 0 "src =" http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png "style = "margin-right: 1px;" /> </a> <! - Akhiri Ikon Facebook—>

<! - Mulai Ikon Twitter -> <a href = "http://www.twitter.com/YOUR-TWITTER-URL-HERE" rel = "nofollow" target = "_ blank" title = "Ikuti Pembaruan Kami Pada Twitter "> <img alt =" Ikon "border =" 0 "src =" http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png "style =" margin-right: 1px; " /> </a> <! - Akhiri Ikon Twitter—>  
<! - Mulai Ikon Google+ -> <a href = "https://plus.google.com/YOUR-GOOGLE-PLUS-URL-HERE" rel = "nofollow" target = "_ blank" title = "Ikuti Kami Di Google + "> <img src =" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijk2QZqr4ttStLcVmdhi97Tk2bqSSgFKo2lH6LOHOUnQrN9XPqlSogMsRxmq0P6-Vtq5j_QwbfltSEPAAOWNXr8-QPa7Aa5aZ_RSJhnbM1GIeQlV2PEZuFlDPLs_1j4iDz-nvxWKB0D8_F/s1600/GOOGLE-PLUS-48x48.png "style =" margin-right: 1px ; " /> </a> <! - Akhiri Ikon Google+—>

<! - Mulai Ikon Pinterest -> <a href="http://pinterest.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"> < img alt = "Ikuti Saya di Pinterest" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq9YDhbP95eew1wDmMSoVs3kEpWMPkgTik_Dw3DWwsK_WqE8-Fm7LO9wJafDn4Vr5-wz6TTEd9kbTFTFx7yZnMX_VyBLJlHeIayKuzIOtadfsnt4Mc0H5uNv3D9G4peB550YQ4oLId0kMW/s1600/PINTEREST-48x48.png" style = "margin-right: 1px; " /> </a> <! - Akhiri Ikon Pinterest -> </div>

<! - Mulai Tombol Hitungan Umpan -> <a href="http://feeds.feedburner.com/YOUR-FEEDBURNER-URL-HERE" target="_blank"> <img alt = "bumbui blog Anda" src = "http://feeds.feedburner.com/~fc/dulshan?bg=ff9933&fg=000000&anim=1" style = "border: 0;" /> </a>
<! - Tombol Hitungan Umpan Akhir—>

Ubah semua URL dengan tautan Media sosial Anda.