Every One Want There Website to look good but if you don't use the proper design or css you will not the get the results you want so today im going to give you a social blogger widget which will make your blog more beautiful with its css animation and hover effect.
FEATURES
- Easy To Customize
- Supports RSS Feeds Subscription
- Supports Facebook,Twitter & Google+
- Hover Effect
- Blue Color Widget
- Not Much Space Consuming
INSTALLATION
Follow The Points Correctly To Make The Widgets Work.
- Goto Blogger.com
- Sign in
- Head Over To 'Layout'
- And Click 'Add a Gadget'
- Select HTML/javaScript
- Paste The Following HTML & CSS Code in The Box
- Hit Save
/* --- MashArena Social Hover Buttons Plugin For Blogger --- */ <div id="mbl-social-hover"> <div class="tota2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSg-ZLYvZin4T1G5y1zy26eM4zDrJOly798DLYpy6dnbh0HDW2rBqc-hNTgsWPLjbloXbFxe8mA2qq7QqQROVaJh6nG9-U30FgUCW7nEx2wqCqU8ZWPiZDE1kJH91BYYv2UQWAMPIvNxk/s1600/SUB-BAN.png" /></div> <div id="links"><a href="http://twitter.com/MashArenaBlog" class="twitter" title="Twitter" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfBDlIYCleW6QjPF87uC0HSQR11eC2Yts-dELktswLe5YiiLWQlXuZdsl8tVJKeKdW4MBpqC25J1qkj88NKdTWm9FFkG9EJU0adDJIcgi4uJGK0h0FazMH2lYETEMXxJIHYaXFMto3hkQ/s1600/twitter.png" /></div></a> <a href="http://www.facebook.com/MashArenaBlog" class="facebook" title="Facebook" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilK4S0KEYBKoMna6HGklFkj6fBjZfcl_BpN7ax9OH-pCMerpKVpvBXr1ZNnWKkVEd4pNTKDFaWauLroeuSEOIftbQ-yi9mXnELCc-G5jB_Xc6eLBx3koBZ3FahqKxRhp2P7jpBZaAPKJA/s1600/FB.png" /></div></a> <a href="https://plus.google.com/u/0/101016746447609402145" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasvv6o__DsZS27-NnVUK0YhfS178msKkt3R1MuNLObjkyy9XBUHmG3rHN2T-ltcaRHlDIetYy5V_vbt4iy2OHVhBitQ4S-OeZq4dC6-olXBdIKLrhfeJwtD93bGbs1dyDyDxbQdG1VNE/s1600/google.png" /></div></a> <a href="http://pinterest.com/MashArenaBlog/" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RJpZs1Bn_Ohi6Y_rxzd7NPyibNqbSLjt5V1JTQHsJFMluLzT0pchm5cuFG7-0qdFQ_18xkiZ__plXjL7dESFvUcwgHpEFO2VnDYCyW_1PWYwTukZSiMSGmsHNtPbBMYdMaDbMCUXEjc/s1600/pin.png" /></div></a> <a href="http://feeds.feedburner.com/MashArena" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEfBrPIeLkXZ2JDp-9mx94gwiaYNhVVvE32Ct77aKXaA1w9Bk_B7xGBL8wqJRnf4NVEVCOZ4wUZp38Z8vH4pNJqLUoBPl2rA2kHKs288-oxRipGPlTK1vH6lozTDcX0AIpLnH2wS9dWbE/s1600/rss.png" /></div></a> </div></div> <style>.tota2 { margin-left:15px; margin-top:10px;}.tota { margin-top:7px; }#mbl-social-hover{position:relative;width:240px;height:400px;background:#554e4c url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDMKK-4ueGOeVFYh_zqSnpnwABpwO0Gq6IZGeNJXoX4nF5Y-zxTpXtQdDJ68hLvLkvjC_olqPZzamr8WprHeEkuwMtjJqGF2YRBrEpkGZOlWenJpp9sZs8U2dZmKNv2CtiirdJUTD6UtI/s1600/vintage.png");}#mbl-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}#mbl-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#mbl-social-hover #links{position:absolute;bottom:0;width:100%;}#mbl-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}#mbl-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#mbl-social-hover a.twitter:hover{background:#79dbff;}#mbl-social-hover a.facebook:hover{background:#6e9bee;}#mbl-social-hover a.google:hover{background:#00be00;}#mbl-social-hover a.pinterest:hover{background:#cb2027;}#mbl-social-hover a.rss:hover{background:#ffae42;}#mbl-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}#home-tagline strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}.home-highlight{float:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight p{margin:0;}.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight:hover .home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}#home-featured .home-divider{margin-top:0;}#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}.featured-theme-entry-content .button{margin-top:15px;}.featured-theme-entry-content .button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:right;margin-right:5px;}.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}#featured-theme-slider .flex-direction-nav{margin:0;}#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}#featured-theme-slider</style>
You Are Down now See Your Beautiful Social Widget in Blogger
No comments:
Post a Comment