this gadget is most beautifull this is a showing To you for a twitter followers subscribe on your blog How to add this i give you a trick follow my some steps
How To Add Twitter Profile in Blogger
- Go to blogger.com
- Go to template>EDIT HTML
- Find (press CTRL+F)
]]></b:skin>
- And Copy below Code and Paste Above ]]></b:skin>
/* -- Twitter Profile Box Gadget By MBL--- */ .MBL-tweter-header { background: #1bc4de url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ71cjx8DRv-ZcAn2RTU6inEOjP-WahyphenhyphenfNh9L2GLe-gL1SktKl5svKRdwhLiURMzBF8w36FrU8jke6mtH4X0jIUSf4kywA9UxLKTmNMsrTPU1Yi47J2Xk8fhqsAae4Y_7lmRkJbo9gNb2D/s1600/Fortolioa.png); } .MBL-tweter { width: 300px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); border: 1px solid #e8e8e8; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; overflow:hidden; } .MBL-tweter .MBL-tweter-header { padding: 10px; height: 73px; } .MBL-tweter .MBL-tweter-header .screen-name h1 { color: #fff; margin: 0; font-size: 16px; text-transform: capitalize; font-family: 'Helvetica', sans-serif; } .MBL-tweter .MBL-tweter-header .screen-name h2, .MBL-tweter .MBL-tweter-header .screen-name h3 { color: #ffffff; margin: 0; font-size: 12px; font-family: 'Helvetica', sans-serif; } .MBL-tweter .MBL-tweter-header .screen-name { margin-top: 20px; width: 180px; float: right; } .MBL-tweter .MBL-tweter-header .profile-image { width: 73px; height: 73px; float: left; } .MBL-tweter .MBL-tweter-header .profile-image img { -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; width: 73px; height: 73px; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55); -moz-border-radius: 8px; -khtml-border-radius: 8px; } .MBL-tweter .twitter-summary { background-color: #f9f9f9; height: 60px; position: relative; } .MBL-tweter .twitter-summary ul { display: table-row; height: 60px; width: 100%; margin: 0; padding: 0; text-align: center; padding: 15px 0px; } .MBL-tweter .twitter-summary ul li { list-style-type: none; font-size: 12px; padding: 0px 6px 0px 6px; border-left: 1px solid #e8e8e8; text-align: center; vertical-align: middle; display: table-cell; color: #958470; *float: left; width: 84px; } .MBL-tweter .twitter-summary ul li a { color: #958470; text-decoration: none; } #boxs { clear: both; font-family: 'Helvetica', sans-serif; position: absolute; float: right; font-size: 10px; text-transform: uppercase; padding-left: 210px; margin-bottom: 20px; margin-top:10px; } #boxs a { text-decoration: none; color: #b0b0b0; }
- Now Go to layout>ADD A Gadget>HTML Jave Script
- Paste Below Code in content and save it........
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script src="https://mybloggerlab.googlecode.com/files/MBtwet.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function() {$("#box").dwseeTwitterBox({'screenname':'Onlinehelperblog',})})</script><div id="box"></div>
- I Hope This Trick You Get a Twitter More Followers and if you share your post on Twitter(social media) and you get More Visitors So Always share your Post on social Media......